如何正确使用html5 <main>元素

时间:2017-02-27 04:21:59

标签: html5

我已经对我的问题的答案进行了一些搜索,但除了不能回答我的问题的剪切和粘贴的答案之外,我似乎无法得到一个直接的答案。

我的问题是,“我可以在网站的不同页面使用<main>标记吗?”

我研究过的网站说:

<main>标记用于指定文档的主要内容
<main>元素中的内容对于文档应该是唯一的。
它不应包含在文档(如侧边栏)中重复的任何内容,导航链接,版权信息,网站徽标和搜索表单。
注意:文档中的元素不得超过一个<main>。该元素不得是<article><aside><footer><header><nav>元素的后代。“

所以...
我了解<main>标记指定了文档的主要内容 我了解<main&gt;内的内容元素应该是文档的唯一元素 我也理解它不应包含任何在侧边栏,导航链接,版权信息,网站徽标和搜索表单等文档中重复的内容。

这就是我的问题出现的地方......“文件是什么意思?”

“文件”一词是否意味着:

A)我可以在我的index.html,about_us.html和contact.html中使用它,但每个页面只能使用一次。

或者是否意味着

B)我无法在网站的其他页面中使用<main>。这意味着如果我在index.html上使用它,那么我将无法在我的其他页面中使用它,例如about.html或contact.html ......?

网站研究:
https://www.w3schools.com/tags/tag_main.asp
http://blog.teamtreehouse.com/use-html5-sectioning-elements

感谢您的澄清。

1 个答案:

答案 0 :(得分:1)

是的,您可以在网站的不同页面中使用<main>标记。

回答答案。

文档是HTML文档的缩写,它表示有效的html文件。不是html片段。

<main>有3个好的用途。它可以帮助扫描网页的算法更有效。快速识别主要内容,因此不会处理主要内容。它可以使用CSS规则设置样式。它可以帮助用户使用屏幕阅读器。

更新:正在进行中的工作,html规范,只要只有1个可见,就可以有多个<main>

https://w3c.github.io/html/grouping-content.html#elementdef-main