HTML标签语义化

什么是标签语义化？

就是合理的标签做合理的事情。

标签语义化的好处

1.在没有css样式的时候，页面依然显示清晰的结构
2.有利于搜索引擎的爬虫抓取页面
3.利于移动端页面的加载

写html结构时需要注意

1.减少标签嵌套
2.块级元素可以嵌套块级和行内元素，但是行内元素不可以嵌套块级元素，但是只有a标签可以嵌套块级元素
3.ul里面最好放li,ol li 都是一起出现的

下面我们来详细介绍下

列表标签 ul ol li
定义列表 dl dt dd
超链接 a
一段文字 p
图片 img
无意义 div span
斜体 i em
粗体 b strong
网站的标题、logo：h1 网页中最重要的内容

注意：

p标签不可以嵌套块级元素

<p>
    <div></div>
</p>
以上结构，在浏览器解析为
<p></p>
<div></div>
<p></p> 
这是错误的写法  div可以嵌套p标签  但是p标签绝不可以嵌套div标签

能用p标签就不用div标签

尽量不用em、strong 这种加强语气的标签，用i、b代替