Зачем нам нужны элементы нижнего колонтитула, nav, когда мы можем использовать div

Question

Я очень новичок в HTML, поэтому мой вопрос может быть хромым, простите меня за это. Я создал макет для своего первого сайта и заметил, что могу использовать только < div> тег для создания мой нижний колонтитул, необязательно использовать < footer> tag для нижнего колонтитула. Это не имеет никакого значения. Итак, у меня есть вопрос, как «что именно тот случай, когда < колонтитул> имеет преимущество по сравнению с только < DIV> тега. (Должно быть некоторое преимущество, и именно поэтому он находится в HTML). То же самое и я нашел для < статья> тег без < артикула> тега может создать страницу контента только используя < DIV> тега. Любой мог угождает объяснить почему мы действительно нуждаемся колонтитул и статьи (весь такого элемент)?

Спасибо за помощь. Я очень ценю.

Answer 1

HTML5 Элементы, такие как статья, заголовок, нижний колонтитул, основной, в сторону и многое другое, используются для семантики - для добавления значения в код. Человеку легче читать и редактировать код, когда вы знаете, что элемент используется в качестве заголовка, например.

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

Answer 2

footer, article, header и другие новые теги html5, которые помогут вам структурировать вашу страницу более всеобъемлющим и естественным способом. Это будет намного легче обрабатывать, когда вы будете использовать CSS-код для его форматирования. Вы можете, конечно, использовать теги div с атрибутами id или class, но ваш код будет более четким с этими новыми тегами. Я думаю, он также может быть полезен для поисковых систем, которые анализируют содержимое ваших страниц.

Answer 3

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

Answer 4

Основное объяснение:

Просто все ваши ссылки, рассеянные в ваших веб-страниц не может быть навигация. Они могут остановиться в простой <a href=''..>**</a>. Ссылки, заключенные в nav, обозначают основные навигационные ссылки веб-страниц. Аналогично нижний колонтитул обозначает нижние колонтитулы.

Использование этих тегов полезно для чтения с экрана, сохраняет наш код чистым, семантическим и совместимым с современным браузером. Nav, footer, articles and section etc - стандартизация HTML5 элемента DIV.

Далее, эти теги легче выбрать для проектирования без использования каких-либо дополнительных классов, как мы часто использовали раньше (возможно, все еще используем). Например, мы можем выбрать footer только footer{..} , nav{..} и т. Д. Вместо <div class="footer"> or div class="nav">.