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

Question

<分区>

Answer 1

来自 HTML5doctor 文章 The main element @Gaby 又名 G. Petrioli

tl;dr

经验法则:

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

目的

The primary purpose of <main> is to map ARIA’s landmark role main** to an element in HTML. This will help screen readers and other assistive technologies understand where the main content begins. The W3C spec describes as representing:

规范说明

这是the draft spec says :

The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application.

页眉/页脚

Exclude site's header/footer/menu :

excludes content that is repeated across a set of documents such as site navigation links, copyright information, site logos and banners and search forms (unless the document or applications main function is that of a search form).

继续使用role='main'

但作为本文的旁注，Steve Faulkner 写道:

You should still use the ARIA role until all browsers map the role to the <main> element.