Новации HTML 5

В статье мы рассмотрим новшества и изменения HTML 5, и посмотрим, что из этого уже работает в новейших браузерах.

Новый доктайп и способ указания кодировки в HTML 5

В отличие от существующих громоздких доктайпов, объявление 5-ой версии кратко и лаконично:

<span><!doctype html></span>

Это связано с тем, что HTML 5 больше не является частью SGML, теперь это самостоятельный язык разметки.

Объявление кодировки в HTML 5 так же притерпело изменения. Выглядит оно теперь вот так:

<span><<span>meta</span><span> charset=<span>"UTF-8"</span></span>></span>

Новая структура в HTML 5

HTML 5 подразумевает, что страница всегда имеет структуру, сравнимую со структурой книг или XML документов. Обычно, у веб-страницы есть навигация, основной контент, второстепенный контент (чаще в сайдбаре), заголовки, футеры и так далее. Для каждого такого элемента в HTML 5 есть свои теги:

  • <section> — для каких-то частей страницы;
  • <header> — заголовок страницы;
  • <footer> — футер страницы;
  • <nav> — навигация;
  • <article> — статья или основной контент;
  • <aside> — дополнительный контент;
  • <figure> — определяет картинку, сопровождающую статью (типа как у нас к каждой статье).

Новые строчные элементы в HTML 5

Эти элементы определяют основные семантические объекты страницы:

  • <mark> — указывает на элемент, который взаимодействует с какой-то функцией;
  • <time> — выделяет дату или время;
  • <meter> — какие-либо метрические данные или характеристики;
  • <progress> — показывает процесс выполнения задачи (функции, например).

Новая поддержка динамичных страниц в HTML 5

HTML 5 создавался под динамичные страницы, поэтому в нем много возможностей для разработчиков:

  • контекстное меню — создание и использование контекстных меню внутри страниц;
  • аттрибут href больше не является обязательным, что позволяет использовать тег <a> для скриптов без необходимости выставлять якоря;
  • аттрибут async тега <script> — указывает браузеру, что загружать этот скрипт следует асинхронно; браузер не тормозит загрузку страницы, скрипт грузиться уже после загрузки страницы;
  • <details> — более подробная информация от каком-то элементе;
  • <datagrid> — создает таблицу, которая строится исходя из данных из базы или другого динамичного источника (какая-нибудь обновляемая статистика);
  • <menu> для создание системы меню;
  • <command> определяет действия, которые должны случиться при активации какого-то элемента.

Новые типы полей форм в HTML 5

HTML 5 по-прежнему поддерживает все основные типы полей форм, добавив при этом и некоторые новые:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Новые элементы

Вот лишь некоторые новые элементы, добавленные в HTML 5:

  • <canvas> — элемент, который позволяет вам рисовать внутри страницы, используя JavaScript; как вы знаете, многие современные js библиотеки и скрипты используют этот тег для графиков;
  • <video> позволит вам вставить видеоролик в страницу с помощью одного тега.
  • <audio> — для аудио.


При этом из HTML 5 исчезли некоторые теги

В новой спецификации больше нет некоторых тегов — некоторые из них сами по себе уже устарели и мало, кто их использует. Но, были так же удалены и некоторые довольно популярные теги. Вот полный список:

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u


Что уже работает в браузерах

Как я уже сказал, многие браузеры решили не дожидаться официального выхода HTML 5 (как и CSS 3) и уже начали внедрять некоторые из описанных фич в последние версии своих продуктов.


Автор данной статьи - Администратор проекта для начинающих программистов (UProgram. ru), который носит ник webDoktor.

Автор статьи: неизвестный | Дата публикации: 15:24 14.12.2016 3248440.Ru




Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



3G или 4G, что выбрать?

3G или 4G, что выбрать?


3G или 4G, что выбрать? 3G интернет это беспроводной доступ к Сети со скоростью 3. 1 мб/сек.   Почему мы сторонники 3G а не 4G интернета? Потому что сеть 4G еще очень слабо развита, а карта 4G покрыт...


Как вести себя на собеседовании? Тело - в дело!

Как вести себя на собеседовании? Тело - в дел...


