HTML5的新特性

HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。

为了顺应整个互联网时代变迁，使得人们能够以更好的方式去进行网页结构搭建，HTML5应运而生。

HTML5新增了如下几个方面你的特性：

语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。

更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

HTML结构语义化，是最近几年才提出来的，以前的html结构，都是一堆没有语义的冷冰冰的标签。

最泛滥的就是div+css，以前的页面，一打开就是一堆div+css，为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且w3c也在HTML5给出了几个新的语义化的标签。

语义化之后文档会有什么效果呢？

就是你写的HTML结构，是用相对应的有一定语义的英文字母（标签）表示的，标记的，因为HTML本身就是标记语言。

不仅对自己来说，容易阅读，书写。

别人看你的代码和结构也容易理解，甚至对一些不是做网页开发的人来说，也容易阅读。

怎么知道自己的页面结构是否语义化，那就要看HTML布局结构，在去掉CSS样式表之后，是否，依然能很好的呈现内容的代码结构。

也就是说，去掉CSS的装饰之后，整个HTML的结构阅读起来依旧主次分明，能够看清其整体的架构模块。

这也就是，语义化之后我们想要HTML文档达到的效果。

其实语义化，也无非就是自己在使用标签的时候在合适的场景下选取合适的标签，比如h1~h5系列标签，在HTML中就是就是用来定义标题；

而p标签，大部分情况下用以处理文字段落，table表格则适合做信息表格,等等。

我们对整个HTML结构进行语义化的规范操作有如下几个好处：

 

1，这样有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

2，方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式来渲染网页；

3，便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

HTML5中新增的语义化标签进一步加强了我们针对整个HTML结构进行语义化跟进的可操作性，使得我们网页布局的可阅读性更高。

免责声明：内容和图片源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。