HTML5标签特性与语义化应用.pdfVIP

Html5

Html5特点

1.属性值不加或

2.可以省略某些

htmlbodyheadtbody

3.可以省略某些结束

trtdli

4.单不用加结束

imginput

5.的

1.语法宽松，但是不推荐

不再建议使用一些，能够用css代替，都会用css

TML5在引入新的同时，废弃了不少常见元素，大抵分为如下几类。

第一类：表现性元素

basefont/big/center/font/s/strike/tt/u

建议用语义正确的元素代替他们，并使用CSS来确保渲染后的效果

第二类：框架类元素

因框架有很多可用性及可性问题，HTML5规范将以下元素移

除。frame/frameset/noframes，但html5支持iframe。

语义化

让搜索引擎更好理解我们的网页内容

注意：如果浏览器不认识的语义化，会把它当做块元素

目的：1.能被搜索引擎轻松抓取

2.清晰的读懂页面结构，有利于页面规范化

原本的div布局

注意：这些结构化，只是设置css样式，那么跟div没有任何区别

Header

场景：页眉、logo、搜索栏、标题、nav导航条

Article

场景：用于表示一篇文章的主体内容，一般为文字集中显示的区域

Section

场景：

用于表达书的一部分或一章，或者一章内的一节。在Web页面应用中,section

用于强调某一个模块，强调模块本身是整体的，该也可以用于区域

的章节表述。

Section跟article是从属关系，不能独立出现。出现在article下

Aside

用以表达注记、贴士、侧栏、、的等作为补充主体的内容。从一个简单页面显

示上看，就是侧边栏，可以在左边，也可以在右边。从一个页面的局部看，就是。

Footer

场景：页脚、友情、信息