Wolfex Studio

Особенности HTML 6 по пунктам

Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 

Пункт 1 - Введение

HTML 5 провел несколько замечательных улучшений над HTML 4: предоставил новые семантические теги, такие как <nav>, <time>, и <meter>; разрешил легко вставлять медиаматериалы в формы тегов <video> и <audio>; и дал нам целую кучу потрясающих JavaScript API. Однако, остается еще один скачек, который предстоит сделать HTML - начать распространяться еще шире.

С HTML 6 Вы определяете собственную спецификацию, которая позволяет обозначать вещи так, как Вам хочется. Вместо <div class="wrapper"> можно просто использовать <wrapper>. Да, мы не ошиблись!

Хочется календарь? Нет проблем:

    

Наконец, можно перестать тратить свое время в попытках решить, какой элемент вставить: <aside>, <figure>, или обычный <div>, а просто назвать его своим именем!

Даже лучше, как насчет того, чтобы добавить поддержку новых типов медиа, просто изменив его тип, вместо того, чтобы придумывать для этого новые теги <img>, <embed>, <video>, <audio> и т.д.? Например, не было бы приятнее сделать просто: <html:media src="/my-audio-file.aac" type="aac"> и позволить браузеру самому разобраться, как это понять?

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

Пункт 2 – Концепт

Основная идея HTML 6 - поставить его с собой на одну ступень, чтобы Вам даже не требовалось знать HTML. Так, HTML 6 это по сути концепция HTML с XML, но если вы не знаете второго и что это означает, есть путь, который позволяет вам использовать один и тот же тег без конфликта с другим. Вы наверняка видели раньше XHTML DOCTYPE: xmlns:xhtml="http://www.w3.org/1999/xhtml"

В HTML 6 мы воспользовались этой гениальной концепцией, давая нам свободу использовать любой тег с W3C. W3C будет в основном оставлять за собой право на все namespaces и каждый будет вызывать другую HTML API.

Итак, как же он выглядит? Ниже приведен пример полного документа в новой разметке 6 версии.

Как вы можете видеть, там есть странные теги <html:x> в образце. Это названия элементов, которые принадлежат спецификации W3C и HTML 6. Они вызывают действия браузера. К примеру, элемент <html:media type="image"> заставит появиться картинку, или элемент <html:title> сделает так, что заголовок браузера изменится, и так далее.

Все эти и другие элементы только для вас. Ни один из них ничего не значит для браузера. Они только прикрепляют CSS и JS и придают вашему кода больше значений. Элементы, которые вы здесь видите, такие как <p>или <h1> только в силу того, что мне нравится употреблять их в качестве способов разметки абзацев и самого важного заголовка, но я также мог бы употребить <paragraph>, <text>, or <helloworldanythingiwant>.

Пункт 3 – Содержание тега

В наследство от HTML, новая версия получила два типа тегов. Некоторые из них парные (например, <script></script>), а некоторые – непарные (<link>). И хотя такой выбор кажется в целом логичным сначала, вскоре становится очевидным что это просто апофения (это когда ты пытаешься видеть ясную структуру в случайных взаимосвязях). Теги должны быть единичными, а в действительности приходится просто рандомно тянуть кролика из шляпы.

В HTML 6 используется намного более простая и логичная схема: непарные теги самостоятельно закрываются с добавлением знака / в конце (к примеру, <link />) и любой не самозакрывающийся тег будет интерпретирован как парный.

Другое различие с пятой версией HTML заключается в типах контента. В HTML 5 тип содержимого определяется именем тега (<img>/<script>/<video>) или его атрибутом type. В HTML 6 же указывать тип содержимого лишнее, так как браузер чудесным образом может с ним работать.