H5-13 塊元素與行內元素(內聯元素)

张筱菓發表於2024-12-02

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等

相關文章