HTML5 Введение
Как и обещал, начинаю цикл статей, посвященных последней версии HTML за номером 5. Цум воль!
Ни для кого не секрет, что мы сейчас живем в бурном море Интернет-медийной информации, где видео и звук давно потеснили древние текстовые портянки с убогими гифками. Любой более-менее современный сайт, не говоря уже о соц. сетях, изобилует медийной составляющей, а также интерактивен по самое нихочу. И все бы замечательно, но устаревший HTML4 и всевозможные Java-примочки уже исчерпали свои возможности. Для отображения всего этого добра приходится использовать либо сторонние программы и сервисы, либо рулить что-то громоздкое и не всегда адекватно работающее.
Кроме того, поголовная мобилизация всего и вся, а также внедрение Интернета во все, что жужжит и питается электричеством, также обязывает разработчиков сайтов учитывать особенности каждого из возможных девайсов, чтобы они отображали сайт хотя бы примерно одинаково и функционально.
HTML5 призван устранить все проблемы и сделать сайты легче, проще и, самое важное, семантически правильными. Что это значит?
Исследование огромного количества современных сайтов выявило в их структуре следующие характерные черты:
1. Подавляющее большинство имеет типичную структуру: шапка, навигация, контент, подвал.
2. Подавляющее большинство также имеет в названиях этих блоков соответствующие слова: header, nav, article, footer.
Логика проста: раз уж большинство вебмастеров так обзывают функциональные блоки своих сайтов, то почему бы не зафиксировать это в стандарте? Как, например, всем и каждому известные тэги p, a или ul. Сказано — сделано! Теперь эти тэги официально входят в состав HTML5.
Но все не так просто на самом деле. Спрашивается, зачем городить огород, если и так все успешно используют нейтральный тэг div с соответствующим id или классом и спокойно курят бамбук?
Вот тут как раз и выходит на сцену слово семантика. Для HTML5 оно является практически ключевым. А все из-за расплодившихся разнокалиберных PDA-устройств. Экранчики и возможности у каждого разные. Как сделать так, чтобы все они хорошо отображали сайт? Нужна какая-то стандартная схема. Ведь не станешь же, на самом деле, прописывать в стилях все возможные варианты размеров.
