HTML第一弹——什么是HTML的语义化

HTML第一弹——什么是HTML的语义化

提示：本人是自学前端的一枚小小程序媛，以下内容是自己总结的笔记，如有错误，欢迎大家批评指正！！！！

---

HTML的语义化在面试中是一个经常会被提到的一个问题，如果面试官问让你解释一下你所理解的语义化，你会怎么回答？

如果我没有猜错的话，你一定会说：就是用合适的标签做合适的事嘛，可是你想一想，面试官每天面对的可不止你一个人，你这样的回答会不会让他在一群人中一下子记住你，so，在回答这种简单的问题的时候，我们更不能丢分，下面是我总结的答案，分为3个方面，分别是语义化的背景，什么是语义化，以及语义化的好处，我觉得这样有层次的回答效果会更好，不仅仅是对于这个问题，换成其他的问题，我们也要分层次，分点的去回答。

语义化的背景：在以前我们所写的代码中，页面结构就是div+css，但是div没有意义，都要靠css显示页面的样式，当页面脱离css的时候，页面结构不是很清晰。

什么是语义化：近几年，开发者提出了html语义化，随后W3C就制定了语义化标签， 语义化就是构成html的标签有意义，比如head标签表示头部，footer标签表示尾部；在页面结构中，如果页面的头部和尾部都用div的话那就不是一个语义化的html。那怎么看是否是语义化的标签呢？ 很简单，去掉css看html代码的结构是否清晰，看页面内容是否可以正常显示。

语义化好处：语义化的标签显示的页面结构清晰，浏览器也方便解析，而且对于用户来说也是比较友好的，因为如果css没加载完的话，页面也能呈现出良好的结构。

总结

我觉得前端学习不仅仅是能够用代码实现，更多的是理解，只有你真正的理解和明白，用起来的时候才会得心应手。