设计、网站、推广
始于2004年
当前位置:首页 > 网站维护

HTML5+css3的精髓

发表日期:2017-6-4 作者来源:派谷网络 浏览次数:

看了几个网上推荐的html5 css3 的网站,还是有很多大量的div ,id, class,就为了加几个新的标签,这就结构语义化了吗,这就叫html5吗?
 
HTML5应该是指基于javascript的大量浏览器操作API,而不只是几个HTML语义化标签。
例如:
本地存储相关的localStorage、sessionStorage、indexDB、WEBSQL 等。
图形动画相关的:SVG、canvas、WEBGL、webworker。
socket通信相关的:基于浏览器客户端的websocket。
多媒体相关的:video,audio。
文件相关的:FileReader etc.
 
CSS3是指在CSS2规范基础上,高级浏览器可以识别的一些高级行为样式,如:圆角:border-radius;阴影:box-shandow;旋转、动画、背景渐变、等等,诸多特性,以及更加丰富的CSS选择器。
 
HTML5-CSS3的绝大部分特性在IE6\7上面是根本不能被识别的,因此那些想要推广HTML5-CSS3的站点自己的网站肯定还是不能以这些高级特性为主。
 
PS:目前HTML5-CSS3主要活跃在移动端的智能手机上面,因为手机浏览器的支持还是相当好的。
 
Header 页头标签
首先,你会注意到 <header>,你明白的。你可以在页面使用此 header 页头标签,通常 header 页头标签里可以放置 logo 标识和导航。
 
Nav 导航标签
<nav> 标签现在让我们有能力通过 HTML 突出站点导航。它通常被放置与页面的页头标签中,但也可以在边栏中设置为左、右导航。
 
Section 节标签
例如,简介、作品集、联系方式等所有页面中设置的区段,他们都被放置于 section 节标签中。
 
Footer 页脚标签
在靠近实例片段的结尾部分你会发现 <footer> 标签。该标签包含在<section id="contentcontainer"></section> 而不是位于代码的末尾,这是因为该标签中关于微博的链接与 <section id="contact"> 里的内容有相关性。
footer 页脚标签代表一个离 section 节标签内容或 section 节标签根标签最近的页脚。
footer 页脚标签通常包含与作者、相关链接及版权信息等有关的部分。
footer 页脚标签并不一定要出现在片段的结束位置,但通常都如此。
本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案