前端面试知识第二天-说一说HTML语义化？

参考答案：

    HTML 语义化就是指在使用 HTML 标签构建页面时，避免大篇幅的使用无语义的标签，比如"< div >"、< span >，要求尽可能的使用具有语义的标签，比如＜h1>，< p >，< header>,  < mn >,  < footer >等。

举例说明：

页面中有一个标题。

第一种：可以用＜h1＞标签实现标题

<h1> This is a top level heading </h1>

第二种：使用 span + CSS 实现标题的样式

< span style =" font - size :32px; margin :21px0;"> Is this a top level heading ?</ span >

虽然这两种写法都会实现标题的样式，但是建议使用'<h1>'标签实现。

使用 HTML 语义化标签的作用：

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

加分回答：

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