In HTML5 jest zdefiniowana tylko że aside
jest "związane z treścią wokół aside
element ".
In HTML 5.1 (CR) definicja became more specific, jak to teraz mówi, że aside
jest „związane z treścią rodzicielstwa kabin sekcyjnych zawartości”.
Po nowszej definicji element aside
powinien znajdować się wewnątrz elementu sekcji, z którym jest powiązany. Element main
jest nie na odcinki element (elementy podobne article
, section
, body
, figure
itp ARE). Oczywiście możesz nadal umieszczać aside
w main
, ale będzie on powiązany z najbliższym rodzajem elementu podziału o numerze main
.
Oznacza to, że nie ma semantyczna różnica (dla aside
) w tych dwóch przykładach:
<body>
<main></main>
<aside><!-- related to the body --></aside>
</body>
<body>
<main><aside><!-- related to the body --></aside></main>
</body>
przykład, który pokazuje kilka różnych przypadków:
<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>
Należy pamiętać, że z prośbą o " Wpływ SEO "jest nietypowy w Stack Overflow. Takie pytania można zadać na [webmasters.se]. – unor
Dzięki @unor! Utrzymam to w głowie na przyszłe pytania. –