IPHosting (платный профессиональный хостинг)

Здравствуйте, Гость

Главная страница » Интернет-бизнес » Программирование » О новшествах HTML5 применении их и улучшении кода

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

Добавлено: Гость | 30.03.2010
Просмотров: 9324
Слов: 418
Рейтинг: 0.33


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/ (Платный профессиональный хостинг) — и информацию об авторе.
Смотрите также

Партнерские программы
Создавая сайт или блог, вебмастер имеет цель – получить максимальную прибыль с него.
Для того, чтобы добиться желаемой цели необходимо не только заниматься раскруткой и оптимизацией сайта. Нужно правильно использовать те возможности которые дает данный сайт.

Языки веб-программирования, что это такое.
Что такое серверные и клиентские языки веб-программирования.