什麼是塊元素?什麼是行內元素?

千鋒教育qyf發表於2021-07-02

  什麼是塊元素?什麼是行內元素?想必學習 web前端培訓知識的同學們,課上都會有提到這一方面,如果對這個知識點還不是很熟悉,可以看看下面小編整理的內容。

1625212529892

  什麼是塊元素?什麼是行內元素?

  HTML標籤語言提供了豐富的標籤,用於組織頁面結構。為了使頁面結構的組織更加輕鬆、合理,HTML標籤被定義成了不同的型別,一般分為塊元素和行內元素,也稱為塊標籤和行內標籤,瞭解它們的特性可以為使用CSS設定樣式和佈局打下基礎。

  1. 塊元素

  塊元素在頁面中以區域塊的形式出現,其特點是,每個塊元素通常都會獨自佔據一行或多行,可以對其設定寬度、高度、對齊等屬性,常用於網頁佈局和網頁結構的搭建。

  常見的塊元素有:

  <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>標籤是最典型的塊元素。

  2. 行內元素

  行內元素也稱內聯元素或內嵌元素,其特點是,不會佔據一行,也不強迫其他的標籤在新的一行顯示。一個行內標籤通常會和其他行內標籤顯示在同一行中,它們不佔有獨立的區域,僅僅靠自身的文字內容大小和影像尺寸來支撐結構,一般不可以設定寬度、高度、對齊等屬性,常用於控制頁面中文字的樣式。

  常見的行內元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等,其中<span>標籤最典型的行內元素。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69996644/viewspace-2779493/,如需轉載,請註明出處,否則將追究法律責任。

相關文章