介绍
语义化 HTML 是 Web 开发中的一个重要概念,因为它有助于搜索引擎和辅助技术更好地理解网站上的内容。<article>
标签是可用于创建语义化 HTML 的元素之一。在本实验中,我们将学习如何使用 <article>
标签,以及它如何帮助创建可访问的网页。
注意:你可以在 index.html
中练习编码,并学习 如何在 Visual Studio Code 中编写 HTML。请点击右下角的 'Go Live' 以在端口 8080 上运行 Web 服务。然后,你可以刷新 Web 8080 标签以预览网页。
Skills Graph
%%%%{init: {'theme':'neutral'}}%%%%
flowchart RL
html(("`HTML`")) -.-> html/BasicStructureGroup(["`Basic Structure`"])
html(("`HTML`")) -.-> html/TextContentandFormattingGroup(["`Text Content and Formatting`"])
html(("`HTML`")) -.-> html/LayoutandSectioningGroup(["`Layout and Sectioning`"])
html(("`HTML`")) -.-> html/AdvancedElementsGroup(["`Advanced Elements`"])
html/BasicStructureGroup -.-> html/basic_elems("`Basic Elements`")
html/BasicStructureGroup -.-> html/head_elems("`Head Elements`")
html/TextContentandFormattingGroup -.-> html/text_head("`Text and Headings`")
html/TextContentandFormattingGroup -.-> html/lists_desc("`Lists and Descriptions`")
html/LayoutandSectioningGroup -.-> html/doc_flow("`Document Flow Understanding`")
html/AdvancedElementsGroup -.-> html/inter_elems("`Interactive and Dynamic Elements`")
subgraph Lab Skills
html/basic_elems -.-> lab-70702{{"`HTML 文章部分`"}}
html/head_elems -.-> lab-70702{{"`HTML 文章部分`"}}
html/text_head -.-> lab-70702{{"`HTML 文章部分`"}}
html/lists_desc -.-> lab-70702{{"`HTML 文章部分`"}}
html/doc_flow -.-> lab-70702{{"`HTML 文章部分`"}}
html/inter_elems -.-> lab-70702{{"`HTML 文章部分`"}}
end