Когда лучше использовать section и когда div?

Question

[RushV]

Здравствуйте!
Такой вопрос, лучше при вёрстке блока использовать тег section или div?
Такой вопрос, я вот использую boostrap 4.
Правильнее будет вот так:

<section>
     <div class="container">
          <div class="row">
              <div class="col">
              <article>
             </article>
             </div>
         </div>
      </div>
</section>

Или вот так:

<div class="container">
       <section>
          <div class="row">
              <div class="col">
              <article>
             </article>
             </div>
         </div>
       </section>
      </div>

Comments

[Ankhena]

Не понятно, почему вы не можете применить container к section и делаете лишнюю обертку при наличии section.

А тег выбирайте исходя из семантики, т.е. его смысла.
Обычно можно проверять так: если вы можете придумать адекватный заголовок содержимому, а не "блок в котором валяются и контакты и 3 товара из спец.предложения", то это section или article.
А если это обертка ради обертки, то div.

[RushV]

Ankhena, Спасибо!

Answer 1

[iBird Rose]

Чем отличается тег section от article?

Answer 2

[Alex]

Этот элемент вам нужен для чего?

• Это контейнер какого-то логического блока? Контейнер компонента? Тогда <section>
  
• Этот элемент вспомогательный для оформления какого-то логического блока, компонента? Тогда <div>