行內元素 · 前端

* [b](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/b "zh-CN/HTML/Element/b"),[big](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/big "zh-CN/HTML/Element/big"),[i](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/i),[small](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/small "zh-CN/HTML/Element/small"),[tt](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/tt "zh-CN/HTML/Element/tt") * [abbr](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/abbr "zh-CN/HTML/Element/abbr"),[acronym](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/acronym "zh-CN/HTML/Element/acronym"),[cite](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/cite "zh-CN/HTML/Element/cite"),[code](https://developer.mozilla.org/zh-CN/HTML/Element/code "zh-CN/HTML/Element/code"),[dfn](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/dfn "zh-CN/HTML/Element/dfn"),[em](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/em "zh-CN/HTML/Element/em"),[kbd](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/kbd "zh-CN/HTML/Element/kbd"),[strong](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/strong "zh-CN/HTML/Element/strong"),[samp](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/samp "zh-CN/HTML/Element/samp"),[var](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/var "zh-CN/HTML/Element/var") * [a](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a "zh-CN/HTML/Element/a"),[bdo](https://developer.mozilla.org/zh-CN/HTML/Element/bdo "zh-CN/HTML/Element/bdo"),[br](https://developer.mozilla.org/zh-CN/HTML/Element/br "zh-CN/HTML/Element/br"),[img](https://developer.mozilla.org/zh-CN/HTML/Element/Img "zh-CN/HTML/Element/Img"),[map](https://developer.mozilla.org/zh-CN/HTML/Element/map "zh-CN/HTML/Element/map"),[object](https://developer.mozilla.org/zh-CN/HTML/Element/object "zh-CN/HTML/Element/object"),[q](https://developer.mozilla.org/zh-CN/HTML/Element/q "zh-CN/HTML/Element/q"),[script](https://developer.mozilla.org/zh-CN/HTML/Element/Script "zh-CN/HTML/Element/Script"),[span](https://developer.mozilla.org/zh-CN/HTML/Element/span "zh-CN/HTML/Element/span"),[sub](https://developer.mozilla.org/zh-CN/HTML/Element/sub "zh-CN/HTML/Element/sub"),[sup](https://developer.mozilla.org/zh-CN/HTML/Element/sup "zh-CN/HTML/Element/sup") * [button](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/button "zh-CN/HTML/Element/button"),[input](https://developer.mozilla.org/zh-CN/HTML/Element/Input "zh-CN/HTML/Element/Input"),[label](https://developer.mozilla.org/zh-CN/HTML/Element/label "zh-CN/HTML/Element/label"),[select](https://developer.mozilla.org/zh-CN/HTML/Element/select "zh-CN/HTML/Element/select"),[textarea](https://developer.mozilla.org/zh-CN/HTML/Element/textarea "zh-CN/HTML/Element/textarea") ## ##**以下是塊級元素：** [`<address>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/address "HTML 的元素可以讓作者為它最近的或者祖先元素提供聯系信息。在后一種情況下，它應用于整個文檔。") 聯系方式信息。 [`<article>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/article "元素表示文檔、頁面、應用或網站中的獨立結構，其意在成為可獨立分配的或可復用的結構，如在發布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件，或者其他獨立的內容項目。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 文章內容。 [`<aside>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/aside " 元素表示一個和其余頁面內容幾乎無關的部分，被認為是獨立于該內容的一部分并且可以被單獨的拆分出來而不會使整體受影響。其通常表現為側邊欄或者嵌入內容。他們通常包含在工具條，例如來自詞匯表的定義。也可能有其他類型的信息，例如相關的廣告、筆者的傳記、web 應用程序、個人資料信息，或在博客上的相關鏈接。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 伴隨內容。 [`<audio>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/audio "HTML ?元素用于在文檔中表示音頻內容。??元素可以包含多個音頻資源，這些音頻資源可以使用?src?屬性或者元素來進行描述；瀏覽器將會選擇最合適的一個來使用。對于不支持元素的瀏覽器，元素也可以作為瀏覽器不識別的內容加入到文檔中。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 音頻播放。 [`<blockquote>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/blockquote "HTML 元素（或者 HTML 塊級引用元素），代表其中的文字是引用內容。通常在渲染時，這部分的內容會有一定的縮進（注中說明了如何更改）。若引文來源于網絡，則可以將原內容的出處 URL 地址設置到 cite 特性上，若要以文本的形式告知讀者引文的出處時，可以通過元素。") 塊引用。 [`<canvas>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/canvas "元素可被用來通過腳本（通常是JavaScript）繪制圖形。比如,它可以被用來繪制圖形,制作圖片集合,甚至用來實現動畫效果。你可以(也應該)在元素標簽內寫入可提供替代的的代碼內容，這些內容將會在在舊的、不支持元素的瀏覽器或是禁用了JavaScript的瀏覽器內渲染并展現。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 繪制圖形。 [`<dd>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/dd "HTML ?元素（HTML 描述元素）用來指明一個描述列表? () 元素中一個術語的描述。這個元素只能作為描述列表元素的子元素出現，并且必須跟著一個? 元素。") 定義列表中定義條目描述。 [`<div>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/div "HTML 元素 (或?HTML 文檔分區元素) 是一個通用型的流內容容器，它在語義上不代表任何特定類型的內容，它可以被用來對其它元素進行分組，一般用于樣式化相關的需求（使用?class?或?id 特性) 或者對具有相同特性的一組元素進行分組 (比如 lang)，它應該在沒有任何其它語義元素可用時才使用?(比如或?) 。") 文檔分區。 [`<dl>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/dl "HTML 元素?（或 HTML 描述列表元素）是一個包含術語定義以及描述的列表，通常用于展示詞匯表或者元數據?(鍵-值對列表)。") 定義列表。 [`<fieldset>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/fieldset "此頁面仍未被本地化, 期待您的翻譯!") 表單元素分組。 [`<figcaption>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/figcaption "HTML ?元素?是與其相關聯的圖片的說明/標題，用?于描述其父節點? 元素里的其他數據。這意味著??在塊里是第一個或最后一個。同時?HTML Figcaption 元素是可選的；如果沒有該元素，這個父節點的圖片只是會沒有說明/標題。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 圖文信息組標題 [`<figure>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/figure "HTML 元素代表一段獨立的內容, 經常與說明(caption)??配合使用, 并且作為一個獨立的引用單元。當它屬于主體(main flow)時，它的位置獨立于主體。這個標簽經常是在主文中引用的圖片，插圖，表格，代碼段等等，當這部分轉移到附錄中或者其他頁面時不會影響到主體。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 圖文信息組 (參照[`<figcaption>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/figcaption "HTML ?元素?是與其相關聯的圖片的說明/標題，用?于描述其父節點? 元素里的其他數據。這意味著??在塊里是第一個或最后一個。同時?HTML Figcaption 元素是可選的；如果沒有該元素，這個父節點的圖片只是會沒有說明/標題。"))。 [`<footer>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/footer "HTML 元素表示最近一個章節內容或者根節點（sectioning root?）元素的頁腳。一個頁腳通常包含該章節作者、版權數據或者與文檔相關的鏈接等信息。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 區段尾或頁尾。 [`<form>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/form "HTML ?元素表示了文檔中的一個區域，這個區域包含有交互控制元件，用來向web服務器提交信息。") 表單。 [`<h1>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h1 "此頁面仍未被本地化, 期待您的翻譯!"),[`<h2>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h2 "此頁面仍未被本地化, 期待您的翻譯!"),[`<h3>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h3 "此頁面仍未被本地化, 期待您的翻譯!"),[`<h4>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h4 "此頁面仍未被本地化, 期待您的翻譯!"),[`<h5>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h5 "此頁面仍未被本地化, 期待您的翻譯!"),[`<h6>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/h6 "此頁面仍未被本地化, 期待您的翻譯!") 標題級別 1-6. [`<header>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/header "HTML 元素用于展示介紹性內容，通常包含一組介紹性的或是輔助導航的實用元素。它可能包含一些標題元素，但也可能包含其他元素，比如 Logo、搜索框、作者名稱，等等。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 區段頭或頁頭。 [`<hgroup>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/hgroup "HTML Element (HTML Headings Group Element) 代表一個段的標題。它規定了在文檔輪廓里（the outline of the document?）的單一標題是它所屬的隱式或顯式部分的標題。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 標題組。 [`<hr>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/hr "HTML ?元素表示段落級元素之間的主題轉換（例如，一個故事中的場景的改變，或一個章節的主題的改變）。在HTML的早期版本中，它是一個水平線。現在它仍能在可視化瀏覽器中表現為水平線，但目前被定義為語義上的，而不是表現層面上。") 水平分割線。 [`<noscript>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/noscript "如果頁面上的腳本類型不受支持或者當前在瀏覽器中關閉了腳本，則在HTML 元素中定義腳本未被執行時的替代內容。") 不支持腳本或禁用腳本時顯示的內容。 [`<ol>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ol "HTML ?元素?表示多個有序列表項，通常渲染為有帶編號的列表。") 有序列表。 [`<output>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/output "HTML??標簽表示計算或用戶操作的結果。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 表單輸出。 [`<p>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/p "HTML?元素（或者說 HTML 段落元素）表示文本的一個段落。該元素通常表現為一整塊與相鄰文本分離的文本，或以垂直的空白隔離或以首行縮進。另外，?是塊級元素。") 行。 [`<pre>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/pre "HTML 元素表示預定義格式文本。在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現出來，文本中的空白符（比如空格和換行符）都會顯示出來。(緊跟在開始標簽后的換行符也會被省略)") 預格式化文本。 [`<section>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/section "HTML Section 元素 () 表示文檔中的一個區域（或節），比如，內容中的一個專題組，一般來說會有包含一個標題（heading）。一般通過是否包含一個標題?(- element) 作為子節點來辨識每一個。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 一個頁面區段。 [`<table>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/table "HTML的?table 元素表示表格數據 — 即通過二維數據表表示的信息。") 表格。 [`<tfoot>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/tfoot "HTML 元素 ?定義了一組表格中各列的匯總行。") 表腳注。 [`<ul>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/ul "The HTML 元素 ( 或?HTML 無序列表元素）?代表多項的無序列表，即無數值排序項的集合，且它們在列表中的順序是沒有意義的。通常情況下，無序列表項的頭部可以是幾種形式，如一個點，一個圓形或方形。頭部的風格并不是在頁面的HTML描述定義, 但在其相關的CSS 可以用?list-style-type 屬性。") 無序列表。 [`<video>`](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video "HTML 元素用于在HTML或者XHTML文檔中嵌入視頻內容。")[HTML5](https://developer.mozilla.org/zh-CN/docs/HTML/HTML5) 視頻