ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка
ITVDN logo
Видеокурсы по
программированию

Доступ более чем к 7700 видеоурокам от $19.99

Подписка

Введение

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


Обзор HTML5

В HTML5 появились очень интересные функции, например, поддержка аудио и видео, а также возможность создания оптимизированных для смартфонов сайтов. Кроме того, он освободил разработчиков от использования атрибута type в тегах

и. Он позволил систематизировать контент, используя новые метки

,,и т. д. Однако, HTML5 все еще находится на стадии развития и не является законченным продуктом.

Понимание концепции HTML6

Представьте себе использование тега для присвоения логотипа веб-странице или тега . Было бы удобно, если бы Вы могли использовать тег

без использования нескольких идентификаторов, а сразу использовать или напрямую. Проще говоря, вместо использования
Вы можете просто использовать .

HTML6 – шестой релиз HTML с такой же структурой пространств имен, как у XML. Пространства имен XML помогут Вам использовать тот же тег, не конфликтуя с любым другим тегом. Например, тег, используемый в XHTML DOCTYPE: 

В HTML6 можно будет отходить от определенных спецификаций тегов и использовать теги более понятные и удобные для разработчика.

Пример HTML6

<!DOCTYPE html>

<html:html>

    <html:head>

        <html:title>Взгляд в HTML6html:title>

        <html:meta type="title" value="Заголовок страници">

            <html:meta type="description" value="Пример заголовка">

                <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/xyz.png">

            logo>

            <nav>

                <html:a href="/img1">

                    a>

                    <html:a href="/img2">

                        a>

            nav>

        header>

        <content>

            <article>

                <h1>Заголовокh1>

                <h2>Подзаголовкиh2>

                <p>[...]p>

                <p>[...]p>

            article>

            <article>

                <h1>Концепт HTML6h1>

                <h2>Понимание основh2>

                <p>[...]p>

            article>

        content>

        <footer>

            <copyright>© 2014copyright>

        footer>

    html:body>

html:html>

В примере кода HTML6 Вы видите теги . Эти новые элементы с двоеточиями принадлежат к спецификации W3C и HTML6. Например, элемент будет изменять заголовок в браузере, а покажет определенное изображение на экране. Все эти элементы определяются специально для пользователей и не имеют ничего общего с браузером. Они не более чем крюки для JavaScript и таблицы стилей. Они помогут сделать Ваш код более семантичным и правильным.

HTML6 APIs

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

1.

<!DOCTYPE html>

<html:html>

    // этот тег эквивалентен тегу

    <html>

    в предыдущих версиях

    HTML документа -->

html:html>

2.

Этот тег – эквивалент тегу . Его цель – получение данных и скриптов, управляющих отображением контента в теге .

<!DOCTYPE html>

<html:html>

    <html:head>

        <html:title>       -->

    html:head>

html:html>

3.

Этот тег изменяет заголовок документа HTML в браузере. Он похож на тег

СТАТЬИ ПО СХОЖЕЙ ТЕМАТИКЕ
ВИДЕО КУРСЫ ПО СХОЖЕЙ ТЕМАТИКЕ
КОМЕНТАРИИ И ОБСУЖДЕНИЯ
ОЦЕНИТЕ ДАННЫЙ МАТЕРИАЛ

ПОДПИСКА НА ITVDN ВЫГОДА ДО 29.95$ НА ОБУЧЕНИЕ ПРЕСТИЖНЫМ ПРОФЕССИЯМ!

1 месяц19.99$
подписка

легкий старт в обучении

3 месяца49.99$
подписка

выгода от подписки до9.98$

6 месяцев89.99$
подписка

выгода от подписки до29.95$