В чем плюс HTML5 тегов?

Question

[Lici]

Чем использование HTML5 тегов вроде article, aside, footer, nav и прочих лучше, чем использование обычных div-ов? Кроме небольшого плюса в удобстве чтения кода.


Синтаксис взаимодействия с CSS файлом, насколько я понимаю, остался прежним? Те если было в коде div style=«xxx» и в css .xxx и было в коде div id=«xxx» а в css #xxx то от замены div-a на article того же стиля/класса/id — не меняется ничего?

Answer 1

[Вячеслав Слинько]

Только семантика.

Comments

[Lici]

Те можно менять туда-сюда article на div и обратно и эффекта ноль?)

[Вячеслав Слинько]

Именно.

Answer 2

[Игорь Чернышев]

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

Answer 3

[alt-j]

Конечно, визуально вы разницы не заметите, но все надо использовать по назначению. Если же вы используете html5 и новые теги, то, наверное, стоит внимательно изучить что и для чего предназначено. Просто и ссылку можно же сделать в виде кнопки, но почему-то адекватные люди, без особых причин, так не делают.

Answer 4

[Deenamo]

Еще один момент немного «из будущего», но благодаря семантике проще парсить страницы для, например, внешних сайтов-аггрегаторов или сторонних приложений-«читалок».

Answer 5

[Ekseption]

Насчет аргументов клиентам, я бы еще добавил — лучшую поддерживаемость html5 кода. Семантика важна не только для поисковиков, но и для разработчиков, имхо

Comments

[Lici]

Всмысле читабельность.

Answer 6

[pcdesign]

Еще возможность использования микроданных:
support.google.com/webmasters/bin/answer.py?hl=ru&answer=176035

Answer 7

[ferasinka]

Это как <em> и <i>.
Визуально обычно одинаковы, но, например,
те же самые поисковые системы могут иначе обрабатывать слова,
находящиеся в тегах <em>, тем самым улучшая релевантность вашего документа.

Answer 8

[MT]

Смотря что считать эффектом от использования структурных элементов HTML5.

Поисковики, например, могут придавать меньшее значение элементам ASIDE (либо не индексировать их вовсе) и большее — элементам SECTION.

Заключение навигации в элемент NAV может предотвратить отображение текста навигационных ссылок в составе выдержки («сниппета») из исходной страницы в результатах поиска.

Элемент TIME с атрибутом pubdate (несмотря на тот факт, что формально этот атрибут удалён из спецификации) может использоваться для определения даты публикации материала. И т. д.

Answer 9

[egorinsk]

Сейчас от этого только минусы: необходимость добавлять яваскрипт-код для совместимости со старыми ИЕ. Я бы использовал дивы, пока HTML 5 не станет лучше поддерживаться.

Comments

[Lici]

Я по возможности использую HTML5 и пересаживаю людей на нормальные браузеры. Но мне нужны аргументы, которыми я смогу отбиваться от «зачем мне все эти ваши HTML5, если у меня в IE6 все едет. сверстайте лучше все на таблицах вообще». Вот теперь есть аргумент насчет поисковиков.

А с поддержкой браузрами я борюсь так: заключаю содержимое в блок header допустим, а самому блоку никаких свойств не даю. Зато поверх/внутри него делаю div со всеми свойствами. Костыль, да. Зато работает и в ссаном IE<9 ничего не плывет.

[egorinsk]

> Но мне нужны аргументы, которыми я смогу отбиваться от «зачем мне все эти ваши HTML5, если у меня в IE6 все едет.

А мне кажется, главная задача верстальщика — сделать, чтобы страница отображалась и работала наилучшим образом на устройствах пользователей (ну и еще хорошо бы сделать ее логичной и поддерживаемой для дальнейшего развития), а не использовала максимальное количество новомодных технологий. Пользователю неинтересно, какую версию языка вы используете. И если бы эту задачу лучше всего решала табличная верстка, стоило бы ее использовать (на самом деле, даже ИЕ6 поддерживает CSS2, и в нем выгоднее использовать дивы). И наоборот, если использование article вместо div давало бы выгоду, стоило бы использовать эти теги. Но я пока этой выгоды не вижу и у меня такое ощущение, что их используют только ради того, чтобы поставить модный значок HTML 5 (5 — это же круче, чем 4, скажет любой маркетолог). Ололо, некоторые верстальщики даже с float и clear разобраться не могут, зато пишут на HTML 5 и CSS3.

Ну а пересаживать людей — это смешно. Если какой-то мелкий сайт говорит, что он не хочет работать в моем браузере, мне проще зайти на аналогичный, но нормально отображающийся, чем скачивать и что-то устанавливать. Менее квалифицированные пользователи тем более делать это не станут (тем более, что в последнее время «обновить Оперу» предлагают в основном разработчики троянов).

[Lici]

Для на рынке:
IE6 — 0,3%
IE7 — 0,8%

Если я делаю для себя или не для себя, но не на коммерческой основе — никогда не буду улаживать проблемы с IE.

Если я делаю кому то — см выше, сделаю костыли с вложением div в header и пр.

А насчет пересаживания — я не говорил, что сайт будет просить сменить браузер. Можно же взять и человеку на комп руками поставить IE10 и объяснять, что старый IE кака, а новый — хороший.

[Lici]

А если Вас парит этот 1% и вы проверяете работу сайта в IE<8, то должны тогда проверять и во всех популярных Linux-ах и на маке и с айфона и с андроидовских всех браузерах. Их всех — больше, чем устаревших IE. И все они нормально едят HTML5 и CSS3.

[MT]

Для старых IE есть HTML5Shiv, а пользователей старых IE с отключённым JS на порядки меньше, чем даже всех пользователей старых IE 6/7/8, которых сейчас в сумме осталось всего около 5%.

[Lici]

Увы, но HTML5Shiv мне на днях не помог. Вернее помог, но не до победного финала.

[MT]

В чём именно не помог вам HTML5Shiv?

[Lici]

1) По непонятной мне причине эффект наблюдался только для главной страницы, хотя код вставлял в header который есть везде
2) Сайт продолжал сыпаться в IE7, даже главная страница.

в итоге заменил на div-ы