html - 你能在<section role =“main”>元素中使用<aside>元素吗？

我正在使用HTML5和WAI-ARIA提高HTML的可访问性。
可以设置以下内容吗？

<!-- main content -->
<section id="main" role="main">
    <h1>The main content</h1>

    <!-- This div needs to be here for styling reasons -->
    <div class="the-content">
         <p>All the text that goes with the main content</p>
    </div>

    <!-- the sidebar -->
    <aside id="sidebar" role="complementary">
        <h2>A title</h2>
        <p>Some text</p>
    <aside>
</section>

我不确定的是，我是否应该将<aside>元素放在<section>和role="main"容器之外。这重要吗？

最佳答案

这确实很重要，是的。放置它的位置由aside标记中的内容与主section的关系来定义。
例如：
如果aside中的内容与主要文章相关，那么它应该在main section中。但是，如果sidebar aside tag中的内容与main不同，我会将其放在main section之外。
http://html5doctor.com/aside-revisited/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside

关于html - 你能在<section role =“main”>元素中使用<aside>元素吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17549780/