html行内元素有哪些

来自:互联网
时间:2021-03-30
阅读:

根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值。

display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。

行内元素一般是内容的容器,没有自己的独立空间,它是依附于其他块级元素存在的。一般情况下,行内元素只能包含内容或者其它行内元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。行内元素适合显示具体内容。

特点:

1、和其他元素都在一行上;

2、高度、行高和顶以及底边距都不可改变;

3、宽度就是它的文字或图片的宽度,不可改变。

总的来说,行内元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他行内元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。

HTML行内元素:

  • a - 锚点;

  • abbr - 缩写;

  • acronym - 首字;

  • b - 粗体(不推荐);

  • bdo - 覆盖默认的文本方向;

  • big - 大字体;

  • br - 换行;

  • button - 按钮

  • cite - 引用;

  • code - 计算机代码(在引用源码的时候需要);

  • dfn - 定义字段;

  • del - 删除线

  • em - 强调;

  • font - 字体设定(不推荐);

  • i - 斜体;

  • img - 图片;

  • input - 输入框;

  • kbd - 定义键盘文本;

  • label - 表格标签;

  • q - 短引用;

  • s - 中划线(不推荐);

  • samp - 定义范例计算机代码;

  • select - 项目选择;

  • small - 小字体文本;

  • span - 常用内联容器,定义文本内区块;

  • strike - 中划线;

  • strong - 粗体强调;

  • sub - 下标;

  • sup - 上标;

  • textarea - 多行文本输入框;

  • tt - 电传文本;

  • u - 下划线;

  • var - 定义变量。

返回顶部
顶部