In HTML5 nó chỉ được xác định rằng aside là "liên quan đến nội dung xung quanh aside phần tử ".
In HTML 5.1 (CR) định nghĩa became more specific, như bây giờ nói rằng aside là "có liên quan đến nội dung của cha mẹ sectioning nội dung".
Theo định nghĩa mới hơn, phần tử aside phải ở bên trong phần tử phần có liên quan. Phần tử main là không yếu tố phân đoạn (các thành phần như article, section, body, figure v.v ...). Tất nhiên, bạn vẫn có thể đặt aside trong main, nhưng nó sẽ liên quan đến phụ huynh phần tử phần gần nhất của main.
Điều đó có nghĩa là có sự khác biệt về ngữ nghĩa (ví aside) trong hai ví dụ sau đây:
<body>
<main></main>
<aside><!-- related to the body --></aside>
</body>
<body>
<main><aside><!-- related to the body --></aside></main>
</body>
Ví dụ cho thấy một vài trường hợp khác nhau:
<body>
<main>
<article>
<aside><!-- related to the article --></aside>
<section>
<aside><!-- related to the section --></aside>
<blockquote>
<aside><!-- related to the blockquote (not to the section!) --></aside>
</blockquote>
<div>
<aside><!-- related to the section (not to the div!) --></aside>
</div>
</section>
</article>
<aside><!-- related to the body (not to the main!) --></aside>
</main>
<aside>
<!-- related to the body -->
<aside><!-- related to the (parent) aside --></aside>
</aside>
<nav>
<aside><!-- related to the nav --></aside>
</nav>
<footer>
<aside><!-- related to the body (not to the footer!) --></aside>
</footer>
</body>
Xin lưu ý rằng yêu cầu " SEO tác động "là off-topic trên Stack tràn. Các câu hỏi như vậy có thể được yêu cầu trên [webmasters.se]. – unor
Cảm ơn @unor! Tôi sẽ giữ điều này trong tâm trí của tôi cho các câu hỏi trong tương lai. –