Первый взгляд на HTML6 с примерами и ссылками

http://www.designzzz.com/first-look-html6/


Мы еще даже не успели освоить HTML5 как W3C уже выкатил первую версию HTML6. И мы не морочим вам голову. Он появился, поэтому пришло время еще раз испачкать руки. Забудьте о дате релиза HTML6 и давайте немного покодим на нем.

HTML6 настолько новый, что на Википедии даже еще нет страницы о нем. Он в абсолютно зачаточном состоянии, но мы выясним, что он из себя представляет, чем порадует и как на нем кодить. Давайте же быстренько посмотрим, что такое HTML6.

Как и HTML5, новая версия HTML имеет значительные отличия в структуре кода. Новая версия более стандартизирована, больше похожа на XML и больше подходит для создания веб-приложений будущего.

У меня есть список ресурсов по HTML5: шаблоны, инструменты разработки и пр. здесь.

Новая структура кода


Приемы работы с CSS представлены списком предлагаемых дополнений кода для HTML6 еще пару лет назад. И W3C услышали, но ответили по-своему оригинально. Они добавили мать всех этих предложений. Они добавили пространство имен в XML стиле… и это самое заметное изменение в HTML6. Эти изменения влияют на всю структуру кода. Но это стандартизирует и это уже новый уровень. Теперь вам не нужен атрибут id для ваших div'ов, вы можете использовать пространства имен.

Примеры HTML6


<div id="container">

теперь может стать

<container>

Давайте же посмотрим на эти пространства имен:

<!DOCTYPE html>
<!-- Notice how <html> turns into <html:html> -->
<html:html>
    <!-- Obviously, the <head> tag also changes, so do the rest of codes. -->
    <html:head>
        <html:title>A Look Into HTML6</html:title>
        <html:meta type="description" value="HTML6 namespaces example">
    </html:head>
    <html:body>
        <!-- Anchor text example -->
        <html:a href="http://www.designzzz.com">Go to Designzzz!</html:a>
        <!-- Image example -->
        <html:media src="img/logo.jpg" type="image">
        <!-- Video example. You can include any video. -->
        <html:media src="videos/slides.mov">
        <html:button>Click Here</html:button>
    </html:body>
</html:html>

А это пример завершенного кода:

<!DOCTYPE html>
<html:html>
    <html:head>
        <html:title>Overview of HTML6</html:title>
        <html:meta type="title" value="Designzzz.com">
        <html:meta type="description" value="HTML6 namespaces">
        <html:link src="css/mainfile.css" title="Styles" type="text/css">
        <html:link src="js/mainfile.js" title="Script" type="text/javascript">
    </html:head>
    <html:body>
        <header>
            <logo>
                <html:media type="image" src="images/logo.png">
            </logo>
            <nav>
                <html:a href="/img1">a1</a>
                <html:a href="/img2">a2</a>
                <html:a href="/img3">a3</a>
            </nav>
        </header>
        <content>
            <article>
                <h1>Main Heading</h1>
                <p>[...]</p>
                <p>[...]</p>
            </article>
            <article>
                <h2>Concepts of HTML6</h1>
                <h2>Namespaces in HTML6</h2>
                <p>[...]</p>
            </article>
        </content>
        <footer>
            <copyright>Your copyright notice.</copyright>
        </footer>
    </html:body>
</html:html>

Таково будущее HTML-атрибутов.

Ресурсы по HTML6


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

Я протестировал оба моих браузера. Последняя версия Firefox набрала 429 очков, а последняя версия Google Chrome — 523.

The Distributed Specification — руководство, еще один ценный ресурс, чтобы лучше узнать концепции кодирования HTML6. Я заметил, что эта спецификация регулярно обновляется, поэтому я добавил сюда эту ссылку.

К чему всё идет?


Что для меня очевидно, так это то, что HTML6 движется в сторону искоренения Javascript. Он уже предлагает возможность создания одностраничного приложения без Javascript и это только вершина айсберга.

Пространства имен дают понять, что в течение нескольких лет HTML6 созреет до самостоятельной платформы программирования и превзойдет PHP, .NET и другие подобные языки с точки зрения функциональности и сложности. Так что мой вам совет: начинайте работать с HTML6 немедленно и покорите его. Сейчас самое время сделать это, пока другие не спохватились.

Вот и всё, что я хотел рассказать о HTML6. Но я буду держать вас в курсе обновлений, как только W3C выкатит что-то новое в этой версии HTML.
Поделиться публикацией

Похожие публикации

