Статьи для ВСЕХ!

Об новшествах HTML5 применении их и улучшении кода

Версия для печати
Автор: telasic
Просмотров: 98
Слов: 414
Рейтинг: Нет оценки

HTML5.0 уже сегодня! Не минуло и 10 лет, как W3C обновил язык гипертекстовой разметки HTML. Версию 4 заменила свежая версия 5.0, которая в первую очередь направлена на пользователя, потом на вебмастера, а уже следом на разработчиков серфинг-софта. В HTML5 усовершенствована читаемость кода, HTML теги стали более понятливыми для простого человека. Кроме того были добавлены теги для важных блоков сайта: header, section, article, aside, nav. header – шапка сайта, section - определенная секция, можно задать id или class, article – блок со статьей или с любым другим ключевым содержанием страницы, aside – боковой блок сайта, в котором обычно помещают рубрики сайта, те тег nav. Назначение тегов можно додуматься с названия, в этом и эволюция, но кроме этого, эти блоки можно быстро вызывать в коде странице и в CSS стилях. Смотрите: вместо мы можем написать только , а в CSS коде, вместо #article просто article, согласитесь так проще? Каждому с этих элементов можно задавать свой класс или идентификатор, и в CSS описывать его к примеру так: article.class, article#id. Но в семье не без дурака, ИЕ6-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 может читать каждый браузер, даже IE с использованием хака – нововведение считается удачным, чего не скажешь об CSS3, но это уже иная история.
Что касается мультимедиа, так видео, аудио теперь можно просматривать в браузере без использования Flash плеера, а с помощью самого же браузера, но данное новшество пока понимают Safari, Opera10.5 и Google Chrome.
"Какая выгода мне от применения HTML5" - наверное задаете вы себе данный вопрос читая данную статью. Google лучше ранжирует порталы с использованием технологии HTML5, ибо код намного чище, а назначение новых блоков даже боту ясно. Кроме того, вы сами перестанете путаться в коде, ибо можно обойтись вообще без всякий div’ов используя классы и идентификаторы новых блоков.
Автор статьи - CSS верстка .

Тэги к статье

HTML5, дизайн, верстка, HTML теги, CSS3, CSS атрибуты, PHP хаки, Java скрипты, PHP программирование,

Читайте также в нашем каталоге:

• КАК СОЗДАТЬ ДОМАШНИЙ БИЗНЕС БЕЗ ДЕНЕГ И ЗНАНИЙ
• БЕСПЛАТНЫЕ ЭЛЕКТРОННЫЕ КНИГИ как генератор КОЛОССАЛЬНОГО ТРАФИКА на Ваш сайт
• Интернет-трейдинг через МетаТрейдер 4
• Партнерские программы как споcоб заработка в сети
• Откуда взялся «Превед» и сколько уже удалось на нём заработать? Очень Много!

Комментарии

Добавить комментарий