內聯元素與塊級元素

大多數 HTML 元素被定義爲塊級元素或內聯元素。“塊級元素”譯爲 block level element,“內聯元素”譯爲 inline element。

1.塊級元素

塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。塊級元素按照其應用於結構還是內容分爲三種:結構化塊狀元素,終端塊狀元素,多目標塊狀元素。
結構化塊狀元素:這類元素用於構造文檔的結構,沒有語義上的含義,僅僅劃分出了文檔的組織方式,並沒有體現文檔的內容。
終端塊狀元素:這類元素用於從結構轉向內容,擁有語義上的含義,能夠表明內容的性質。終端塊狀元素屬於結構的終點,它們不能再包含其他塊級元素,只能包含文本或行級元素。
多目標塊狀元素:多目標指的是可以自由的擴展或嵌套文檔的結構,以可以終端的形式出現。當多目標塊狀元素以結構化的方式使用時就含有結構化的內涵,以終端的形式使用就含有語義的內涵。

2.內聯元素

內聯元素(inline element)一般都是基於語義級(semantic)的基本元素,只能容納文本或者其它內聯元素。


常見的內聯元素:<a>、<b>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常見的塊級元素:<div>、<p>、<hx>、<ol>、<ul>、<dl>、<tabel>、<address>、<blockquote>、<form>
常見的內聯塊級元素:<img>、<input>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章