0830自我總結

HTML標簽嵌套規則

1.塊級元素：

div、h1~h6、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~h6、p、dt
• 塊級元素不能放在標簽p裡面
• li標簽可以包含標簽，因為li和div標簽都是裝載內容的容器

可能會影響佈局