HTML中的元素分類,HTML元素分類

來源:互聯網
上載者:User

HTML中的元素分類,HTML元素分類

HTML中有很多的標籤(元素),可以按照這些元素在網頁中所佔的空間情況進行分類。具體可以這樣簡單的分類:

1.區塊層級元素:指的是在網頁中該元素獨自佔據網頁的一行顯示地區,即當使用了該元素後,該元素會使下一個元素在下一行展示,也就是產生換行;根據資料的定義是:標籤的display屬性值為block;

2.行級元素:指的是網頁中該元素不會獨自佔據網頁的一整列區域,使用該元素後,還可以直接在該元素的後面顯示另一個元素,也就是不會換行;或者根據資料的定義是:標籤的display屬性值為inline;

3.行內塊元素:這類元素的display=“inline-block”,它們的效果是:同樣不會換行,可以直接在後面顯示其他的元素。

 

具體代表:

 

1.區塊層級元素:

2.行級元素:

3.行內區塊層級元素:

使用小技巧:

1.一般情況下,不要使用行內元素嵌套區塊層級元素;

2.在布局中,可以使用元素的display屬性,改變元素的預設類別。例如:將a 元素的display設為block後,可以作為區塊層級元素使用,這樣可以讓連結和其他的元素一起放在同一個塊中。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.