Об авторе
Александр Ростов
Рейтинг статьи: Нет оценок
Об новшествах HTML5 применении их и улучшении кода
Смотреть PDF | Просмотр печати
от: Guest
Просмотров: 295
Слов: 436
HTML5.0 уже сегодня! Не минуло и 10 лет, как W3C обновил язык вывода WEB страниц HTML. Устаревшую версию 4 заместила новая версия 5, какая в первую очередь направлена на пользователя, потом на вебмастера, а уже потом на разработчиков браузеров. В HTML5 усовершенствована семантика, HTML теги стали более понятливыми для простого человека. Кроме того были добавлены теги для важных блоков страницы: header, section, article, aside, nav. header – шапка страницы, section - определенная секция, можно присвоить id или class, article – блок со статьей или с любым другим ключевым содержанием страницы, aside – боковой блок сайта, в котором обычно помещают навигацию по сайту, те в данном случае тег nav. Назначение каждого из тегов можно додуматься с названия, в этом и эволюция, но кроме этого, эти блоки можно быстро вызывать в коде странице и в CSS стилях. Смотрите: вместо
мы можем написать просто , а в CSS коде, вместо #article просто article, согласитесь так лучше? Каждому с этих элементов можно задавать свой класс или идентификатор, и в CSS описывать его к примеру так: article.class, article#id. Но в семье не без дурака, IE6-7 не понимает этих новинок, для него и был написан Java скрипт, вот его содержание:
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
кой нужно вызвать в head. Так, же рекомендуется добавить следующую строчку в CSS:
header, nav, section, article, aside, footer {display: block}
Кстати чтобы данная страница начала валидироватся уже по HTML5 стандартам назначьте новый DOCTYPE:
JS скрипты теперь можно вызывать без атрибутов, просто прописать путь в src. Кроме сокращения тегов были запреты запреты из отдельных, к примеру, тега target. Теперь вы можете не возится с вызовом нового окна, а просто применять targer="_blank" – код будет валидным. Учитывая то, что HTML5 может читать любой браузер, даже ИЕ с использованием хака – нововведение считается удачным, чего не скажешь об CSS3, но это уже другая история.
Что касается мультимедиа, так видео, аудио теперь можно просматривать в браузере без использования Flash плеера, а с помощью самого же браузера, но это нововведение пока поддерживает Safari, Opera10.5 и Google Chrome.
"Какая выгода мне от применения HTML5" - по видимость задаете вы себе подобный вопрос читая данную статью. Google лучше ранжирует сайты с использованием технологии HTML5, ибо код намного чище, а назначение новых блоков даже боту понятно. Кроме того, вы сами перестанете путаться в коде, ибо можно обойтись вообще без различных div’ов применяя классы и идентификаторы новых тегов.
Автор статьи - блог вебмастера .
Рейтинг статьи: Нет оценок
Рейтинг статьи: Нет оценок