首页 >web前端 >前端问答 >html5中内联元素是什么

html5中内联元素是什么

WBOY
WBOY原创
2021-12-22 09:52:212882浏览

在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中内联元素是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn