第4章 文本

2018-03-01 17:53:00 《HTML5与CSS3基础教程》笔记 阅读: 100 评论:

[TOCM]

p标签(段落)

用来添加段落

small标签(细则旁注)

用来包含免费声明、注解、署名等类型文本

默认字体为稍小的字号

stong标签(加强)

标记重要要文本,显示效果为粗体

em标签(强调)

表示强调,显示效果为斜体

em用于所有层次的强调,strong用于表示重要性

另外显示效果上的,粗体可以用b标签,斜体用i标签,他们都没有语义

figure标签(创建图)

图可以是图表、图片、图形、视频、代码片段等

使用figcaption标签为图添加标题,一个figure中只能有一个figcaption,且只能出现在figure的开头或结尾

cite标签(引用或参考)

指明对某内容的引用或者参考,显示效果为斜体

blockquote标签(块引用)

用于单独的引用,一般较长,默认显示在新的一行并且有缩进。

可以使用cite属性指出引用地址

q标签(短引用)

用于引用一句话或一个词句等,默认对引用内容加上引号。

可以使用cite属性指出引用地址

time标签(时间)

可以使用time标签标记时间、日期、时间段

可以使用datetime属性指定时间格式

time之间不能嵌套,无datetime属性的time标签只能包含文本

abbr标签(解释缩写词)

可以使用title属性使之鼠标放置时显示全称,但最好使用括号写出全称或者两者同时使用

dfn标签(定义术语)

用来定义专业术语,dfn标签及其定义应该挨在一起,显示的效果为斜体

sub标签(下标)

用来显示比主体文字稍低的文本,可以用于显示化学分子式的小数字、数学下标等

sup标签(上标)

用来显示比主体文字稍高的文本,可以用于显示数学上标等

address标签(添加作者信息)

用于标记作者的电子邮箱、联系地址等,显示效果为

斜体

del标签和s标签(已删除)

标记已经删除的文本,显示效果为删除线

不要用s标签标记整个段落或块级内容,而应该使用del

ins标签(插入)

标记插入的文本,显示效果为下划线

code标签(代码)

标记代码或文件名,默认为等宽度字体

pre标签(预格式)

保留原文本中的换行和空格,pre和p一样会自动换行

mark标签(突出显示)

标记要突出显示的文本,就想看书的时候画上的荧光标记,默认显示黄色背景

br标签(换行)

用来换行,此标签没有结束标签,直接这样写:
或者

span标签

和div一样没有任何语义,不同的是span用于包围字词或短语内容,div包围块级内容

其他标签

以下标签用的较少或者浏览器对他们支持还不完善。

u标签:文本注解
wbr标签:一个可换行处
ruby、rp、rt标签:旁注标记
bdi、bdo标签:指明文字显示方向
meter标签:任务的完成进度
progress标签:任务的完成进度(IE不支持此标签)


功能
最新评论