说一说HTML5语义化

66 阅读1分钟
得分点:

语义化标签、利于页面内容结构化、利于无CSS页面可读、利于SEO、利于代码可读。

标准回答:

HTML语义化就是指在使用HTML标签构建页面时,避免大篇幅的使用无语义的标签,要求尽可能的使用具有语义的标签,比如<header><footer>等。使用HTML语义化标签的作用:

  1. 易于用户阅读,样式文件未加载时,页面结构清晰。
  2. 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
  3. 方便屏幕阅读器解析,如盲人阅读器根据语义渲染网页。
  4. 有利于开发和维护,代码更具可读性,代码更好维护。
加分回答:

HTML5语义化标签并没有广泛使用,比如京东、淘宝等,还是使用div元素,设置id是header或者footer,这个可能是因为HTML5新增的语义化标签的作用不是特别大,网站没有必要重写。