Что использовать вместо div?

-4

В спецификации HTML WHATWG сказано, что в отношении элемента div мы должны стремиться не использовать элемент div.

В нем говорится:

Авторам настоятельно рекомендуется рассматривать элемент div как элемент последней инстанции, поскольку ни один другой элемент не подходит. Использование более подходящих элементов вместо элемента div приводит к повышению доступности для читателей и упрощению обслуживания для авторов.

Итак, что мы должны использовать вместо divs?

спросил(а) 2021-01-25T16:10:06+03:00 4 месяца, 4 недели назад
1
Решение
117

Используйте то, что имеет смысл для структуры вашего документа. Если вы пишете статью, используйте элемент article. Определение сегментов внутри документа? Рассмотрим тег section. Необходимо отметить заголовок документа? Используйте элемент header.

<article>
<header>
<h1>Foo Title Here</h1>
</header>
<p>Article content can go here.</p>
<p>Note how meaningful this document structure is.</p>
<footer>
<!-- Links, etc. -->
</footer>
</article>

Подумайте об этом, каждый документ начинается с семантически значимых тегов: мы завершаем наш HTML-документ тегом <html>. Внутри мы определяем <head> и <body>. Внутри главы мы предоставляем <title>, возможно, несколько <script>, и связываем некоторые таблицы стилей с помощью <link> или <style>.

Поскольку все следуют этим правилам, это пугает разум, почему они отказываются от этой последовательности и предпочитают использовать неопределенные и полунезависимые теги, такие как <div> чтобы определить важные части их документа.

Сравните документ, составленный из неопределенных и бессмысленных тегов:

<div>
<div>
<div>Foo Title Here</div>
</div>
<div>Article content can go here.</div>
<div>Note how meaningful this document structure is.</div>
<div>
<!-- Links, etc. -->
</div>
</div>

Довольно бессмысленно, правда? Всегда используйте правильный инструмент для работы.

ответил(а) 2021-01-25T16:10:06+03:00 4 месяца, 4 недели назад
77

Читая следующую строку ссылочной спецификации, они приводят несколько примеров:

Например, сообщение в блоге будет помечено с помощью статьи, раздела, использующего раздел, вспомогательных средств навигации по страницам, использующих nav, и группы элементов управления формой, использующих fieldset.


Поэтому, если это возможно, вы должны использовать элемент с более смысловым значением, чем элемент div.

ответил(а) 2021-01-25T16:10:06+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема