html5文本元素

1.a

生成超链接

2.b

表现为加粗

用来标记一段文字,如表示关键词和产品名称,但并不表示强调和重要性。

3.em

表现为斜体

表示对一段文字的强调

4.i

表现为斜体

表示一段文字和周围内容有本质区别,常用于外文词语,科技术语甚至某人的想法

5.s

表现为中划线

表示一段文字不再正确或准确

6.strong

表现为粗体

表示一段重要文字

7.u

表现为下划线

表示让一段文字从周围内容中凸现出来,但不表示强调或其重要性有所提高。

8.small

表现为小号内容

常用于免责声明和澄清声明

9.sub和sup

表现为下标和上标

某些语言和数学上会用到上标和下标。

10.br

表现为强制换行

10-1.wbr

新增,表示换行建议,当超过浏览器窗口时,建议在此换行,比如长单词中加入该元素,会隔断换行。

11.用来显示计算机编程代码范例及类似方面的特定元素。

11-1.var表现为斜体,表示变量的名称,或者由用户提供的值

11-2.code表现为等宽表示计算机代码片段

11-3.samp表现为等宽,只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。

11-4.kbd表现为等宽,表示文本是从键盘上键入的,经常用在于计算机相关的文档和手册中。

12.表示标题引用、引文、定义和缩写

12-1.abbr无表现,表示缩写。其title属性为其代表的完整词语

12-2.dfn无表现,表示定义中的术语,其title属性表示所定义的术语,也就是和内容一致,

12-3.q表现为前后加引号,表示引用,cite属性表示来源文章的url

12-4.cite表现为斜体,表示引用作品的标题、

13.语言元素

13-1.ruby注音元素,需要和rt和rp元素搭配使用,rt表示注音符号rp用来标记供不支持注音符号特性的浏览器显示在注音符号前后的括号。

<ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>

在支持注音符号的浏览器中,rp及其内容会忽略,否则会显示,其实这里没看出区别

13-2.bdo撇开默认文字方向设置,明确指定其内容每个方向,整体还是类似左浮动,必须有dir属性(rtl.ltr)

<bdo dir="rtl">ds dfs sds</bdo>   //sds sfd sd

13-3.bdi出于文字方向考虑,与其他内容分离开,不受其他算法影响,比如阿拉伯名字自动提前,使用bdi,恢复正常

14.span表示一段一般性的内容,无实意

15.maek表现为黄底,表示因为与某段上下文相关而被突出显示的一段文字

16.表示添加和删除的内容

ins表示添加的文字,表现为下划线

del表示删除的文字,表现为中划线

17.time表示时间和日期

用法略



原文地址:https://www.cnblogs.com/cumting/p/6733832.html