1.1 - html标签嵌套规则

原出处https://www.bilibili.com/video/BV1i7411Z7d8?p=18


规则1

块级元素可以包含行级(内联)元素和某些块级元素,行级元素只能包含其他的行级元素。注:元素即标签。

<div><h1></h1><p></p></div>    ----对
<div><h1></h1><p></p></div>    ----对
<div><h1></h1><p></p></div>    ----错


规则2

有几个特殊的块级元素只能包含行级元素,不能包含块级元素,这几个特殊的块级元素是:
h1、h2、h3、h4、h5、h6、p、dt。

<p><ol><li></li><ol></p>    ----错
<p><div></div></p>    ----错
<p><span></span></p>    ----对


规则3

块级元素与块级元素并列,行级元素和行级元素并列。

<div><h2></h2><p></p></div>    ----对
<div><a href="#"></a><span></span></div>    ----对
<div><h2></h2><span></span></div>    ----错





注:上述内容,部分来自于网络或书籍,仅作为学习记录使用。由于参考来源众多,未依次标明出处。若有原作者看到此文,麻烦联系本人,我会第一时间处理。我对由此给您带来的不便,深感抱歉!望见谅,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容