前言
通過參考相關(guān)資料和博客文章,總結(jié)對 HTML 中塊級元素和行內(nèi)元素的理解横媚,方便學(xué)習(xí)回顧考赛,若有錯誤,批評指正哈今豆。
1嫌拣、塊級元素和行內(nèi)元素的定義
塊級元素:
- 塊級元素獨占一行
- 默認(rèn)情況,元素寬度與父元素保持一致
- 元素的高度呆躲、寬度异逐、行高、內(nèi)外邊距都可設(shè)置
行內(nèi)元素:
- 可與其他元素共占一行
- 內(nèi)外邊距的設(shè)置歼秽,僅可設(shè)置左右方向
主要區(qū)別:
默認(rèn)情況下应役,行內(nèi)元素不會以新行開始,而塊級元素會新起一行燥筷。
其他細(xì)節(jié)參考圖表:
01.png
注:塊級元素與行內(nèi)元素的區(qū)別并不包含 是否可設(shè)置寬高箩祥、行高、內(nèi)邊距或外邊距肆氓,因為行內(nèi)元素中的 置換元素(又稱替換元素) 也可以設(shè)置袍祖。置換元素參考
2、塊級元素和行內(nèi)元素的分類:
塊級元素
元素 | 描述 |
---|---|
<address> | 定義地址谢揪。 |
<article> | 定義文章蕉陋。 |
<aside> | 定義頁面內(nèi)容之外的內(nèi)容 |
<audio> | 定義聲音內(nèi)容 |
<blockquote> | 定義塊引用 |
<canvas> | 通過腳本繪制圖形 |
<caption> | 定義表格標(biāo)題 |
<dd> | 定義定義列表中項目的描述 |
<div> | 定義文檔中的節(jié) |
<dl> | 定義定義列表 |
<dt> | 定義定義列表中的項目 |
<details> | 定義元素的細(xì)節(jié) |
<fieldset> | 定義圍繞表單中元素的邊框 |
<figcaption> | 定義 figure 元素的標(biāo)題 |
<figure> | 定義媒介內(nèi)容的分組,以及它們的標(biāo)題 |
<footer> | 定義 section 或 page 的頁腳 |
<form> | 定義供用戶輸入的 HTML 表單 |
<h1> to <h6> | 定義 HTML 標(biāo)題 |
<header> | 定義 section 或 page 的頁眉 |
<hr> | 定義水平線 |
<legend> | 定義 fieldset 元素的標(biāo)題 |
<li> | 定義列表的項目 |
<menu> | 定義命令的列表或菜單 |
<meter> | 定義預(yù)定義范圍的度量 |
<nav> | 定義導(dǎo)航鏈接 |
<noframes> | 定義針對不支持框架的用戶的替代內(nèi)容 |
<noscript> | 定義針對不支持客戶端腳本的用戶的替代內(nèi)容 |
<ol> | 定義有序列表 |
<output> | 定義輸出的一些類型 |
<p> | 定義段落 |
<pre> | 定義預(yù)格式文本 |
<section> | 定義section |
<table> | 定義表格 |
<tbody> | 定義表格中的主體內(nèi)容 |
<td> | 定義表格中的單元 |
<tfoot> | 定義表格中的表注內(nèi)容(腳注) |
<th> | 定義表格中的表頭單元格 |
<thead> | 定義表格中的表頭內(nèi)容 |
<tr> | 定義表格中的行 |
<ul> | 定義無序列表 |
行內(nèi)元素
元素 | 描述 |
---|---|
<a> | 定義錨 |
<abbr> | 定義縮寫 |
<b> | 定義粗體字 |
<bdo> | 定義文字方向 |
<br> | 定義簡單的這行 |
<button> | 定義按鈕 |
<cite> | 定義 引用 |
<code> | 定義計算機(jī)代碼 |
<command> | 定義命令按鈕 |
<dfn> | 定義定義項目 |
<del> | 定義被刪除 |
<em> | 定義強(qiáng)調(diào) |
<embed> | 定義外部交互內(nèi)容或 |
<i> | 定義斜體字 |
<img> | 定義圖像 |
<input> | 定義輸入控件 |
<kbd> | 定義 鍵盤文本 |
<label> | 定義 input 元素標(biāo)注 |
<map> | 定義圖像映射 |
<mark> | 定義有記號 |
<objec> | 定義內(nèi)嵌對象 |
<progress> | 定義任何類型的任務(wù)的 |
<q> | 定義短引用 |
<samp> | 定義計算機(jī)代碼 |
<select> | 定義選擇列表(下拉列表 |
<small> | 定義小號文本 |
<span> | 定義文檔中的 |
<strong> | 定義強(qiáng)調(diào)文本 |
<sub> | 定義下標(biāo) |
<sup> | 定義上標(biāo)文本 |
<textarea> | 定義多行文本輸入 |
<time> | 定義日期/時間 |
<tt> | 定義打印機(jī) |
<var> | 定義文本的變量部分 |
<video> | 定義視頻 |
<wbr> | 定義可能的換行符 |