W3C规则
- 标签嵌套规则
- 一:块级元素可以包含行内元素,而行内元素不能包含块级元素,它只能包含其他行内元素
- 二:块级元素不能放在 <p> 里面
- 三:有几个特殊的块级元素只能包含行内元素,不能再包含块级元素
例如:h1,h2,h3,h4,h5,h6,p,dt - 四:块级元素与块级元素并列,行内元素与行内元素并列
语义化标签
使用语义化标签的好处:
- 更容易被搜索引擎找到
- 更容易让屏幕阅读器读出网页内容
- 能够更好的体现网页主题
- 兼容性更好,支持更多的网络设备
- <a>标签:实现超链接,强调 title属性的作用,鼠标滑过链接文字是会显示这个属性的文本内容。这个属性再实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更好)
- <p>标签:文章段落放在<p>标签里面
- <hx>标签:文章标题
- <strong>和<em>标签:特别强调某几个文字,但两者在强调的语气上有 区别:<em>表示强调,<strong>表示更强烈的强调。并且在浏览器中<em>默认用 斜体 表达, <strong>用粗体表示。两个标签相比,<strong>更收欢迎
- <q>标签:短文本引用注意要引用的文本不用加 双引号 ,浏览器会对<q>标签自动添加引号