前端面试—html语义化

• html最常见的问题：语义化的HTML结构怎么理解？
  前天面试对于这个问题我是这么答的：

html语义化就是让页面的内容结构化。
1.在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。
2.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。
3.使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
4.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以有意义的方式来渲染网页；
5.便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

说完之后我还觉得自己答的挺好的，但是接下来面试官就问了，那你看一下你简历上面这部分用html怎么实现，我一开口就来了header,footer,div.这时面试官就说了，刚刚不是说好的html语义化吗，你这就没有语义化，这一看就是一个列表，你看有ol,ul,dl你应该用这些吧，我当时就惭愧了，决定回来后好好弄得前端基础知识。

• 下面我们继续来说html语义化：
• 既然前端强调html语义化，那么我们除了知道语义化的字面意思，还得知道自己在平时写代码的时候如何做到语义化，在看到内容的时候想想用什么标签能更好的描述它，是什么就用什么标签。不要都用div加class布局，html5新的标签很多就是为了支持语义化的，语义化的标签我就不多说了，大家可以看一下一些常见的html语义化标签；写代码时应注意什么
• 如果下次回答这个问题，我可能会这样回答，先简述上面的5条，再通俗的说，语义化就是你写的html界面在没有css的情况下能让你，我，它，都能看懂，你我相当于，开发人员，和阅读源代码的人，它就是搜索引擎爬虫，屏幕阅读器以及移动设备。说完这些再说说h5很多标签就是为了让页面更加语义化，列举几个，再结合简历简单的用html描述一下你是如何用语义化的标签来写你的简历页面的。
• html语义化今天就总结到这里了，每天积累一点点。