主要内容的 HTML5 语义文章标签

发布于 2024-10-30 05:17:47 字数 396 浏览 2 评论 0原文

语义：您希望它们正确，但有时它们只是令人困惑。

网站文档结构：

<body>
    <header>
    <div id="main">
        <header> (not on every page)
        <div id="content">
        <footer> (not on every page)
    <aside>
    <footer>

将 div#main 替换为 article< 在语义上是否正确/strong> 标签？

原文

Semantics: You want to get them right but sometimes they're just confusing.

Website document structure:

<body>
    <header>
    <div id="main">
        <header> (not on every page)
        <div id="content">
        <footer> (not on every page)
    <aside>
    <footer>

Is it semantically correct to replace div#main with an article tag?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

櫻之舞 2024-11-06 05:17:47

在这个问题上复活死者，目前接受的答案很快就会是错误的。有一个针对

元素的扩展草案，旨在满足您的需求。此外，它还可以在浏览器中自动执行 ARIA role="main"，以实现更好的可访问性。请参阅此链接了解更多信息：https://dvcs.w3。 org/hg/html-extensions/raw-file/tip/maincontent/index.html

该规范是 HTML5 规范 [HTML5] 的扩展。它定义了一个用于识别的元素
文档的主要内容区域。中的所有规范内容
HTML5 规范，除非明确被此覆盖
规范，旨在作为本规范的基础。
主要元素形式化了识别的常见做法
使用 id 值的文档的主要内容部分，例如
“内容”和“主要”。它还定义了一个 HTML 元素，其中包含
WAI-ARIA [ARIA] 标志性角色=main 的语义和功能。

<main>

  <h1>Apples</h1>
 <p>The apple is the pomaceous fruit of the apple tree.</p>

 <article>
 <h2>Red Delicious</h2>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
  <p>... </p>
  <p>... </p>
  </article>

  <article>
  <h2>Granny Smith</h2>
  <p>These juicy, green apples make a great filling for
  apple pies.</p>
  <p>... </p>
  <p>... </p>
  </article>

</main>

To raise the dead on this question, the currently accepted answer will soon be incorrect. There has been an extension draft for a <main> element targeted for exactly what you need. Furthermore it automates the ARIA role="main" in the browser for better accessibility. Please see this link for more info: https://dvcs.w3.org/hg/html-extensions/raw-file/tip/maincontent/index.html

This specification is an extension to the HTML5 specification [HTML5]. It defines an element to be used for the identification of
the main content area of a document. All normative content in the
HTML5 specification, unless specifically overridden by this
specification, is intended to be the basis for this specification.
The main element formalises the common practice of identification of
the main content section of a document using the id values such as
'content' and 'main'. It also defines an HTML element that embodies
the semantics and function of the WAI-ARIA [ARIA] landmark role=main.

<main>

  <h1>Apples</h1>
 <p>The apple is the pomaceous fruit of the apple tree.</p>

 <article>
 <h2>Red Delicious</h2>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
  <p>... </p>
  <p>... </p>
  </article>

  <article>
  <h2>Granny Smith</h2>
  <p>These juicy, green apples make a great filling for
  apple pies.</p>
  <p>... </p>
  <p>... </p>
  </article>

</main>

回复收藏 0 原文