Как стать автором
Обновить

Как улучшить доступность сайтов с помощью семантического HTML: стандарты семантики

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров1.1K
Всего голосов 11: ↑10 и ↓1+13
Комментарии5

Комментарии 5

Спасибо за хорошо оформленный текст и подачу. Когда был подростком писал в блокноте странички, которые довольно неплохо выглядели, хотя в ту пору процветала вёрстка на таблицах и невидимых однопиксельных костылях.

Скажите, а сегодня можно сделать легковесный сайт на голых html\css со статичным содержимым?

Спасибо за комментарий) Чисто статичный сайт можно сделать, например, лендинг без сложных анимаций. Что касается верстки на таблицах — она до сих пор используется, например, в email-рассылках.

Скажите, а сегодня можно сделать легковесный сайт на голых html\css со статичным содержимым?

Конечно можно. HTML/CSS как работали в браузерах, так и работают. Всё ещё можно в блокноте написать HTML, стилизовать его через CSS и разместить на хостинге. Более того, так и стоит делать на мой взгляд, если сайт действительно простой.

Не совсем верно насчёт тегов header и footer, всё-таки изначально они были сделаны для разметки основного контента, а не блоков страницы.

В принципе h1 на странице может быть несколько. Допустимо использовать h1 для заголовков section и article. Поисковики это воспринимают нормально, хотя такая практика нежелательна.

За output отдельное спасибо!

В принципе h1 на странице может быть несколько. Допустимо использовать h1 для заголовков section и article. Поисковики это воспринимают нормально, хотя такая практика нежелательна.

<h1> в <section> (и других элементах секционирования) был частью алгоритма outline, который ни в одном из браузеров никогда не был реализован. Единственное что было сделано - это стили в зависимости от вложенности, но их сейчас планируют удалять. А упоминания возможности вкладывать <h1> в элементы секционирования удалили из спецификации года полтора-два назад.

Кроме того, если все заголовки будут <h1>, поисковики то поймут, а вот вспомогательные технологии будут строить плоское дерево без иерархии, а это важно пользователям вспомогательных технологий. Также есть различные расширения, которые строят table of content из структуры заголовков.

Так что не стоит использовать <h1> внутри <section>, даже если поисковики это понимают.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории