一天搞定HTML----标签的嵌套规则06
生活随笔
收集整理的這篇文章主要介紹了
一天搞定HTML----标签的嵌套规则06
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
標簽的嵌套規則
代碼演示
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><!--標簽嵌套規則1、行內標簽不能嵌套塊標簽，塊標簽可以嵌套行內標簽2、a標簽不能再嵌套a標簽3、h1-h6,dt這些標簽的性質是標題，那里面就不能嵌套塊級標簽（可以嵌套行內標簽）4、p標簽不能嵌套塊標簽（可以嵌套行內標簽）5、ul和li，以及ol與li，以及dl和dt、dd他們是固定的嵌套規則1）ul和ol下邊只能跟li，li的父級只能是ul或者ol2）li中可以嵌套任何標簽，甚至可以再放一個ul或者ol3）dl和dt、dd可以參考ul和li--><!--1、行內標簽不能嵌套塊標簽，塊標簽可以嵌套行內標簽--><span style="border: 1px solid #f00;"><div>123</div></span><!--2、a標簽不能再嵌套a標簽--><a href="http://www.baidu.com/">百<a href="http://www.apeclass.com/">阿里</a>度</a><!--3、h1-h6,dt這些標簽的性質是標題，那里面就不能嵌套塊級標簽（可以嵌套行內標簽）--><h1>這里<ul><li>123</li><li>456</li></ul>是一個大<span style="color: #f00;">標題</span></h1><!--4、p標簽不能嵌套塊標簽（可以嵌套行內標簽）--><p>這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一段文字這里是一<div>美夢成真 頂起</div>段文字這里是一段文字</p><!--5、ul和li，以及ol與li，以及dl和dt、dd他們是固定的嵌套規則--><ul><li><h2>這里是標題1</h2><ul><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li></ul></li><li><h2>這里是標題2</h2><ul><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li></ul></li><li><h2>這里是標題3</h2><ul><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li><li>這是第一個列表</li></ul></li></ul></body> </html>總結
以上是生活随笔為你收集整理的一天搞定HTML----标签的嵌套规则06的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 一天搞定HTML----标签类型与类型转
- 下一篇： 一天搞定CSS： 浮动（float）及文