Инструменты пользователя

Инструменты сайта


html5_semantics

Назад

Задачей, которая должна была быть решена разработчиками, являлось создание более насыщенных и значимых семантик для версии HTML5. Предполагалось, что новое решение должно было быть гибким, очень эффективным и конечно соответствовать всем современным веб-стандартам.

ТегКраткое описание
<article>Определяет статью
<aside>Определяет контент в стороне от основного контента страницы
<audio>Определяет аудио контент
<canvas>Определяет графики
<command>Определяет командную кнопку
<datagrid>Определяет данные в упорядоченный список
<datalist>Определяет выпадающий список
<datatemplate>Определяет шаблон данных
<details>Определяет детали элемента
<dialog>Определяет диалог (разговор)
<eventsource>Определяет цель события, отправляемого по серверу
<figure>Определяет группу медиа-контента, и их подписи
<footer>Определяет нижний колонтитул для раздела или страницы
<header>Определяет область заголовка раздела или страницы
<mark> Определяет выделенный текст
<meter>Определяет измерения в течение заранее определенного диапазона
<nav> Определяет навигационные ссылки
<nest> Определяет вложенную точку в шаблоне данных
<output>Определяет некоторые виды результата
<progress>Определяет ход выполнения задачи любого рода
<rule>Определяет правила для обновления шаблонов
<section>Определяет раздел (секцию)
<source>Определяет медиа-ресурсы
<time> Определяет дату/время
<video>Определяет видео

Для того чтобы старые браузеры могли распознавать новые элементы HTML5 необходимо подключите html5.js в раздел head вашей страницы (это делается потому что IE должен знать об элементе до начала отрисовки страницы, соответственно, его нельзя поместить в футер, например).

Скрипт помещен на Google code, где сервером правильно отдается mime-type и равномерно распределяется нагрузка. Прямая ссылка на скрипт

Оборачиваем данный скрипт в условные комментарии, скрывающие его от браузеров, отличных от Internet Explorer.

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Файл уменьшен для снижения снижения трафика и нагрузки на ваш браузер.