Comments 17
зы. но статья, имхо, какая-то очевидно-бессмысленная.
В первую очередь семантика нужна пользователям. Какие могут быть пользователи:
1. Обычные люди
2. Поисковые роботы
3. Специализированные парсеры
Обычные люди не читают код, но некоторые люди слушают сайты с читалок. Семантичная разметка позволяет им работать быстрее, за счёт более эффективной навигации по странице.
Поисковым роботам тоже семантичная разметка нравится. Например, гугл парсит с сайтов расписания и выводит в свой виджет в поиске, если расписания на сайте свёрстаны таблицей. Так как семантика таблиц – набор многомерных связанных данных. И использование таблиц для разметки таких данных – это и есть семантика.
Про парсеры сайтов не мне рассказывать бэкенд-программисту. Чем более структурированно свёрстана страница, тем удобнее её парсить. Чтобы получить уникальное содержимое каждой страницы, вы идёте внутрь тега main, находите там нужный раздел и выдираете содержимое списка. Понятно, что можно ориентироваться и по классам, но если помимо классов ещё и теги правильные в разметке, то как-то спокойнее.
Вообще, делать семантическую вёрстку для профессионального верстальщика – это вопрос профессионального самоуважения и культуры кодирования. Это точно такой же вопрос, как у обычных программистов умение понятно называть переменные/классы/методы.
Сейчас тренд такой, что в первом приближении семантика = доступность (не только для слепых/инвалидов, для людей за рулем, например, тоже). Соответственно, с правильной разметкой блоков «основной контент», «навигация», «побочная информация» и т.п. и правильной структурой заголовков юзер читалки сможет быстро понять, что вообще есть на странице, и перейти сразу к нужному, а без нее читалка будет долго и нудно читать ему всё подряд. А за отсутствие доступности в некоторых странах уже штрафуют...
Но новомодные footer\section — не панацея, потому что те же читалки за 10 лет так и не научились строить иерархию заголовков с их учетом. Поэтому слишком сильно упарываться по семантике, может, и впрямь не стоит (пока?), важнее тестировать с разными читалками на практике.
В законах (американский Section 508 например) есть лишь требования по доступности к государственным сайтам и производителям операционных систем.
Суд США приравнял сайты к публичным местам. В общем приехали.
кому кроме программистов\верстальщиков действительно нужна семантика в html
Вот верстальщикам семантика точно не нужна =)
Структурированная информация нужна программам — читалкам, поисковым системам, skynet…
А можно практический пример на что влияет использование secion? Ну кроме уже лет 6 длящегося — вот когда все начнут писать тогда наступит семантическое счастье
Мораль: используйте новые структурные HTML-элементы только если вы понимаете, как они работают.
Эм, я ждал когда же раскроется интрига, но внезапно статья кончилась =\ Итого, в чем же подводные камни section? В чем сложности и опасности использования в футере? А если в header или sidebar? Может браузер как то оптимизирует подгрузку и отображение?
Секции в футере