HTML 文本标签

文章介绍了HTML中一些常见的文本标签,如em、strong、span等,强调了它们的语义和使用场景。同时,提到了一些不常用但具特定语义的标签,如cite、dfn、abbr等,提醒读者在编码时考虑语义化,但不必过分纠结于不常用的标签。文章还指出,重要的是掌握具有强语义的标签,如h1-h6、p、div等。
摘要由CSDN通过智能技术生成

1、用于包裹:词汇、短语等

2、通常写在排版标签里边

3、排版标签更宏观(大段的文字),文本标签更微观(词汇、短语)。

4、文字标签通常都是行内元素

标签名标签语义单/双标签
em要着重阅读的内容
strong十分重要的内容(语气要比em更强)
span没有语义,用于包裹短语的通用容器

生活中的例子:div是大包装袋,span是小包装袋。

不常用的:
 

标签名标签语义单/双标签
cite作品标题(书籍、歌曲、电影、电视节目、绘画、雕塑等)
dfn特殊术语,或专属名词

del与ins

删除的文本与插入的文本
sub与sup下标文字与上标文字
code一段代码
samp从正常的上下文中,将某些内容提取出来,例如:标识设备输出
kbd键盘文本,表示文本是通过键盘输入的,经常用在与计算机的相关的手册中
abbr缩写,最好配上title属性
bdo更改文本方向,要配合dir属性,可选值:ltr(默认值)、rtl
var标记变量,可以与code标签一起使用
small附属细则,例如:包括版权、法律文本、--很少使用
b摘要中的关键字、评论中的产品名称。--很少使用
i

本意是:人物的思想活动、所说的话等等。

现在多用于:呈现字体图标。

u与正常内容有反差文本,例如:错的单词、不合适的描述等。--很少使用
q短应用--很少使用
blockquote长应用--很少使用
address地址信息

备注:

  1. 这些不常用的文本标签,编码时不用过于纠结(酌情而定,不用也没毛病)
  2. blockquote 与 address 是块级元素,其他的文本标签都是行内元素。
  3. 有些语义感不强的标签,我们很少使用,例如: small、b、u、q、blockquote
  4. HTML标签太多了!记住那些:重要的、语义感强的标签即可;戒指目前有这些:h1~h6  、 p 、div 、 em 、 strong 、 span
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值