首頁技術文章正文

HTML元素類型：塊元素和行內元素

更新時間:2021年07月02日15時58分來源:傳智教育瀏覽次數:

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

1. 塊元素

塊元素在頁面中以區(qū)域塊的形式出現，其特點是，每個塊元素通常都會獨自占據一行或多行，可以對其設置寬度、高度、對齊等屬性，常用于網頁布局和網頁結構的搭建。

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

2. 行內元素

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

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

猜你喜歡：

JavaScript中修改元素內容怎樣操作？

上一篇：HTML5文檔頭部相關標簽怎樣使用？ 下一篇：CSS結構與表現分離怎么實現？

最新資訊