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

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

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

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

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

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

Вход На Сайт
Автоматизация входа на сайт на современном уровне развития международной интернет сети одна из наиболее важных функций on-line бизнеса, с которой сталкивается чуть ли не каждый пользователь ежедневно по много раз.