HTML標籤嵌套規則

0830自我總結

HTML標籤嵌套規則

1.塊級元素：

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

特色：老是在新行上開始，高度、行高以及上下邊距均可控制，寬度默認是容器的100%，除非設定寬度。

功能：主要是用來搭建網站架構、網頁佈局、承載內容。

2.行內元素：

span、a、abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、strike、strong、sub、textarea、tt、u、var

特色：和其餘元素都在一行上，高、行高、以及上下邊距不可變，寬度就是它的文字和圖片的寬度，不可改變。

嵌套規則

• 塊級元素與塊級元素平級,若是塊級裏面套塊級會解析並排的塊級且頭尾一半會補全成一個完整的
• 行內元素與行內元素平級,通常狀況都是用span來完成行內元素直接的嵌套
• 行內元素不能嵌套塊級元素
• 塊級元素能夠包含行內元素或某些塊元素，可是行內元素不能包含塊元素，它只能包含其餘的行內元素。
• 有幾個特殊的塊級元素只能包含行內元素，不能再包含塊級元素
  • h1~h六、p、dt
• 塊級元素不能放在標籤p裏面
• li標籤能夠包含標籤，由於li和div標籤都是裝載內容的容器

可能會影響佈局