Стандарты кодирования в HTML5. Пропускать ли тег
Использование новых элементов дает нам некоторые преимущества. В том случае, если мы применяем их в комбинации с элементами заголовками,
…
, то это позволяет нам использовать более шести уровней заголовков, присутствующих в предыдущих версиях HTML
, для разметки вложенных разделов (секций) документа. Новая спецификация предусматривает детальное руководство по формированию архитектуры документа, которая представлена структурой, образованной новыми секционными элементами и в тоже время поддерживает обратную совместимость с предыдущими версиями.
Это руководство используется разработчиками в процессе их работы, а также браузерами при генерации содержания документа, предназначенного для облегчения навигации по веб-странице.
К примеру, в приведенном ниже фрагменте разметки используется вложенные
:
Level 1
Level 2
Level 3
Для обеспечения совместимости с текущими версиями браузеров, вы также можете применять заголовки других уровней
…
, заменяя ими
заголовки в соответствующих местах.
заголовки в соответствующих местах.
Определяя разделы веб-страницы в соответствии с их назначением при помощи специальных секционных элементов, мы способствуем корректной работе технологий обеспечения доступа, которые значительно облегчают процесс перемещения пользователя по странице. В некоторых ситуациях специализированные программы могут с легкостью перейти от одной статьи к другой, минуя при этом секции документа, которые выполняют другие функции (навигацию, сайдбар и т.д.), а разработчикам не нужно при этом создавать для этого специальные ссылки перехода.
Еще одним преимуществом использования новых элементов для разработчиков является возможность замены множества дивов
Элемент
A Preview of HTML 5
Элемент
Элемент
Элемент
Элемент
It was the best of times, it was the worst of times,
Chapter 1: The Period
it was the age of wisdom, it was the age of foolishness,
it was the epoch of belief, it was the epoch of incredulity,
it was the season of Light, it was the season of Darkness,
…
(Отрывок из произведения «A Tale of Two Cities»)
Элемент
That’s another great article!
Comment #2
by Jack O’Niell
Видео и аудио.
В Web среде последнее время все большую актуальность получают такие типы данных как видео и аудио. И множество подобных YouTube , Viddler , Revver и MySpace сайтов дают возможность любому пользователю Интернета без труда разместить в сети видео и аудио информацию. По причине того, что на данный момент стандарт HTML не располагает необходимыми средствами включения и управления медиа контентом, то большинство нынешних сайтов используют технологию Flash для обеспечения требуемой функциональности. Кроме того, существует возможность включения мультимедиа посредством плагинов (таких как QuickTime , Windows Media и другие). Но всё же именно Flash технология наиболее широко распространена и является кроссбраузерным решением, предоставляющим необходимый для разработчиков API .
Судя по тому, как представлены различные медиа плееры на основе Flash , можно с уверенностью сказать что разработчики заинтересованы в получении возможности создания собственного типа пользовательского интерфейса, который позволяет полностью контролировать воспроизведение медиа файла – регулировка громкости, стоп, пауза, поиск и воспроизведение. Но главной целью на данный момент является нативная поддержка такой функциональности в браузерах без каких-либо плагинов, что позволит включать видео и аудио компоненты с необходимым API для управления воспроизведением из скриптов.
И вновь представленные
Оба движка Opera и WebKit уже реализовали частичную поддержку
Простейшим способом включения видео в документ является использование
Необязательный атрибут poster предназначен для определения изображения, которое будет отображаться на месте видео элемента до начала его воспроизведения. И хотя некоторые видео форматы предусматривают собственную, свойственную только им заставку, как это сделано в MPEG-4 , но атрибут poster является альтернативным способом определения заставки, которая будет отображаться независимо от используемого видео формата.
Также просто дело обстоит и с включением на страницу аудио контента с помощью элемента
В стандарте HTML5
для указания альтернативных источников видео и аудио данных также вводится элемент
В тех случаях, когда направленность веб-ресурса требует от разработчика создания полного контроля над пользовательским интерфейсом, то для этих целей он может использовать расширенные возможности API , предоставляющие ряд методов и событий, посредством которых из скриптов можно контролировать процесс воспроизведения медиа файла. Самыми простыми представителями таких возможностей являются методы play() и pause() , а также свойство currentTime , предназначенное для установки текущего положения проигрывания медиа файла в начало или другое необходимое место. Ниже представлен пример их использования:
Это далеко не все атрибуты и компоненты API , предназначенные для
Представление документа.
В отличие от предыдущих версий HTML и XHTML спецификаций, которые определены в рамках собственного синтаксиса, HTML5 использует концепцию «объектной модели документа» — DOM (Document Object Model ) – представление документа в виде древовидной иерархической модели, которую используют браузеры. Возьмем, к примеру, простейший документ, состоящий из заголовка документа
Example