測試你的技能:高階 HTML 文字

此技能測試的目的是評估你是否瞭解如何使用鮮為人知的 HTML 元素來標記高階語義功能

注意:您可以在此頁面上的互動式編輯器或線上編輯器(例如 CodePenJSFiddleGlitch)中嘗試解決方案。

如果您遇到困難,可以透過我們的 溝通渠道之一與我們聯絡。

任務 1

在此任務中,我們希望您將提供的動物及其定義轉換為描述列表。

完成的示例應如下所示

嘗試更新下面的即時程式碼以重新建立完成的示例

下載此任務的起始點,以便在您自己的編輯器或線上編輯器中進行操作。

任務 2

在此任務中,我們希望您按照以下步驟向提供的 HTML 新增一些語義

  • 將第二段轉換為塊級引用,並以語義方式指示該引用取自 無障礙指南
  • 以語義方式將“HTML”和“CSS”標記為首字母縮略詞,並提供擴充套件作為工具提示。
  • 使用下標和上標為化學式和日期提供正確的語義,並使其正確顯示。
  • 以語義方式將機器可讀日期與文字中的日期關聯。

完成的示例應如下所示

嘗試更新下面的即時程式碼以重新建立完成的示例

下載此任務的起始點,以便在您自己的編輯器或線上編輯器中進行操作。