1、塊元素與行內元素(內聯元素)
HTML5出現之前,經常把元素按照塊級元素和內聯元素來區分。在HTML5中,元素不再按照這種方式來區分,而是按照內容模式來區分,分為後設資料型(metadata content
)、區塊型(sectioning content)、標題型(heading content)。元素不屬於任何一個類別,被稱為穿透的、元素可能屬於不止一個類別,成為混合的。
2、內聯元素和塊級元素的區別:
塊級元素:塊元素會在頁面中獨佔一行(自上向下垂直排列);可設定width,height屬性;一般塊級元素可以包含行內元素和其他塊級元素。
內聯元素:行內元素不會獨佔頁面中的一行,只佔自身的大小;行內元素設定width,height屬性無效;一般內聯元素包含內聯元素不包含塊級元素。
常見塊級元素:
div、form、h1-h6、hr、p、table、ul等
常見內聯元素(行內元素):
a、b、em、i、span、strong等
行內塊級元素(特點:不換行、能夠識別寬高):
button、img、input等