html5中的main元素怎么用？-创新互联

今天小编给大家分享的是html5中的main元素使用的详细介绍，相信大部分人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，话不多说，一起往下看吧。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、网站制作、吴桥网络推广、小程序定制开发、吴桥网络营销、吴桥企业策划、吴桥品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们大的嘉奖；创新互联为所有大学生创业者提供吴桥建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

W3C 规范

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

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

自从 <main> 元素包含在 HTML 规定里之后，<body> 元素就还原成了它在 HTML4 中的定义。

The body element represents the content of the document.

细节

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

按照规格，如果你在一个文档中试图使用多个 <main> 标签，那么 W3C validator 会抛出错误。

<main> 元素的另外一个规定是，它不能作为 <article>, <header>, <aside>, <footer>, <nav> 的子元素节点。

使用

就像其它的 HTML5 新元素一样，并不是所有的浏览器都能够识别出 <main> ，并且给它加上预设的样式，你可能需要在自己的 CSS 文件中将它设置为块级元素。

main {display:block;}

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

<script type="text/javascript">document.createElement('main');</script>

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

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

所以，在实践中它应该是什么样子呢？下面是使用 <main> 元素之前的文档结构。

<header>Header</header>
    <p id="content">Main Content</p>
    <footer>Footer</footer>

下面使用 <main> 元素改写文档。

<header>Header</header>
    <main id="content">Main Content</main>
    <footer>Footer</footer>

以上就是html5中的main元素的使用介绍，详细使用情况还需要大家自己亲自动手使用过才能领会。如果想了解更多相关内容，欢迎关注创新互联网站制作公司行业资讯频道！

网站题目：html5中的main元素怎么用？-创新互联
本文地址：https://www.cdcxhl.com/article4/dejioe.html

成都网站建设公司_创新互联，为您提供软件开发、外贸网站建设、微信公众号、网站维护、网站内链、云服务器

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容