HTML 5 - краткий обзор

Данная статья скорее немного ознакомительная, постараюсь собрать как больше информации, хотя не знаю насколько полезно это будет. Так сказать, небольшое знакомство с HTML5. Часть этой информации разбросано в интернете, просто постарался собрать вместе. Говоря о кроссбраузерности. Если вы используете HTML5, то забудьте про старые браузеры. Большинство браузеров старых версий не понимают его, HTML5 IE понимает лишь с девятой версии.
Остальные новые браузеры лишь частично понимают HTML5. Начну с самого основного.

Doctype пятой версии языка разметки вэб страниц HTML5 выглядит следующим образом:

<!DOCTYPE html>

HTML5 вводит новую разметку вэб страниц. Вводят новые элементы, которые по функциональности эквиваленты таким тегам как div и span, но более понятны, имеют семантическое значение, вследствие чего облегчат работу поисковым системам.

В HTML5 включеные следующие новые элементы:
header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas

Обьясняю, что да как:

header - Определяет область "головы" сайта, шапка короче. Атрибутов никаких не имеет, закрывать тег обязательно.

Пример:

<header><h1>This my fuckin` web site</h1></header>

Осел до восьмой версии игнорирует данный тег.

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

К примеру:

footer - определяет область подвала.

<footer> Все права принадлежат мне и только мне. А после моей смерти птице на том дереве. Связать со мной нужно через ЦРУ.
</footer>

IE снова нас радует. Идем дальше.

article - определяет область содержания основной статьи или новости.

Используется так:

<article>
Давай-те порассуждаем о том какая рок-группа всех порвет!
text text text
</article>

IE и здесь нас радует. А вообще чтобы не ломать себе голову кроссбраузерностью, лучше забудьте про хтмл5, хотя...

aside - Данный тег определяет область с блоком справа или слева, сайдбар в общем.

<aside>
Читайте нас в твиттере:
---
Бла бла
</aside>

На основе теста, который хоть уже и был сделан довольно давно можно судить так, лучше всего понимают HTML5 Safari, Opera, Chrome.

Похожие материалы
Кратко о блочной верстке на базе html5 Блочная верстка является самым главным камнем преткновения на пути к созданию качественного портала. Ведь каки...
Все о внутренней оптимизации сайта После создания сайта Вам не терпится, чтобы он был доступен потенциальным посетителям. Задача, для человека не...
5 полезных плагинов для комментариев на блоге WordPress Наличие формы добавления комментариев на блоге - это один из важных моментов его дальнейшего развития и популя...
Не публикуются планируемые публикации? Сколько уже сказано о регулярности, с которой необходимо выкладывать новые публикации в своем блоге. Регулярно...
Категории раздела
Новое на форуме
Популярные материалы
Популярные теги