HTML 中有许多其他元素可以用于格式化文本,我们没有在HTML 文字处理基础中提到它们。本文中所描述的元素虽然少有人知,但仍然值得去学习(尽管仍然不是完整的列表)。在这里你将了解标记引文、描述列表、计算机代码和其他相关文本、下标和上标、联系信息等。 描述列表在 HTML 基础部分,我们讨论了如何在 HTML 中标记基本的列表,但是我们没有提到你偶尔会遇到的第三种类型的列表——描述列表(description list)。这种列表的目的是标记一组项目及其相关描述,例如术语和定义,或者是问题和答案等。让我们看一组术语和定义的示例: 内心独白 戏剧中,某个角色对自己的内心活动或感受进行念白表演,这些台词只面向观众,而其他角色不会听到。 语言独白 戏剧中,某个角色把自己的想法直接进行念白表演,观众和其他角色都可以听到。 旁白 戏剧中,为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白,只面向观众,内容一般都是角色的感受、想法、以及一些背景信息等。 描述列表使用与其他列表类型不同的闭合标签——
浏览器的默认样式会在描述列表的描述部分(description definition)和描述术语(description terms)之间产生缩进。MDN 非常严密地遵循这一惯例,同时也鼓励关于术语的其他更多的定义。 下面是前述代码的显示结果: 内心独白戏剧中,某个角色对自己的内心活动或感受进行念白表演,这些台词只面向观众,而其他角色不会听到。 语言独白戏剧中,某个角色把自己的想法直接进行念白表演,观众和其他角色都可以听到。 旁白戏剧中,为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白,只面向观众,内容一般都是角色的感受、想法、以及一些背景信息等。 请注意:一个术语 戏剧中,为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白,只面向观众,内容一般都是角色的感受、想法、以及一些背景信息等。写作中,指与当前主题相关的一段内容,通常不适于直接置于内容主线中,因此置于附近的其它位置(通常位于主线内容旁边一个文本框内)。 主动学习:标记一组定义现在是时候尝试一下描述列表了; 在输入区域的原始文本里添加相应的元素,使得它在输出区域是以描述列表的形式出现。如果你喜欢,你也可以使用你自己的描述术语和描述。 如果你做错了,你可以随时点击【重置】按钮。如果实在进行不下去,可以点击【显示答案】。
引用HTML 也有用于标记引用的特性,至于使用哪个元素标记,取决于你引用的是一块还是一行。 块引用如果一个块级内容(一个段落、多个段落、一个列表等)从其他地方被引用,你应该把它用
要把这些转换为块引用,我们要这样做:
浏览器在渲染块引用时默认会增加缩进,作为引用的一个指示符;MDN 是这样做的,但是也增加了额外的样式:
行内引用行内元素用同样的方式工作,除了使用
浏览器默认将其作为普通文本放入引号内表示引用,就像下面: 引文
引文默认的字体样式为斜体。你可以在quotations.html中参看代码。 主动学习:是谁说的?到了主动学习的时间!在这个例子中我们想要你:
你需要的引用源:
如果你做错了,你可以随时点击【重置】按钮。如果实在进行不下去,可以点击【显示答案】。
缩略语另一个你在 web
上看到的相当常见的元素是 缩略语示例让我们一起看一个示例。
这些代码的显示效果如下: 备注: 还有另一个元素 主动学习:标记一个缩略语在这个简单的主动学习任务中,我们希望你简单地标记一个缩写。你可以使用下面的示例,或者用自己的示例来替换。
标记联系方式HTML 有个用于标记联系方式的元素——
但要记住的一点是,
上标和下标当你使用日期、化学方程式、和数学方程式时会偶尔使用上标和下标。
这些代码输出的结果是: 咖啡因的化学方程式是 C8H10N4O2。 如果 x2 的值为 9,那么 x 的值必为 3 或 -3。 展示计算机代码有大量的 HTML 元素可以来标记计算机代码:
让我们看看一些例子。你应该尝试运行一下(尝试运行一下other-semantics.html样例文件的拷贝):
上面的代码显示效果如下: 标记时间和日期HTML 还支持将时间和日期标记为可供机器识别的格式的
为什么需要这样做?因为世界上有许多种书写日期的格式,上边的日期可能被写成:
但是这些不同的格式不容易被电脑识别 — 假如你想自动抓取页面上所有事件的日期并将它们插入到日历中, 上述基本的例子仅仅提供了一种简单的可被机器识别的日期格式,这里还有许多其他支持的格式,例如:
总结到这里你就完成了 HTML 语义文本元素的学习。但要记住,你在本课程中学到的并不是 HTML 文本元素的详细列表 — 我们想要尽量覆盖主要的、通用的、常见的,或者至少是有趣的部分。如果你想找到更多的 HTML 元素,可以看一看我们的HTML 元素参考(从 内联文本语义部分开始会是一个好的选择) 。在下一篇文章中我们将会学习用来组织 HTML 文档不同部分的 HTML 元素。
本章目录 |