本文共 2615 字，大约阅读时间需要 8 分钟。
em和strong
- 这两个标签都表示一个强调的内容，
em主要表示语气上的强调,em在浏览器中默认使用斜体显示 strong表示强调的内容，比em更强烈，默认使用粗体显示今夕何夕兮，搴舟中流。 今日何日兮，得与王子同舟。 蒙羞被好兮，不訾诟耻。 心几烦而不绝兮，得知王子。 山有木兮木有枝，心悦君兮君不知。
显示效果：
i标签中的内容会以斜体显示 b标签中的内容会以加粗显示
h5规范中规定，对于不需要着重的内容而是单纯的加粗或者是斜体，就可以使用b和i标签
今夕何夕兮，搴舟中流。 今日何日兮，得与王子同舟。 蒙羞被好兮，不訾诟耻。 心几烦而不绝兮，得知王子。 山有木兮木有枝，心悦君兮君不知。
效果：
small标签中的内容会比他的父元素中的文字要小一些
在h5中使用small标签来表示一些细则一类的内容
比如：合同中小字，网站的版权声明都可以放到small
今夕何夕兮，搴舟中流。
今日何日兮，得与王子同舟。 蒙羞被好兮，不訾诟耻。 心几烦而不绝兮，得知王子。 山有木兮木有枝，心悦君兮君不知。
效果：
cite标签
网页中所有的加书名号的内容都可以使用cite标签，表示参考的内容，
比如：书名 歌名 话剧名 电影名 。。。
出自先秦的越人歌
今夕何夕兮，搴舟中流。 今日何日兮，得与王子同舟。 蒙羞被好兮，不訾诟耻。 心几烦而不绝兮，得知王子。 山有木兮木有枝，心悦君兮君不知。
效果：
行内引用和块引用
q标签表示一个短的引用（行内引用）
q标签引用的内容，浏览器会默认加上引号 blockquote标签表示一个长引用（块级引用）
折花枝，恨花枝，准拟花开人共卮，开时人去时。怕相思，已相思，轮到相思没处辞，眉间露一丝。
效果：
sup标签
使用sup标签来设置一个上标
22
效果：
sub标签
sub标签用来表示一个下标
H2O
效果：
del标签
使用del标签来表示一个删除的内容
del标签中的内容，会自动添加删除线15.54
17.75
效果：
ins标签
ins表示一个插入的内容
ins中的的内容，会自动添加下划线
怕相思，已相思，轮到相思没处辞，眉间露一丝。
折花枝，恨花枝，准拟花开人共卮，开时人去时。
效果：
pre标签和code标签
需要页面中直接编写一些代码
pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格 code专门用来表示代码 我们一般结合使用pre和code来表示一段代码pre演示：
Instant end = Instant.now(); System.out.println("耗费时间为：" + Duration.between(start, end).toMillis());
效果：
code演示：
Instant end = Instant.now(); System.out.println("耗费时间为：" + Duration.between(start, end).toMillis());
效果：
同时使用pre和code标签：
Instant end = Instant.now(); System.out.println("耗费时间为：" + Duration.between(start, end).toMillis());
效果：
转载地址：http://apqyx.baihongyu.com/