介绍
HTML 中的 <data>
标签用于为你希望在网页上显示的某些数据分配自定义信息。例如,如果你有一个列出不同产品的网站,你可以使用 <data>
标签将产品代码添加到此标签中,这些信息对最终用户不可见。本实验将指导你在 HTML 代码中使用 <data>
标签。
注意:你可以在 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/AdvancedElementsGroup(["`Advanced Elements`"])
html/BasicStructureGroup -.-> html/basic_elems("`Basic Elements`")
html/BasicStructureGroup -.-> html/head_elems("`Head Elements`")
html/BasicStructureGroup -.-> html/charset("`Character Encoding`")
html/BasicStructureGroup -.-> html/lang_decl("`Language Declaration`")
html/AdvancedElementsGroup -.-> html/inter_elems("`Interactive and Dynamic Elements`")
html/AdvancedElementsGroup -.-> html/custom_attr("`Custom Data Attributes`")
subgraph Lab Skills
html/basic_elems -.-> lab-70730{{"`HTML 机器可读数据`"}}
html/head_elems -.-> lab-70730{{"`HTML 机器可读数据`"}}
html/charset -.-> lab-70730{{"`HTML 机器可读数据`"}}
html/lang_decl -.-> lab-70730{{"`HTML 机器可读数据`"}}
html/inter_elems -.-> lab-70730{{"`HTML 机器可读数据`"}}
html/custom_attr -.-> lab-70730{{"`HTML 机器可读数据`"}}
end