布局标签,结构化语义标签)

技术布局标签,结构化语义标签) 布局标签(结构化语义标签)注意,关注的是语义,而不是样式的区别,下面的这些标签所展示出来的样式都是一样的,都是H5新增的一些标签,当我们遇到这些标签的时候就能够通过语义知

布局标签(结构化语义标签)

应该注意语义,而不是风格差异。以下标签中显示的样式都是相同的,它们都是H5的新标签。当我们遇到这些标签时,我们可以知道被包围的元素被语义用来做什么。例如,由标题标签包围的元素表示页面上显示的标题元素,可以理解为解释性标签。

!DOCTYPE html

html lang='en '

meta charset='UTF-8 '

标题文档/标题

/head

身体

!-

布局标签(结构化语义标签)

-

!-

Header表示网页的标题。

Main表示网页的主要部分(一个页面中只有一个main)

页脚是指网页的底部。

指示导航网页中的导航

旁白和其他与主体相关的内容(侧边栏)

文章代表独立文章。

节代表一个独立的块。当上面的标签都不能表示它时,请使用section。

Div用于表示没有语义的块。目前div仍然是我们的主要布局元素。

Span内联元素没有任何语义,通常用于选择网页中的文本。

-

标题/标题

主/主

页脚/页脚

导航/导航

一旁

文章/文章

部分

分区/部门

跨度/跨度

/body

/html

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/141441.html

(0)

相关推荐

  • 简述spark的运行架构(spark可以运行在哪些模式下)

    技术如何解析Spark运行模式这篇文章将为大家详细讲解有关如何解析Spark运行模式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Spark运行模式1 Spark的两个

    攻略 2021年12月17日
  • 如何将Asp.NetCore3.1开源项目升级为.Net6.0(.netcore 3.1)

    技术如何将Asp.NetCore3.1开源项目升级为.Net6.0小编给大家分享一下如何将Asp.NetCore3.1开源项目升级为.Net6.0,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读

    攻略 2021年12月20日
  • 孩子生在美国,去美国生子孩子有必要吗

    技术孩子生在美国,去美国生子孩子有必要吗想要顺利去美国生宝宝,具有关键性的一部是办理签证,只有拿到签证才能进入美国孩子生在美国。当然了,美国的签证也有很多种类,可分为移民签证和非移民签证两种,非移民签证主要为“短期”或“

    生活 2021年10月23日
  • 気怎么读,situation怎么读

    技术気怎么读,situation怎么读situation[英][ˌsɪtʃuˈeɪʃn] [美][ˌsɪtʃuˈeʃən] 生词本
    简明释义
    n.(人的)情况気怎么读;局面,形势,处境;位置;[心理学]情境
    复数

    生活 2021年10月27日
  • 爬虫所需要的代理IP究竟是什么

    技术爬虫所需要的代理IP究竟是什么爬虫所需要的代理IP究竟是什么,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。在爬取某些网站时,我们经常会设置代理 IP 来

    攻略 2021年10月28日
  • 未时是几点到几点钟,午时,未时,酉时是几点

    技术未时是几点到几点钟,午时,未时,酉时是几点排列时间顺序是正确的每天晚上从11点开始就进入第二天的子时 是两天的分界点 到凌晨1点子时结束 就是11点到1点是子时 1点到3点是丑时 往下排3点到5点是寅时 5点到

    生活 2021年10月27日