Комментарии 40
    +1
    Я так понял, статья полная иронии, но содержит-таки интересные ссылки.
      +1
      где тег сарказм
      • НЛО прилетело и опубликовало эту надпись здесь
      • НЛО прилетело и опубликовало эту надпись здесь
          +54
          Очень жаль, что на Хабрахабре действует запрет на нецензурную лексику, потому что для идеи об удвоении длины названия тегов разметки (было «html», стало «html:html») или о ушестерении её (было «a», стало «html:a») мне на ум приходит сразу несколько эпитетов, но все они очевидным образом нецензурны. То же самое могу сказать не только о самóй идее этой, но и о её авторах.
            +4
            Тоже надеюсь, что «не взлетит». С другой стороны, напрашиваются аналогии на появление XHTML в своё время.
              0
              стандарт только в разработке, еще успеет изменится, думаю.
                +19
                Пока не поздно, нужно срочно предложить специальный тег для подобных эпитетов:
                <html:obsceneLanguage>
                
                • НЛО прилетело и опубликовало эту надпись здесь
                    +2
                    А что мешает обьявить пространсво имен «html» и потом использовать «а»?
                    Я думаю что они двжутся в правильную сторону и это поможет с легкстью внедрять различные технологии на страницу не опасаясь совместимости.
                    • НЛО прилетело и опубликовало эту надпись здесь
                        0
                        Может быть, существует проблема (или не проблема, а просто вопрос) о парсинге страниц (ро)ботами? Типа, легче…
                        • НЛО прилетело и опубликовало эту надпись здесь
                        • НЛО прилетело и опубликовало эту надпись здесь
                      +6
                      Имхо, не стоит сразу бросаться писать везде «html:xxx». Это настолько неудобно, что от этог наверняка откажутся.
                        +8
                        >«html:xxx»
                        Разметка для видео 18+?
                        • НЛО прилетело и опубликовало эту надпись здесь
                      • НЛО прилетело и опубликовало эту надпись здесь
                          +6
                          Что для меня очевидно, так это то, что HTML6 движется в сторону искоренения Javascript. Он уже предлагает возможность создания одностраничного приложения без Javascript и это только вершина айсберга.

                          … Не будет ни газет, ни книг, ни кино, ни театров, а будет одно сплошное телевидение… © «Москва слезам не верит»
                          • НЛО прилетело и опубликовало эту надпись здесь
                            +2
                            Авторы спецификации ошиблись в одном — в ее названии. Правильно было бы назвать xHTML 2.0
                              +14
                              А точнее надо было xHTML:html 2.0
                              • НЛО прилетело и опубликовало эту надпись здесь
                                0
                                Хотя бы один браузер поддерживает эту радость?
                                • НЛО прилетело и опубликовало эту надпись здесь
                                    0
                                    Открыл пример из статьи в Firefox, удивился.
                                      +6
                                      Upd: вот что написано на html6spec.com:
                                      Seriously, it was just some random thing I did for fun one day. It's in no way a real spec and should not be taken seriously.
                                    0
                                    Использование xml + xsl/css ребятам не нравилось, поэтому они его загнобили, теперь же опять делают тот же xml, как оригинально.
                                    • НЛО прилетело и опубликовало эту надпись здесь
                                      +1
                                      Ну это уже чересчур. Хотя нет, еще не чересчур, подождем чуть-чуть.
                                        0
                                        XHTML не получился, давайте попробуем добавить к HTML немного SOAP'а.
                                        А потом выкинем все нафиг и будем использовать JSON. Ну ок.
                                        • НЛО прилетело и опубликовало эту надпись здесь
                                          +2
                                          Opera 12, на престо проигрывает почти во всем новым браузерам, но это порадовало:
                                          (Не ругайтесь, всего 100 кб)
                                            +2
                                            Какой-то сомнительный html6test, больше похож на фейк. Полная копия html5test (только некоторые строчки переименованы). Также как и html5test на Chrome 39 у меня выдает 506 баллов (ни одного отличия в установленных галочках).
                                            • НЛО прилетело и опубликовало эту надпись здесь
                                              +2
                                              Лучше бы xml выпилили…
                                                +1
                                                Вас в детстве заставляли писать XSD-схемы и программировать под SOAP? :)
                                                  +1
                                                  Разгружал вагоны с листингами debug трейсов xml парсеров после billion laughs.
                                                +1
                                                >> HTML6 созреет до самостоятельной платформы программирования

                                                А как же бизнес логика, манипуляция DOM, AJAX, MVP? Не представляю, каким образом js уйдет. Можете пояснить, что за чудесные возможности у html6?
                                                  0
                                                  Может, написание программ будет реализовано на языке XML?

                                                Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                Самое читаемое