首页 » 编程语言 » html » 正文

HTML5标签:main元素的使用方法及作用

<main> 标签是html5在2013年2月增加的新标签,有关<main> 标签的使用方法及作用详细介绍如下:

<main> 标签的定义

<main> 标签规定文档主要内容或应用程序的主体部分;

<main> 标签是 HTML5中新增的标签

<main> 标签只能在整个页面中最多出现一次;

<main> 标签不能是以下标签的子标签:<article>、<aside>、<footer>、<header> 或 <nav>。

<main>标签中的主体内容应该是页面中唯一的,且不会在其他页面中重复出现的内容。它不应包含在文档中重复出现的内容,比如侧栏、导航栏、版权信息、站点标志或搜索表单;

浏览器支持情况

所有浏览器都支持 <main> 标签,除了 Internet Explorer。

<main> 标签用法

<main>标签通常应该放在<header>标签和<footer>标签之间,演示代码如下:

<body>
<header>头部</header>
<main >主体内容</main>    
<footer>尾部</footer>
</body>

<main> 标签用于显示页面的主题内容,且每个页面最多只能出现一次,所以,该标签应该只包含与页面最主要的内容信息,这也决定了<main> 标签里的主体内容应该是唯一的,且不会在其他页面中重复出现该主体内容。因此,<main> 标签不应该放入像侧边栏、导航栏链接、版权信息、网站 Logo,搜索框等会重复出现的地方;



欢迎您发表评论或留言