什么是标签语义化?
就是合理的标签做合理的事情。
标签语义化的好处
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代替