Первый взгляд на 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.