Comments 28
Не знал про то, что datalist можно использовать не только с текстовым полем
За исключением тегов которые «что-то делают», было бы классно объяснять «зачем». Всякие kbd abbr вполне заменяются span/div, так что выглядят бессмысленными.
Спаны и дивы ничего не говорят о том, какое содержимое находится в них. А если использовать специфические теги, то это может улучшить индексацию поисковиками, а так же работу с вэб-страницей для слепых, которым скрин-ридер будет зачитывать содержимое страницы и может в зависимости от типа тега озвучивать по-разному.
html всегда нёс семантику, не только визуальную разметку: подумайте например про системы ранкинга, перевода, голосовой вывод, брайлевский дисплей итд.
Скринридеры и их пользователи скажут Вам спасибо за семантику.
Да да, а потом читаешь дичь типа <input type="button">, зачем, а главное зачем? Когда есть тэг <button>
Пример использования в математическом выражении:
Можно не надо такое?
Вы упомянули атрибут disabled, но забыли про readonly.
Я требую восстановить справедливость!
Статья не полная, в html еще много малоиспользуемых тегов и атрибутов! /s
Спасибо за статью, про много чего не знал. В мемориз
<details> и <summary>,кстати, допускают несложную CSS стилизацию, делающие их красивым нативным аккордеоном
Спасибо, узнал из статьи, что sub/sup/kbd и прочие древние теги не всеми браузерами поддерживаются.
Спасибо! Сравнение samp с code понравилось, теперь точно запомню для чего samp нужен :)
Спасибо. Интересно и, надеюсь, полезно.
Привели процент совместимости с браузерами. С прикладной точки зрения, думаю, полезнее процент охвата аудитории.
Т. Е. Если в 3,45% несовместимых браузеров входит IE11 , а Вы верстаете для веб-приложения в "кровавом энтерпрайзе", то поддержка 96,55% актуальных браузеров капитулирует перед " Мы не будем обновлять парк терминалов в ближайшие годы" / "IE11 будет входит в эталонный образ и точка"
Спасибо! Некоторые детали были новыми для меня!
Про <dialog> ещё бы рассказали - тоже относительно новый тэг
Супер! Спасибо :)
Проблема всех этих тэгов это совместимость.
Немного странно приводить caniuse скриншотами — пройдет совсем немного времени, и ситуация изменится. Вряд ли кардинально, но всё же.
В остальном — спасибо за статью. Особенно интересно про datalist.
Жаль всё ещё нет адекватного тега multiselect. На данный момент <select multiple> это просто открытый список, в котором с помощью ctrl нужно выбирать варианты, а в мобильном варианте он работает идеально.
Сокровища HTML: 7 тегов, которые упростят вам жизнь