О новшествах HTML5 применении их и улучшении кода
|
Добавлено: Гость | 30.03.2010 |
HTML5.0 прямо сейчас! Не минуло и 10 лет, как W3C обновил язык гипертекстовой разметки HTML. Версию 4.01 заместила свежеиспеченная версия 5, коя в первую очередь разрабатывалась для пользователя, потом на вебмастера, а уже потом на разработчиков браузеров. В HTML5 усовершенствована читаемость кода, HTML теги стали более понятливыми для простого человека. Кроме того, появились теги для коренных блоков страницы: header, section, article, aside, nav. header – шапка страницы, section - определенная секция, можно задать id или class, article – блок со статьей или с любым другим ключевым содержанием страницы, aside – боковой блок сайдбар, в котором обычно помещают навигацию по сайту, те в данном случае тег nav. Назначение тегов можно догадаться с названия, в этом и эволюция, но кроме этого, эти блоки можно бойко вызывать в коде странице и в CSS стилях. Глядите: вместо мы можем написать только , а в CSS коде, вместо .article просто article, согласитесь так проще? Произвольному с этих элементов можно задавать свой класс или идентификатор, и в CSS описывать его к примеру так: article.class, article#id. Но в семье не без дурака, ИЕ5-8 не поддерживают этих новинок, для него и написан Ява скрипт, вот его содержание:
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
который надо вызвать перед body. Так, же рекомендуется добавить следующую строчку в 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’ов употребить классы и идентификаторы новых тегов.
Автор статьи - JS скрипты .
Об авторе
http://thelast.ru
Условия перепечатки
При репосте статьи "О новшествах HTML5 применении их и улучшении кода", пожалуйста укажите источник - сайт http://www.iphosting.ru/ (Платный профессиональный хостинг) — и информацию об авторе.Смотрите также
Значение Внешнего Вида Вашего Сайта
Joomla Templates Here! Cheapest Joomla Templates in the internet!!! Original Joomla Templates!!! Creating custom joomla templates. Quality Joomla themes.
Секреты Web-Программирования
В последнее время среди программистов и разработчиков все большей популярностью начинает пользоваться язык программирования PHP, он позволяет пользователю в довольно короткие сроки создать большое количество страниц HTML, на что потребововалось бы на много больше времени при выборе более стандартных языков.