页眉和页脚标签是否应该在主标签内

Question

我正在使用 main 标签 - 我应该将页眉和页脚标签放在主标签内还是应该分开？

另外，main 标签需要 role=“main” 吗？

原文由 panthro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

因为它代表了页面的中心部分——如果你愿意的话，也就是“牛肉”——并且页眉和页脚被认为是相邻的内容，我认为页眉和页脚不应该是子元素。

不推荐 使用 <main role="main"> 因为它是多余的。

要么使用 <main> 没有作用。或使用 <div role="main">

原文由 janfoeh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

来自 HTML5doctor 文章 主要元素@Gaby aka G. Petrioli

tl;博士

经验法则：

• 每页只有一个 <main> ；
• 顶级元素（在大多数情况下）；
• 不要将您网站的页眉/菜单/页脚（重复内容）放在您的 <main> 中。
• _如果特定_，可以保留文章页眉/页脚。

目的

的主要目的是将 ARIA 的标志性角色 main** 映射到 HTML 中的元素。这将有助于屏幕阅读器和其他辅助技术了解主要内容的开始位置。 W3C 规范描述为代表：

规格说

以下是 规范草案 的内容：

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

页眉页脚

排除 站点的页眉/页脚/菜单：

不包括在一组文档中重复的内容， 例如站点导航链接、版权信息、站点徽标和横幅以及搜索表单（除非文档或应用程序的主要功能是搜索表单）。

继续使用 role='main'

但作为本文的旁注，史蒂夫·福克纳 (Steve Faulkner) 写道：

在所有浏览器将该角色映射到

元素之前，您仍应使用 ARIA 角色。

原文由 Édouard Lopez 发布，翻译遵循 CC BY-SA 3.0 许可协议