开发时偶然写到两个a标签嵌套,发现一个奇怪问题。
在chrome浏览器上:
<a> 外层a标签 <a> 内层a标签 </a> </a>
结果浏览器解析成了:
<a> 外层a标签 </a> <a> 内层a标签 </a>
首先html元素包括块级元素和内嵌元素:
1.块级元素 address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、 isindex、menu、noframes、noscript、ol、p、pre、table、ul 2.内嵌元素 a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var
下面我们就来总结一下标签的嵌套规则:
- 块级元素可以包含内嵌元素或某些块级元素,但内嵌元素不能包含块级元素,只能包含某些内嵌元素
- 块级标签不能放到p标签,h1~h6标签和dt标签里
下面可以参考WEB标准系列-HTML元素嵌套特别详细。