在 <div> 中使用 role="main" 代替 <main>

Question

如果我写的 HTML 结构不包含

<main>,<header> or <footer>

，但包含带有

<div>

的“role="”属性，这是否是错误的？

例如：

<div role="header"></div>
<div role="main"></div>
<div role="footer"></div>




I've just wondered that this "role" attribute's scope and usage in that way. Is this usage has same effect as using seperate `<main>, <header> or <footer>` tags?

Answer 1

您可以在 div 上使用

role=main

，用于标识文档的主要或主要内容。这在语法上没有错误。

但是，从语义上来说，不建议这样做，应该使用

<main>

而不是 ARIA。

有关更多详细信息，请参阅：https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/main_role

Answer 2

div> 邮箱主题待处理Krushna Kopratkar 2023 年 10 月 6 日上午 6:24