HTML 行内元素
🌙
手机阅读
本文目录结构
HTML 行内元素
HTML (超文本标记语言) 元素大多数都是行内元素或块级元素。一个行内元素只占据它对应标签的边框所包含的空间。下面这个例子说明了行内元素的作用范围：
行内元素示例
HTML
<p>This <span>span</span> is an inline element; its background has been colored to display both the beginning and end of the inline element's influence</p>
CSS
span { background-color: #8ABB55; }
This span is an inline element; its background has been colored to display both the beginning and end of the inline element's influence
行内元素与块级元素对比
- 内容
- 一般情况下，行内元素只能包含数据和其他行内元素。
- 而块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
- 格式
- 默认情况下，行内元素不会以新行开始，而块级元素会新起一行。
行内元素列表
下面的元素都是行内元素：
| 标签 | 属性 |
|---|---|
| b | 定义粗体文本。 |
| big | HTML5 不再支持。 定义大号文本。 |
| i | 定义斜体文本。 |
| small | 定义小号文本。 |
| tt | 定义表格中的行。 |
| abbr | 定义一个缩写。 |
| acronym | HTML5 不再支持。 定义只取首字母的缩写。 |
| cite | 定义引用 (citation)。 |
| code | /api/html/formatting-stress/tag-code.html |
| dfn | 定义定义项目。 |
| em | 定义强调文本。 |
| kbd | 定义键盘文本。 |
| strong | 定义语气更为强烈的强调文本。 |
| samp | 定义计算机代码样本。 |
| var | 定义文本的变量部分。 |
| a | 定义一个链接 |
| bdo | 定义文本的方向。 |
| br | 定义简单的折行。 |
| img | 定义图像。 |
| map | 定义图像映射。 |
| object | 定义嵌入的对象。 |
| q | 定义短的引用。 |
| script | 定义客户端脚本。 |
| span | 定义文档中的节。 |
| sub | 定义下标文本。 |
| sup | 定义上标文本。 |
| button | 定义按钮。 |
| input | 定义一个输入控件 |
| label | 定义 input 元素的标注。 |
| select | 定义选择列表（下拉列表）。 |
| textarea | 定义多行的文本输入控件。 |
