Bootstrap и html5 - раздел или div?

У меня вопрос относительно использования Bootstrap - я вижу, что по умолчанию они используют много DIV вместо разделов и т.д.

В последнее время я читаю спецификацию HTML5 - когда использовать раздел и когда использовать div. Основная идея заключается в том, что DIV следует использовать только в том случае, если какой-либо конкретный элемент HTML5 не применяется.

Теперь, если я хочу создать веб-сайт HTML5 с использованием Bootstrap, следует ли изменить DIV на определенные HTML-элементы (например, SECTION)?

Ответ 1

Это действительно зависит от содержимого вашей страницы, но в основном вы можете использовать теги HTML5 и применять классы начальной загрузки следующим образом:

<section class="row">
    ...
</section>

<footer class="row">
    ...
</footer>

Но, как сказано, это зависит от вашего контента, и даже больше, вы не вынуждены использовать теги <section>, они имеют определенную цель для представления общего документа или раздела приложения, и они не являются обязательными.

Теги <div> - это общий тег, обычно используемый для стилизации, как в бутстрапе. Но если вы хотите сохранить теги <section>, возможно, вы можете предпочесть смешанное решение, подобное этому:

<section>
    <div class="row">
       ...
    </div>
    <div class="row">
      ...
    </div>
</section>

С этим решением тег <section> используется для группировки содержимого, как и должно быть, и тегов <div> для его стилизации.

Ответ 2

Section не предназначен для целей дизайна, он имеет конкретное значение. Он указывает отдельные разделы/части веб-страницы. С другой стороны, div не имеет конкретного значения. Вы можете использовать div анонимно для управления внешними стилями.

Ответ 3

Насколько я читал раздел использования, это правильная семантика и помогает с SEO.

Ответ 4

Теги разделов используются для сегментации ваших веб-страниц и оптимизации его оптимизации, в то время как divs используются для стилизации вашего содержимого.