行内元素 · 前端

* [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) 视频