HTML6 новая спецификация тегов

HTML6 новая спецификация тегов

2021-04-22 | 423 Просмотров

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-атрибутов.

Заказать звонок
×