html5 main标签是什么意思?html5 main标签作用的详细介绍

html5 main标签是什么意思?html5 main标签作用又有哪些?本篇文章主要讲了html5 main标签的定义及其具体的作用,还有关于html5 main标签的使用详细说明。

首先,我们来了解一下html main是什么意思:

html5 main标签的定义和作用:

标签规定文档的主要内容。

元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单。

立即学习“前端免费学习笔记(深入)”;

注释:在一个文档中,不能出现一个以上的

元素。
元素不能是以下元素的后代:、、

标签是 HTML 5 中的新标签。

早在 2013 年,

元素就被正式添加到 W3C HTML 规范中,到目前为止,关于该元素的定义已经很完善了,所以现在是时候深入了解什么时候适合使用
元素了。那么,下面就开始吧。

W3C 规范

的主要目的是将 ARIA 的地标性作用 main 映射到 HTML 中的元素。这可以帮助那些屏幕阅读设备和辅助设备知道页面的主要内容是从哪里开始的。

W3C 规范将

描述为 :

文档或应用程序的主要内容。主内容区域由与文档的中心主题或应用的核心功能的直接相关或扩展的内容组成。

自从

元素包含在 HTML 规定里之后, 元素就还原成了它在 HTML4 中的定义。

The body element represents the content of the document.

html5 main标签具体使用的作用:

使用

元素值得注意的一点是,它在每个页面中只能使用一次。为什么要规定一个页面只能使用一次呢?虽然我对具体的细节并不感兴趣,但是有些观点看起来还是比较有意义的。

按照规格,如果你在一个文档中试图使用多个

标签,那么 W3C validator 会抛出错误。

元素的另外一个规定是,它不能作为 ,

, ,
,

html5 main标签的具体使用:

就像其它的 HTML5 新元素一样,并不是所有的浏览器都能够识别出

,并且给它加上预设的样式,你可能需要在自己的 CSS 文件中将它设置为块级元素。

  1. main {display:block;}

登录后复制

有的时候,为了支持一些较低版本的 IE 浏览器,你可能还需要使用 JavaScript 创建该元素。

  1. document.createElement('main');

登录后复制

当然了,你还可以使用 html5shiv.

使用

元素最简单的方式就是去替换那些 ID 或者 Class 值为 main 或者 content 之类的 元素。

所以,在实践中它应该是什么样子呢?下面是使用

元素之前的文档结构。

  1. Header
    Main Content
    Footer

登录后复制

下面使用

元素改写文档。

  1. Header
    Main Content
    Footer

登录后复制

好了,这是如此的简单,以至于一分钟不到我们就可以将文档改写成新潮的 HTML5 样式。

【相关推荐】

HTML5标签是什么意思?HTML5标签的基本用法详解

、、

标签是 HTML 5 中的新标签。

早在 2013 年,

元素就被正式添加到 W3C HTML 规范中,到目前为止,关于该元素的定义已经很完善了,所以现在是时候深入了解什么时候适合使用
元素了。那么,下面就开始吧。

W3C 规范

的主要目的是将 ARIA 的地标性作用 main 映射到 HTML 中的元素。这可以帮助那些屏幕阅读设备和辅助设备知道页面的主要内容是从哪里开始的。

W3C 规范将

描述为 :

文档或应用程序的主要内容。主内容区域由与文档的中心主题或应用的核心功能的直接相关或扩展的内容组成。

自从

元素包含在 HTML 规定里之后, 元素就还原成了它在 HTML4 中的定义。

The body element represents the content of the document.

html5 main标签具体使用的作用:

使用

元素值得注意的一点是,它在每个页面中只能使用一次。为什么要规定一个页面只能使用一次呢?虽然我对具体的细节并不感兴趣,但是有些观点看起来还是比较有意义的。

按照规格,如果你在一个文档中试图使用多个

标签,那么 W3C validator 会抛出错误。

元素的另外一个规定是,它不能作为 ,

, ,
,

html5 main标签的具体使用:

就像其它的 HTML5 新元素一样,并不是所有的浏览器都能够识别出

,并且给它加上预设的样式,你可能需要在自己的 CSS 文件中将它设置为块级元素。

以上就是html5 main标签是什么意思?html5 main标签作用的详细介绍的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解

2025-3-29 18:59:29

编程技术

小程序中canvas如何实现图案在线定制的功能

2025-3-29 18:59:48

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索