1. 程式人生 > >html 的塊級(block-level)元素和行內(inline)元素

html 的塊級(block-level)元素和行內(inline)元素

    塊級元素(block-level)和行內(inline)元素是歷史上對html元素標籤的分類,html5將"block-level"和“inline”這兩個概念刪除了。

一、塊級元素(block-level)

    塊級元素會頁面中出現一個可見的塊——它們將出現在新的一行中,無論前面的內容是什麼,之後的內容將出現在他們的下一行。塊級元素不能巢狀在行內(inline)元素中,但塊級元素能夠巢狀在另一個塊級(block-level)元素中.

     塊級元素只能出現在<body>元素中。下面是所有塊級元素的標籤:

二、行內元素(inline)

    行內元素不能產生一個新行。例如:<a>、<em>、<strong>等。

    內容模型:行內元素裡面只能放資料和其他的行內元素,不能放塊級元素在行內元素中。

    行內元素不從新行開始,只佔用所需的寬度。下面是所有的行內元素。

    通過css的一個屬性display,可以改變其html展示的外觀,但是css的這個屬性並不能改變類別和內容模型,例如,通過css的display將<span>轉變為“塊”,仍然不能將<div>巢狀如<span>裡面.