你真的了解HTML语义化吗?

425 阅读1分钟

0c85afc3fb111a62dd907c750617c12d.jpeg

1.HTML语义化的背景

          html结构化是最近几年才出现的,在之前写的html结构,大多是会使用div+css,而且div是没有意义的html标签,全靠css显示页面样式,为了改变这样的状况,开发者们提出了让HTML结构语义化的概念,官方w3c,也在HTML5给出了几个新的语义化的标签.

2.什么是语义化?

          就是构成html的结构标签要有一定的意义,比如head表示头部,footer表示页面底部等,这些标签都是具有语义化的,如果都用div来表示的话就不是一个有语义化的html结构了.

3.页面结构是否语义化?

          HTML结构,在去掉CSS样式表之后,看html代码的结构是否清晰,是否依然能很好的呈现内容的结构,代码结构.

4.为什么要语义化?

          有语义化标签的html结构更加的清晰,方便编写代码,方便团队的开发与维护,有利于SEO,和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息,更方便浏览器的解析,增加用户的体验

5.如何写语义化的html?

           少使用div标签,用p标签代替div标签,少使用样式标签,强调文本使用strong或者二em,不要使用i或者b等.

6.H5新增的语义化标签?

header footer nav aside article