HTML-文本元素

本文详细介绍了HTML中的文本元素,包括它们的语义和用途,如`<a>`、`<strong>`、`<em>`等。内容涵盖常用标签的功能,如链接、强调、代码表示等,并解释了块级元素与行内元素的区别。还讨论了标签的分类和实际应用中常见的选择。此外,强调了遵循语义化和避免过度使用通用标签如`<div>`和`<span>`的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文本元素

所谓文本元素,就是将一段文本设置成相匹配的结构和含义

文本元素总汇

HTML5规范指出:使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则,这种语义会宽松许多。

元素名称说明
a生成超链接
br强制换行
wbr可安全换行
b标记一段文字但不强调
strong表示重要
i表示外文或科学术语
em表示强调
code表示计算机代码
var表示程序输出
samp表示变量
kdb表示用户输入
abbr表示缩写
cite表示其他作品的标题
del表示被删除的文字
s表示文字已不再确认
dfn表示术语定义
mark表示与另一段上下文有关的内容
q表示引自他处的内容
bdo控制文字的方向
small表示小号字体内容
sub表示下标字体
sup表示上标字体
time表示时间或日期
u标记一段文字但不强调
span通用元素,没有任何语义。一般配合 CSS 修饰

从表格中发现文本元素还是非常多的。但实际上在现实应用中,真正常用的也就是那么几个,因为绝大部分是针对英文的。

标签分类

所有的body下可用的标签从布局上可分为两大类:块级元素、行内元素

网页平面布局是以行为单位的,块级元素独占一行【还可以通过css设置块标签所占区域的宽和高】,行内元素可与其他行内元素共享一行。

div标签是没有任何其他样式的块级元素
span标签是没有任何其他样式的行内元素

除了具有特殊意义的标签外,大部分标签都可以看作是具有了一些默认css样式的div标签。

是不是这些标签都可以用div代替呢?
不同的标签有不同的名称,代表其所包含的内容是什么,比如h1~h6代表不同级别的标题,form代表表单等

HTML标签种类很丰富,随着HTML语言的发展,一些标签被弃用,新的标签不断产生。标签也支持自定义,但为了使文档具有更通用的语义,尽量避免自定义标签。为了方便可以把标签分类:标题、段落、列表、文本格式化、链接、媒体、表格、表单、框架

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值