HTML5的新特性

Posted 2021-04-04 西科软件

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结构进行语义化跟进的可操作性，使得我们网页布局的可阅读性更高。

 

西安西科软件IT培训，教育引领未来，迄今为止，已有超过10000+学子取得显著的成就，获得社会各界的一致好评。2019，你只差一个正确的选择。

---

西科软件本月

免费试听课正式开始报名！

---

来西科软件，学习最新颖最落地的计算机互联网知识All in one——核心技术多合一，由片面掌握到全面吃透。JAVA，前端，python,大数据，人工智能等多种互联网领域最前沿课程，全部贴合市场需求而研发，确保学子即学即用。成就互联网精英的路上，让西科软件助你一臂之力。

▼

关注西科软件

在这里：

随时了解软件编程各种技术 Java / python/人工智能/大数据/web前端/安卓等 ，还可以学习各种职场技巧。

18992197478    18909211609

 ▼长按下方↓↓↓二维码识别关注