什麼是塊元素?什麼是行內元素?
什麼是塊元素?什麼是行內元素?想必學習 web前端培訓知識的同學們,課上都會有提到這一方面,如果對這個知識點還不是很熟悉,可以看看下面小編整理的內容。
什麼是塊元素?什麼是行內元素?
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Web前端技術分享:什麼是塊元素?什麼是行內元素?Web前端
- 什麼是可替換元素?
- CSS 元素溢位是什麼?CSS
- 行內元素和塊級元素有什麼區別,如何相互轉換?
- 定位是什麼,元素怎麼顯示隱藏
- 給內聯元素加float與給塊元素加float有什麼區別?
- 塊級元素和行內元素
- CSS 塊級元素和行內元素和行內塊元素 及其相互轉換CSS
- H5-13 塊元素與行內元素(內聯元素)H5
- CSS的塊級元素和行內元素CSS
- 前端開發,塊元素與行內元素前端
- 02 CSS塊級元素和行內元素CSS
- 塊狀元素、內聯元素和內聯塊狀元素
- 塊級元素和行內元素的區別
- 行內元素、塊級元素、空(void)元素分別有哪些?
- 塊級元素和行內元素分別有哪些
- 區塊鏈「橋」是什麼?區塊鏈
- 內部類是什麼?匿名內部類又是什麼?
- 什麼是內網穿透?為什麼使用內網穿透?內網穿透
- 什麼是cookie,什麼是sessionCookieSession
- 這是什麼這是什麼
- 什麼是分而治之?什麼是WBS?
- 什麼是DNS,什麼是HostsDNS
- 什麼是WebAuthn、FIDO 是什麼?Web
- 對一個元素設定浮動後,它的特徵是什麼?特徵
- 2022 最受歡迎的 CSS 偽類、偽元素分別是什麼CSS
- HTML的行內元素與塊級元素的區別?HTML
- 塊元素和行內元素的區別與轉換
- ###什麼是Linux核心###什麼是MMULinux
- ITIL是什麼意思?ITIL是什麼?
- SNP全稱是什麼? SNP是什麼公司? SNP是什麼意思?
- 究竟什麼是專案管理?它的主要內容是什麼呢?專案管理
- HTML 塊級元素和內聯元素HTML
- 區塊鏈到底是什麼區塊鏈
- 漫畫 | 什麼是區塊鏈?區塊鏈
- 區塊鏈的原理是什麼?區塊鏈
- 白話區塊鏈是什麼區塊鏈
- 區塊鏈是做什麼的?區塊鏈