HTML标签嵌套规则

HTML 标签

1. 块级元素

   address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、
   h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul
   

   特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省是它的容器的100%，除非设定一个宽度
   功能：主要用来搭建网站架构、页面布局、承载内容

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
   

   特点：和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变
   功能：用于加强内容显示,控制细节，例如：加粗、斜体等等

嵌套规则

1. 固定嵌套

   ul/ol li 
   dl dt dd
   table tr td
   

2. 块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素。

   <div><h1></h1><p></p></div>   —— 对  块嵌套块
   <span><div></div></span>      —— 错  内联嵌套块
   <a href=”#”><div></div></a>   —— 对  特殊：a内联嵌套块
   

3. 有几个特殊的块级元素只能包含内嵌元素，不能再包含块级元素。

   　h1、h2、h3、h4、h5、h6、p、dt
   　<p><div></div></p>            —— 错  特殊：块嵌套块
   

4. 块级元素与块级元素并列、内嵌元素与内嵌元素并列.

   	<div><h2></h2><p></p></div> —— 对
   　　<div><a href=”#”></a><span></span></div> —— 对
   　　<div><h2></h2><span></span></div> —— 错