欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html5中内联元素是什么

程序员文章站 2022-03-12 15:07:26
...

在html中,内联元素是指display属性为inline的元素;内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”,这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

html5中内联元素是什么

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5中内联元素是什么

在HTML中,内联元素是指display属性为inline的元素;内联元素也叫行内元素,在网页中总是随着文字流出现在“行内”,这些元素不会在它本身之前或之后生成“分隔符”,所以可以出现在另一个元素的内容中,而不会破坏其显示。

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

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

内联元素一般是内容的容器,一般情况下,内联元素只能包含内容或者其它内联元素,宽度和长度依据内容而定,不可以设置,可以和其它元素和平共处于一行。内联元素适合显示具体内容。

特点:

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

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

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

常用的内联(行内)元素:

  • * a - 锚点

  • * abbr - 缩写

  • * acronym - 首字

  • * b - 粗体(不推荐)

  • * bdo - bidi override

  • * big - 大字体

  • * br - 换行

  • * cite - 引用

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

  • * dfn - 定义字段

  • * em - 强调

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

  • * i - 斜体

  • * img - 图片

  • * input - 输入框

  • * kbd - 定义键盘文本

  • * label - 表格标签

  • * q - 短引用

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

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

  • * select - 项目选择

  • * small - 小字体文本

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

  • * strike - 中划线

  • * strong - 粗体强调

  • * sub - 下标

  • * sup - 上标

  • * textarea - 多行文本输入框

  • * tt - 电传文本

  • * u - 下划线

  • * var - 定义变量

推荐教程:《html视频教程

以上就是html5中内联元素是什么的详细内容,更多请关注其它相关文章!

相关标签: html