测试你的技能:高级 HTML 文本

此技能测试的目的是评估你是否了解如何使用鲜为人知的 HTML 元素来标记高级语义功能

注意:您可以在此页面上的交互式编辑器或在线编辑器(例如 CodePenJSFiddleGlitch)中尝试解决方案。

如果您遇到困难,可以通过我们的 沟通渠道之一与我们联系。

任务 1

在此任务中,我们希望您将提供的动物及其定义转换为描述列表。

完成的示例应如下所示

尝试更新下面的实时代码以重新创建完成的示例

下载此任务的起始点,以便在您自己的编辑器或在线编辑器中进行操作。

任务 2

在此任务中,我们希望您按照以下步骤向提供的 HTML 添加一些语义

  • 将第二段转换为块级引用,并以语义方式指示该引用取自 无障碍指南
  • 以语义方式将“HTML”和“CSS”标记为首字母缩略词,并提供扩展作为工具提示。
  • 使用下标和上标为化学式和日期提供正确的语义,并使其正确显示。
  • 以语义方式将机器可读日期与文本中的日期关联。

完成的示例应如下所示

尝试更新下面的实时代码以重新创建完成的示例

下载此任务的起始点,以便在您自己的编辑器或在线编辑器中进行操作。