Różnica między <section> i <div> w <aside> pasku bocznym [duplicate] - html, html5, sidebar, semantyczne znaczniki

Znalazłem 2 sposoby na zaznaczenie paska bocznego:

<aside id="sidebar">
<section id="widget_1"></section>
<section id="widget_2"></section>
<section id="widget_3"></section>
</aside>

i

<aside id="sidebar">
<div class="widget" id="widget_1"></div>
<div class="widget" id="widget_2"></div>
<div class="widget" id="widget_3"></div>
</aside>

Proszę mi powiedzieć, jaka jest różnica między obydwoma podejściami i która musi być zastosowana?

Odpowiedzi:

Sekcje zazwyczaj określają powiązane grupy informacji - podczas gdy znaczniki div naprawdę nie określają niczego i są zwykle używane jako elementy potomne :)

Jeśli chcesz przeczytać więcej, możesz to sprawdzić ta odpowiedź co moim zdaniem całkiem dobrze to pokrywa.

Aby odpowiedzieć na twoje pytanie, albo zadziała - jest to bardziej stylistyczny wybór i jak chcesz zorganizować informacje na swojej stronie.

Największą różnicą funkcjonalną tego, co robisz, jest semantyczna różnica znaczenia między <section> i <div>. <div> nie ma znaczenia semantycznego, używaj go dla stylu, separacji, dodaj własne klasy i identyfikatory, cokolwiek. Z drugiej strony, <section> elementy zazwyczaj mają nagłówki wewnątrz lub przynajmniej uzyskują wpis w konturze dokumentu.

W tym przypadku polecam rozpoczęcie od <div>, szczególnie w środku <aside> element.