Введение
HTML – простой язык веб-разработки, продолжающий развиваться и обновляться. Сейчас идет работа над шестой версией языка. HTML5, текущая версия HTML, считается одним из самых популярных релизов по сравнению с предыдущими версиями HTML.
Обзор HTML5
В HTML5 появились очень интересные функции, например, поддержка аудио и видео, а также возможность создания оптимизированных для смартфонов сайтов. Кроме того, он освободил разработчиков от использования атрибута type в тегах
и. Он позволил систематизировать контент, используя новые метки
,,и т. д. Однако, HTML5 все еще находится на стадии развития и не является законченным продуктом.
Понимание концепции HTML6
Представьте себе использование тега для присвоения логотипа веб-странице или тега . Было бы удобно, если бы Вы могли использовать тег
HTML6 – шестой релиз HTML с такой же структурой пространств имен, как у XML. Пространства имен XML помогут Вам использовать тот же тег, не конфликтуя с любым другим тегом. Например, тег, используемый в XHTML DOCTYPE:
xmlns:xhtml="http://www.w3.org/1999/xhtml"
В 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 в браузере. Он похож на тег
Відео курси за схожою тематикою:
Статті за схожою тематикою
