看了几个网上推荐的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 页脚标签并不一定要出现在片段的结束位置,但通常都如此。