首頁技術(shù)文章正文

什么是塊元素?什么是行內(nèi)元素?

更新時間:2021-07-02 來源:黑馬程序員 瀏覽量:

IT培訓班

HTML標簽語言提供了豐富的標簽,用于組織頁面結(jié)構(gòu)。為了使頁面結(jié)構(gòu)的組織更加輕松、合理,HTML標簽被定義成了不同的類型,一般分為塊元素和行內(nèi)元素,也稱為塊標簽和行內(nèi)標簽,了解它們的特性可以為使用CSS設(shè)置樣式和布局打下基礎(chǔ)。

1. 塊元素

塊元素在頁面中以區(qū)域塊的形式出現(xiàn),其特點是,每個塊元素通常都會獨自占據(jù)一行或多行,可以對其設(shè)置寬度、高度、對齊等屬性,常用于網(wǎng)頁布局和網(wǎng)頁結(jié)構(gòu)的搭建。

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

2. 行內(nèi)元素

行內(nèi)元素也稱內(nèi)聯(lián)元素或內(nèi)嵌元素,其特點是,不會占據(jù)一行,也不強迫其他的標簽在新的一行顯示。一個行內(nèi)標簽通常會和其他行內(nèi)標簽顯示在同一行中,它們不占有獨立的區(qū)域,僅僅靠自身的文本內(nèi)容大小和圖像尺寸來支撐結(jié)構(gòu),一般不可以設(shè)置寬度、高度、對齊等屬性,常用于控制頁面中文本的樣式。

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






猜你喜歡:

JavaScript中修改元素內(nèi)容怎樣操作?

子結(jié)構(gòu)元素怎樣設(shè)置不同于結(jié)構(gòu)元素的樣式?

相鄰塊元素垂直合并是怎樣實現(xiàn)的?

黑馬程序員前端培訓

分享到:
在線咨詢 我要報名
和我們在線交談!