Валидненько
Интересно, о какой валидации можно говорить, если такие гиганты как facebook и youtube предоставляют для вставки невалидный код? Нет, ну я понимаю, что все нужно править самостоятельно. Но вот ровное место.
Еще один смешок. Я выделил одну важную штуку тегом <section>
, посчитав это оправданным в том контексте семантически. То не был <артикль>
или <нав> с <асайдом>
в моем понимании. Валидатор заругался и потребовал заголовка уровня h2-h6. Мне там заголовок не сплющился. Я взял и заменил <section>
на ненавистный многим <div>
(те же люди, совсем недавно еще, становились горячими и белыми от табличной верстки, иводзимя стяг с дивом куда не попадя). Валидатор скушал и облизнулся.
Моя семантика требовала секса <section>
! Я автор. Я прав. У меня видение без видений. И что теперь? Кто-то будет учить меня семантике в моем личном произведении?
Чем был раньше HTML? Разметкой. Самодостаточной. Каждый элемент что-то значил и отличался от другого внутренне и внешне. Создавая безо всяких там CSS и JS удобочитаемую страничку. Что теперь? Куча тегов, которые ничем не отличаются друг от друга, и все отличия нужно задавать через css с километрами вложенных селекторов. Так на кой мне, простите, все эти секции и артикли, ежели я могу с тем же успехом обходиться дивами с семантичными для меня классами и айди?
Что есть семантика? Кем она определяется? И почему? Покажите мне единый стандарт html-семантики, понимаемый и отображаемый всеми устройствами вывода одинаково (тождественно, однотипно).
Вот мой зимний блог. В нем нет хедера. Мне он там не нужен. Нет там транспаранта с криком на полстраницы. Нет там и навигации. И асайда, то есть сайдбара. И футера по сути нет. А блог есть. Структура проста до посинения. Заголовки, параграфы, рисунки, ифреймы, с повторением таких «сообществ» пару десятков раз внутри одного единственного дива с айди «блог». Куда мне тулить секшныны и артикли? И зачем? Оборачивать? Разделять? Запутывать?
<div class="header" role="heading"> <div class="container clearfix">
Вот так на исходе 16-го года верстают весьма уважаемые люди, берущие за свои труды мзду, на порядки превышающую годовой доход среднестатистического жителя Украины. Никто не парит себе и людям мозг этой неявно, неуверенно, неконтролируемо, неподдерживаемо реализуемой семантикой, только фанатики. Но на то они и.
Что же там намутили в HTML5.1, даже страшно представить. А придется с этим работать. И как-то между этих струй просачиваться.
Все эти терки с дурацкой семантикой запудривают, залепливают глиной, возводят стену вокруг действительно классных новохтмлшных штук, делающих жизнь разработчика и заказчика лучше и веселей. Да хоть бы и вот.
Пяток примеров:
1) Заключаем в теги ссылку на <audio> или <video> и оно проигрывается без всяких проигрывателей, флэша и скриптов.
2) Чудесный доктайп <!DOCTYPE html>
— ясный и простой, не требующий ничего навешивать. И вообще куча упрощений в этом роде: <meta charset="UTF-8">, <script src="jq.js"></script>, <link rel="stylesheet" href="style.css">
3) <canvas>
, позволяющий творить всяческие чудеса с рисованиями и анимациями, хранилищами и даже играми. К примеру (наконец-то сгодился для чего-то страничк) вот здесь у меня все бэкграунды рисуются с помощью возможностей этого тега.
4) Куча новых атрибутов и типов для полей ввода (input) форм, например, =e-mail искаропки проверяет корректность ввода. И прочее — подсказки, выборы дат, ползунки, авдополнения… Автофокус, наконец.
5) Микроданные. Штука незаменимая для всяческого ранжирования и поискования. Это та семантика, которая никому не мешает, но при этом приносит пользу.
Несколько однотемных публикаций:
- 22.09.2016 Firefox 49 и некоторые расширения
- 21.09.2016 Нативный спойлер
- 20.09.2016 Танцуем
- 20.09.2016 СУКи
- 19.09.2016 Композеры
- 13.09.2016 Увага, шрифти!
- 12.09.2016 Koala + Sass