11、HTML嵌套规则

HTML嵌套规则

HTML元素的分类

• 块元素：独立成一行；可以设置宽高；默认宽高100%

  • 文字类块元素：< p > ；< h1 >~< h6 >
  • 容器类块元素：< div > ；< table > ；< tr > ；< td > ；< th >；< form > ；< ul >；< li > ；< ol > ；< dl > ；< dt > ；< dd >

• 行元素：不独立成一行；不可以设置宽高；默认宽高由内容决定

  • < a > ；< img > ；< input > ；< strong > ；< em > ；< del > ；< span >

• 特殊字符：文字

  • < br > &nbsp ;

嵌套规则

1.块元素可以嵌套行元素

• 例如：

  <div>
      这是div
      <a>这是a标签</a>
  </div>
  

2.行元素可以嵌套行元素

• 例如：

  <a>这是一个<strong>a标签</strong></a>
  

3.行元素不可以嵌套块元素

• 例如：

  <!--这是不允许的-->
  <a><div></div></a>
  

4.文字类块元素不可以嵌套块元素

• 例如：

  <!--这是不允许的-->
  <p>
      这是一段文字，这是一段<p></p>文字，这是<div></div>一段文字。
  </p>
  

5.容器类块元素可以嵌套块元素

• 例如：

  <div>
      这是一个div
      <p>这是一段文字</p>
      <p>这是一段文字</p>
      <p>这是一段文字</p>
  </div>