Вначале — подготовка. Как известно, в любых переговорах (а собеседование — это переговоры) на 95% важно как вы говорите, и только на 5% - что вы говорите. Когда мы общаемся, наш...


Миллиард в тумане или миллион в кармане? Что успел Кокорев. Часть 2

Миллиард в тумане или миллион в кармане? Что ...


Вернёмся к планиде Кокорева. Он умел и любил рисковать, но многим это не нравилось — наверное, из зависти. Коммерсант и бывший профессор Ф. Чижов отмечал необузданность его «грандиозн...


Все на велосипеды, или Что празднуют 8 мая в Нидерландах?

Все на велосипеды, или Что празднуют 8 мая в ...


День велосипедистов, или, как его называют в Нидерландах, Landelijke Fietsdag, отмечается во вторую субботу мая, то есть в 2010 году 8 мая. Проводить его принято семейными вылазками на природу на...


Чистота не должна заканчиваться

Чистота не должна заканчиваться


И всё-таки приятно, когда в помещении чисто, когда не волнует взор грязь на полу, когда на основном напольном покрытии нет влаги и размазанных влажных следов. И особенно хорошо, если под подошвами ваш...


Новинки кино. Что смотреть в выходные 1-2 октября? «Дом грез», «Пять невест» и др.

Новинки кино. Что смотреть в выходные 1-2 окт...


Судя по всему, прокатчики решили выплеснуть на экраны все свои запасы, заботливо сделанные ими не только в этом году, но также за предыдущие три года. Половина из 14 дебютантов выйдет в широкий прокат...


Может заинтересовать

Любите ли вы картошку так, как её люблю я? Два про

Трудно поспорить с утверждением, что картошка вкусна, самодостаточна и сама по себе. Двумя руками за! Но иной раз так хочется выпендриться… ну просто спасу нет! Тем более, что подобным образом ...

Астрология. Зодиакальный круг

Поэтому для того, чтобы Душе пройти все уроки обучения с физическими телами во всех двенадцати Знаках Зодиака, ей требуется огромное количество жизней (рождений и смертей) физических тел. Душа, меняя ...

Кто из поэтов был награжден пятью орденами Ленина?

3 ноября — один из самых замечательных дней в русской и советской поэзии. Зачин сделал, как водится, Александр Сергеевич Пушкин, когда в 1829 году, царапая своим гусиным пером бумагу, ...

Чувство вины: может ли оно быть конструктивным?

«Кто-то, по-видимому, оклеветал Иозефа К. , потому что, не сделав ничего дурного, он попал под арест». Так начинается роман Франца Кафки «Процесс». На протяжении всего произвед...

Можно ли восхищаться гусеницами?

Зеленые и красные, гладкие и мохнатые, безобидные и ядовитые — они все равно вызывают брезгливость, отвращение, страх. Гусеницы. Личинки насекомых в виде толстеньких червячков встречаются п...

Тревожные расстройства, симптомы и лечение

В замечательном советском мультфильме «Алиса в Зазеркалье» Черная Королева произносит фразу, которая с удивительной точностью характеризует уклад современной жизни: «Здесь приходится бежать со всех но...

Китайская Астрология

Китайская астрология или 4 Столпа Судьбы появилась гораздо позже, чем Фэн Шуй – где-то в средние века. По китайски её называют Бацзы Суаньмин. Почему 4 Столпа? Так как обязательно надо знать год. меся...

Новый взгляд на функции каталогов сайтов

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

Миллиард в тумане или миллион в кармане? Что успел

Благодаря великой русской литературе, а также с лёгкой руки драматурга А. Н. Островского период первоначального накопления капитала в России всегда рисовался нам «тёмным царством». Однако ...

Как сделать свой сайт? А главное - зачем?

В настоящее время возрождается сайтостроительный бум. Стало модно иметь свою страничку. Это как засветиться в СМИ или в газете. И впрямь — с любого компьютера вводишь заветный адрес &m...

О информационном портале:

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

Мы подобрали для вас познавательные и занимательные статьи. На нашем портале вы найдете ответы на интересующие вас вопросы. Стандартная система поиска позволяет вам стремительно отыскать нужную информацию. Адаптированный дизайн позволяет вам просматривать информацию на любых электронных устройствах. Отныне, поиск необходимой информации будет занимать у вас секунды.