HTML6 новая спецификация тегов
2021-04-22 | 286 Просмотров
HTML, язык Интернета, является одной из самых известных веб-технологий. HTML постоянно используется для создания Интернета с момента его появления. Ныне действующей спецификацией является HTML5. Но уже есть достаточно большое количество нововведений, которые предполагается внедрить в следующей версии - HTML6.
HTML6 настолько новый, что на Википедии даже еще нет страницы о нем. Он в абсолютно зачаточном состоянии, но мы выясним, что он из себя представляет, чем порадует и как на нем кодить. Давайте же быстренько посмотрим, что такое HTML6.
Как и HTML5, новая версия HTML имеет значительные отличия в структуре кода. Новая версия более стандартизирована, больше похожа на XML и больше подходит для создания веб-приложений будущего.
Новая структура кода
Приемы работы с CSS представлены списком предлагаемых дополнений кода для HTML6 еще пару лет назад. И W3C услышали, но ответили по-своему оригинально. Они добавили мать всех этих предложений. Они добавили пространство имен в XML стиле… и это самое заметное изменение в HTML6. Эти изменения влияют на всю структуру кода. Но это стандартизирует и это уже новый уровень. Теперь вам не нужен атрибут id для ваших div'ов, вы можете использовать пространства имен.
Примеры HTML6
Давайте же посмотрим на эти пространства имен:
<!DOCTYPE html>
<!-- Обратите внимание, как <html> превращается в <html:html> -->
<html:html>
<!-- Очевидно, что тег <head> также меняется, как и остальные. -->
<html:head>
<html:title>Новый HTML6</html:title>
<html:meta type="description" value="Теги HTML6">
</html:head>
<html:body>
<!-- Пример ссылки -->
<html:a href="http://mail.ru">Перейти на почту!</html:a>
<!-- Пример изображения -->
<html:media src="img/logo.jpg" type="image">
<!-- Пример видео. -->
<html:media src="videos/slides.mov">
<html:button>Отправить</html:button>
</html:body>
</html:html>А это пример завершенного кода:
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>Обзор HTML 6</html:title>
<html:meta type="title" value="Mail.ru">
<html:meta type="description" value="Теги HTML6">
<html:link src="css/main.css" title="Styles" type="text/css">
<html:link src="js/main.js" title="Script" type="text/javascript">
</html:head>
<html:body>
<header>
<logo>
<html:media type="image" src="img/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>Основной заголовок</h1>
<p>[...]</p>
<p>[...]</p>
</article>
<article>
<h2>Концепции HTML 6</h1>
<h2>Еще теги HTML6</h2>
<p>[...]</p>
</article>
</content>
<footer>
<copyright>Авторские права.</copyright>
</footer>
</html:body>
</html:html>Таково будущее HTML-атрибутов.