Отличия html4 от html5: Какая Разница Между Html 4 И Html 5?

Содержание

Какая Разница Между Html 4 И Html 5?

HTML5 имеет несколько целей, которые отличает его от HTML4.

Согласованность в обработке неверных документов

Первичный — это согласованная, определенная обработка ошибок. Как вы знаете, HTML преднамеренно поддерживает «суп-тег» или способность писать неверный код и исправить его в действительный документ. Проблема в том, что правила для этого не записываются нигде. Когда новый поставщик браузеров хочет выйти на рынок, им просто нужно проверять неверные документы в разных браузерах (особенно IE) и реконструировать обработку ошибок. Если они этого не сделают, то многие страницы будут отображаться некорректно (оценки размещают примерно 90% страниц в сети как по крайней мере несколько искаженные).

Итак, HTML5 пытается обнаружить и кодифицировать эту обработку ошибок, чтобы разработчики браузеров могли стандартизировать и значительно сократить время и деньги, необходимые для постоянного отображения информации. Кроме того, долгое время после того, как HTML умер в формате документа, историки могут по-прежнему хотеть читать наши документы, и наличие полностью определенного алгоритма синтаксического анализа поможет в этом.

Улучшенные функции веб-приложений

Вторичной целью HTML5 является разработка способности браузера быть платформой приложений через HTML, CSS и Javascript. Многие элементы были добавлены непосредственно на язык, который в настоящее время (в HTML4) Flash или JS-хаки, такие как <canvas>, <video> и <audio>. Полезные вещи, такие как локальное хранилище (js-доступная встроенная база данных с ключом для хранения информации, за исключением того, что могут содержать файлы cookie), новые типы ввода, такие как дата, для которой браузер может предоставить простой пользовательский интерфейс (чтобы мы не нужно использовать наши сборщики календаря на основе js), а поддержка валидации на основе браузера сделает разработчики веб-приложений намного проще для разработчиков и сделает их намного быстрее для пользователей (так как многие вещи будут поддерживаться изначально, а не взломать через javascript).

Улучшенная семантика элементов

В HTML5 существует много других меньших усилий, таких как улучшенные семантические роли для существующих элементов (<strong> и <em> теперь фактически означает что-то другое, и даже <b> и

<i> имеют неопределенную семантику это должно хорошо работать при анализе устаревших документов) и добавление новых элементов с полезной семантикой — <article>, <section>, <header>, <aside> и <nav> должно заменить большинство <div>, используемых на веб-странице, делая ваши страницы немного более смысловыми, но что более важно, их легче читать. Нет более болезненного сканирования, чтобы увидеть, что закрывает этот случайный </div>, вместо этого у вас будет очевидный </header> или </article>, что сделает структуру вашего документа более интуитивной.

Отличия HTML5 от HTML4

Резюме

HTML5 это пятая основная ревизия ядра языка World Wide Web: HTML. Раздел «Отличия HTML5 от HTML4» описывает различия между языками HTML4 и HTML5 и разъясняет смысл некоторых изменений. Этот документ может не давать точной информации, так как спецификация HTML5 всё ещё находится в разработке. Если есть сомнения, всегда см. саму спецификацию HTML5. [HTML5]

Статус данного документа

Этот раздел описывает статус данного документа на время публикации. Другие документы могут заменять этот документ. Список текущих публикаций W3C и последние версии этого технического документа см. на W3C technical reports index at http://www.w3.org/TR/.

Это Рабочий вариант от 24 июня 2010, созданный HTML Working Group как часть HTML Activity. Working Group предполагает опубликовать этот документ как Working Group Note, в дополнение к HTML5-спецификации. Форум для комментариев: [email protected] — это список рассылки с public archive.

Публикация в качестве Рабочего варианта/Working Draft не подразумевает одобрение со стороны W3C Membership. Это рабочий документ, который может обновляться, заменяться в любой момент. Нежелательно цитировать этот документ, как и любой документ, находящийся в стадии разработки.

Этот документ создан группой, работающей на основе 5 February 2004 W3C Patent Policy. W3C поддерживает public list of any patent disclosures; на этой странице также имеются инструкции для раскрытия патента. тот, кто знает о существовании патента, содержащего Essential Claim(s) и принадлежащего какому-либо лицу, обязан раскрыть информацию в соответствии с разделом 6, W3C Patent Policy.

1. Введение

HTML непрерывно развивается с момента появления в Internet в начале 1990-х. Некоторые изменения вводились в спецификациях, другие в релизах программного обеспечения. В некоторых аспектах реализации и авторская практика смыкались друг с другом и со спецификациями и стандартами, но иногда их пути расходились.

HTML4 стал Рекомендациями W3C в 1997 г. Являясь основной направляющей по многим основным возможностям HTML, они не дают достаточно информации для создания реализаций, которые могли бы взаимодействовать друг с другом, и, что намного важнее, — с критической массой опубликованного содержимого. То же происходит с XHTML1, который определяет XML-сериализацию для HTML4, и с DOM Level 2 HTML, который определяет JavaScript APIs для HTML и XHTML. HTML5 замещает эти документы. [

DOM2HTML] [HTML4] [XHTML1]

HTML5-проект отражает усилия, начиная с 2004, по изучению современных реализаций HTML и опубликованного содержимого. Данный проект:

Определяет единый язык под названием HTML5, который может быть записан в HTML-синтаксисе и в XML-синтаксисе.
Определяет подробные модели процессинга, способствующие взаимодействию реализаций.

Улучшает разметку документов.
Вводит разметку и APIs для появляющихся вэб-приложений.

1.1. Открытые вопросы

HTML5 пока ещё в стадии проекта. Содержимое HTML5, а также содержимое данного документа, зависящее от HTML5, продолжают обсуждаться а HTML Working Group и в списках рассылки WHATWG. На открытые вопросы имеются ссылки из HTML5-проекта.

1.2. Обратная совместимость

HTML5 определён таким образом, что обеспечена его обратная совместимость со способами обработки опубликованного содержимого в пользовательских агентах (ПА). Чтобы сохранить язык разработки относительно простым для авторов, некоторые элементы и атрибуты не включаются, как указано в других разделах данного документа: это такие элементы, как элементы представления, которые лучше рассматривать через CSS.

ПА, однако, всегда должны поддерживать эти старые элементы и атрибуты, и именно поэтому HTML5-спецификация чётко разделяет требования для авторов и для ПА. Например, это означает, что авторы не могут использовать элемент isindex или plaintext, но ПА должны поддерживать их таким образом, чтобы обеспечивать совместимость с соответствующим поведением этих элементов в уже опубликованном содержимом.

Поскольку HTML5 имеет разные требования по соответствию для авторов и ПА, больше нет необходимости помечать элементы как «deprecated/не рекомендуется».

1.3. Модель разработки

HTML5-спецификация не будет считаться завершённой до тех пор, пока не появятся как минимум две законченные реализации этой спецификации. Тестовый набор будет использован для определения полноты этих реализаций. Такой подход отличается о предыдущих версий HTML, когда финальная спецификация обычно одобрялась комитетом до появления реальной реализации. Цель данного изменения — гарантировать, что спецификация может быть реализована и может использоваться авторами после её завершения.

2. Синтаксис

HTML5 определяет HTML-синтаксис, который совместим с HTML4- и XHTML1-документами, опубликованными в сети, но не совместим с более эзотерическими возможностями SGML в HTML4, такими как инструкции процессинга и сокращениями разметки, так как они не поддерживаются большинством ПА. Документы с использованием синтаксиса HTML почти всегда обслуживаются как тип носителя

text/html.

HTML5 также определяет для данного синтаксиса детальные правила разбора кода (включая «обработку ошибок»), которые широко совместимы с популярными реализациями. ПА обязаны использовать эти правила для ресурсов, имеющих тип носителя text/html. Вот пример документа, соответствующего синтаксису HTML:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Пример документа</title>
  </head>
  <body>
    <p>Пример параграфа</p>
  </body>
</html>

HTML5 также определяет тип носителя text/html-sandboxed для документов, использующих синтаксис HTML. Это может использоваться при хостинге непроверенного содержимого.

Ещё один синтаксис, который можно использовать вместе с HTML5 — это XML. Этот синтаксис совместим с XHTML1-документами и реализациями. Документы, использующие этот синтаксис, должны обрабатываться как XML-тип носителя, а элементы должны размещаться в пространстве имён http://www.w3.org/1999/xhtml по правилам, установленным ранее в XML-спецификациях. [XML]

Ниже дан пример документа, соответствующего XML-синтаксису HTML5. Обратите внимание, что XML-документы должны обслуживаться с XML-типом носителя, таким как

application/xhtml+xml или application/xml.

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Пример документа</title>
  </head>
  <body>
    <p>Пример параграфа</p>
  </body>
</html>

2.1. Кодировка символов

Для HTML-синтаксиса HTML5 авторы имеют три способа настройки кодировки:

На уровне протокола — используя, например, HTTP-заголовок Content-Type.
Используя символ Unicode Byte Order Mark (BOM) в начале файла. Этот символ предоставляет подпись для используемой кодировки.
Используя элемент meta с атрибутом charset, который специфицирует кодировку в первых 512 байтах документа. Например, <meta charset="UTF-8"> можно использовать для специфицирования кодировки UTF-8. Это избавляет от необходимости вводить <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">, хотя этот синтаксис и разрешён.

Для XML-синтаксиса авторы должны использовать правила, как сформулировано в спецификациях XML, для установки кодировки символов.

2.2. DOCTYPE

HTML-синтаксис в HTML5 требует указывать DOCTYPE, чтобы гарантировать отображение страницы браузером в стандартном режиме. DOCTYPE не имеет иного применения и, следовательно, является опционным для XML. Документы с XML-типом носителя всегда обрабатываются в стандартном режиме. [DOCTYPE]

Объявление DOCTYPE — это <!DOCTYPE html> , оно нечувствительно к регистру символов в HTML-синтаксисе. DOCTYPEs более ранних версий HTML были длиннее, так как язык HTML базировался на SGML и требовал ссылки на DTD. В HTML5 это больше не требуется, и DOCTYPE нужен только для стандартного режима для документов, написанных с использованием синтаксиса HTML. Браузеры уже делают это для <!DOCTYPE html>.

2.3. MathML и SVG

HTML-синтаксис в HTML5 позволяет использовать MathML- и SVG-элементы внутри документа. Например, вот очень простой документ с использованием минимального синтаксиса:

<!doctype html>
<title>SVG в text/html</title>
<p>
 A green circle:
 <svg> <circle r="50" cx="50" cy="50" fill="green"/> </svg>
</p>

Возможны и более сложные комбинации. Например, с SVG-элементом foreignObject вы можете вложить MathML, HTML или то и другое внутрь SVG-фрагмента, который сам находится внутри HTML.

2.4. Прочее

Есть и некоторые другие изменения синтаксиса, которые следует упомянуть:

HTML теперь имеет встроенную поддержку IRIs, хотя они могут использоваться в полной мере, только если кодировка документа — UTF-8 или UTF-16.
Атрибут lang принимает пустую строку в дополнение к правильному идентификатору языка точно так же, как xml:lang в XML.

3. Язык

Этот раздел разделён на несколько подразделов для более подробного иллюстрирования различий между HTML4 и HTML5.

3.1. Новые элементы

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

Для улучшения структурирования введены следующие элементы:

section представляет типовой раздел документа или приложения. Он может использоваться вместе с элементами h2, h3, h4, h5, h5 и h6 для обозначения структуры документа.
article представляет независимый блок содержимого документа, такой как вхождения блога или статью новостей.
aside представляет блок содержимого, которое только незначительно связано с остальной частью страницы.
hgroup представляет раздел заголовка документа.
header представляет группу вводных или навигационных средств.
footer представляет футэр раздела и может содержать информацию об авторе, авторских правах et cetera.
nav представляет раздел документа, предназначенный для навигации.
figure представляет изолированного всплывающего содержимого, обычно рассматриваемого как единица, отдельная от главного потока документа.
```
<figure>
 <video src="ogg"></video>
 <figcaption>Пример</figcaption>
</figure>
```
figcaption может использоваться как заглавие (опционно).

Далее, есть несколько других новых элементов:

video и audio для мультимедиа-содержимого. Оба предоставляют API, поэтому авторы приложений могут создавать собственный пользовательский интерфейс, но имеется также способ переключаться на пользовательский интерфейс, предоставляемый ПАгентом. source используются вместе этими элементами, если есть несколько доступных потоков разных типов.
embed используется для содержимого плагина.
mark представляет прогон текста в одном документе, помеченный или подсвеченный для ссылки на него, из-за его уместности в другом контексте.
progress представляет прогресс выполнения задачи, такой как загрузка или выполнение серии ресурсозатратных операций.
meter представляет измерение, вроде использования диска.
time представляет дату и/или время.
ruby, rt и rp позволяют размечать ruby-аннотации.
wbr представляет возможность обрыва строки.
canvas используется для отображения динамической растровой графики на лету, вроде графов или игр.
command представляет команду, которую пользователь может вызвать.
details представляет дополнительную информацию или средства управления, которые пользователь может получить по требованию. Элемент summary предоставляет её резюме, легенду или заголовок.

datalist вместе с новым атрибутом list для input может использоваться для создания комбо-боксов:

<input list="browsers">
<datalist>
 <option value="Safari">
 <option value="Internet Explorer">
 <option value="Opera">
 <option value="Firefox">
</datalist>

keygen представляет средство для генерации пар ключей.
output представляет некоторый тип вывода, как после расчётов, выполненных скриптом.

Атрибут type элемента input имеет теперь следующие новые значения:

Смысл этих новых типов в том, что ПА может предоставлять пользовательский интерфейс, такой как выбор даты из календаря или интеграция пользовательской адресной книгой, и отправлять определённый формат на сервер. Это удобнее для пользователя, поскольку его ввод проверяется до отправки на сервер, что занимает меньше времени при ожидании ответа.

3.2. Новые атрибуты

HTML5 ввёл несколько новых атрибутов для различных элементов, которые уже являются частью HTML4:

Элементы a и area получили новый атрибут media для выравнивания с элементом link.
Элементы a и area получили новый атрибут ping, который специфицирует список разделённых пробелами URLs, пинг которых выполняется при переходе по ссылке. В настоящее время отслеживание пользователя делается в основном через перенаправления. Этот атрибут даёт ПА возможность информировать пользователей о том, пинг какого URL выполняется в данный момент, а также позволяет особо щепетильным пользователям отключать эту возможность.
Элемент area, для выравнивания возможностей с элементами a и link, теперь также имеет атрибуты hreflang и rel.
Элемент base теперь может также иметь атрибут target, в основном — для выравнивания возможностей с элементом a. (Это уже широко поддерживается.) Кроме того, атрибут target для элементов a и area больше не имеет статуса deprecated/не рекомендуется, так как используется в вэб-приложениях, например, вместе с iframe.
Атрибут value элемента li больше не deprecated, так как не является презентационным. То же относится и к атрибуту start элемента ol.
Элемент meta теперь имеет атрибут charset, так как это уже широко поддерживается и является прекрасным способом для специфицирования кодировки символов документа.
Новый атрибут autofocus может быть специфицирован в элементах input (кроме случая, когда атрибут type является hidden), select, textarea и button. Он предоставляет декларативный способ передать фокус на форму при загрузке страницы. Это должно улучшить работу пользователя, поскольку пользователь может отключить эту возможность, если ему это не нужно.
Новый атрибут placeholder может быть специфицирован для элементов input и textarea. Он представляет собой подсказку для помощи пользователю при вводе данных.
Новый атрибут form для элементов input, output, select, textarea, button и fieldset позволяет ассоциировать элементы управления с формаой. То есть эти элементы можно теперь размещать в любом месте страницы, а не только как потомки элемента form.
```
<label>Email:
 <input type=email form=x name=email>
</label>
<form id=x></form>
```
Новый атрибут required элементов input (кроме случаев, когда атрибут type является hidden, image или кнопкой вроде submit) и textarea. Он указывает, что пользователь должен ввести значение, чтобы отправить форму.
В элементе fieldset теперь имеется атрибут disabled. Он отключает все управляющие элементы-потомки, если специфицирован.
Элемент input получил несколько новых атрибутов для специфицирования ограничений: autocomplete, min, max, multiple, pattern и step. Как сказано выше, у него также имеется новый атрибут list, который может использоваться с элементом datalist.
Элемент form получил новый атрибут novalidate, который может использоваться для отключения проверки отправки формы (то есть форма всегда может быть отправлена).
Элементы input и button получили новые атрибуты formaction, formenctype, formmethod, formnovalidate и formtarget. Если присутствуют, они переопределяют атрибуты action, enctype, method, novalidate и target элемента form.
Элемент menu получил два новых атрибута: type и label. Они позволяют этому элементу трансформироваться в меню, как в типичных интерфейсах пользователя, а также предоставлять контекстные меню — вместе с глобальным атрибутом contextmenu.
Элемент style получил новый атрибут scoped, который может использоваться для включения таблиц стилей в области видимости. Стилевые правила в таком элементе style применяются только к локальному дереву.
Элемент script получил новый атрибут async, касающийся загрузки и выполнения скриптов.
Элемент html получил новый атрибут manifest, который указывает на манифест кэша приложения, используемый вместе с API для офлайновых вэб-приложений.
Элемент link получил новый атрибут sizes. Он может применяться вместе с icon (установленным через атрибут rel) для указания размера иконки, на которую ссылается. Таким образом иконка может иметь различные размеры.
Элемент ol получил новый атрибут reversed. Если имеется, он указывает, что список упорядочен по убыванию.
Элемент iframe получил три новых атрибута: sandbox, seamless и srcdoc, которые дают возможность применять sandbox-содержимое, например, комментарии блога.

Несколько атрибутов из HTML4 теперь применяются ко всем элементам. Это теперь глобальные атрибуты: class, dir, id, lang, style, tabindex и title.

Появилось несколько новых глобальных атрибутов:

Атрибут contenteditable указывает, что элемент является редактируемой областью. Пользователь может изменять содержимое такого элемента и манипулировать разметкой.
Атрибут contextmenu может использоваться для указания на контекстное меню, предоставленное автором.
Коллекция data-* определённых автором атрибутов. Авторы могут определять любой атрибут, указав префикс data- для исключения конфликтов с будущими версиями HTML. Единственное требование к этим атрибутам — они не должны использоваться расширениями пользовательских агентов.
Атрибут draggable может использоваться вместе с новым API drag & drop.
Атрибут hidden указывает, что элемент ещё не (или уже не) уместен.
Коллекции атрибутов role и aria-* могут использоваться для инструктирования вспомогательной технологии.
Атрибут spellcheck подсказывает, может ли содержание быть проверено на предмет правописания, или нет.

HTML5 делает также все атрибуты обработчиков событий HTML4, которые принимают форму onevent-name, глобальными атрибутами и добавляет несколько новых атрибутов обработчика события для новых определённых им событий. Например, элемент play, который используется в API для элементов носителй (video и audio).

3.3. Изменённые элементы

Эти элементы несколько изменили свои значения в HTML5, чтобы лучше соответствовать их работе в сети или повысить возможности их использования:

Элемент a без атрибута href теперь представляет собой заглушку ссылки. Он может также содержать поточное содержимое и не ограничен содержимым фразы.
Элемент address теперь имеет область видимости в соответствии с новой концепцией разделов.
Элемент b теперь представляет собой участок текста, стилистически смещённый от нормальной прозы без придания дополнительной важности, вроде ключевых слов в резюме документа, названий продуктов в обзоре или других участков текста, типичное типографическое представление которых выделено.
Элемент cite теперь представляет только заголовок работы (например, книга, статья, эссе, поэма, партитура, песня, письмо, фильм, TV-шоу, игра, скульптура, картина, театральная постановка, постановка, опера, мюзикл, выставка, юридическое сообщение etc). В HTML4 он используется для указания имени человека, что более не рассматривается как соответствующее поведение.
Элемент hr теперь представляет тематический разрыв уровня параграфа.
Элемент i теперь представляет участок текста с изменённой интонацией или настроением, то есть смещение относительно нормальной прозы, типа таксономического обозначения, технического термина, идиоматического выражения из другого языка, мысли, названия корабля или другой какой-то прозы, которая типографически представлена курсивом. Использование широко варьируется в зависимости от языка.
Для элемента label браузер больше не должен перемещать фокус с ярлыка/label на элемент управления, если только такое поведение не является стандартным для пользовательского интерфейса данной платформы.
Элемент menu переопределён, чтобы больше подходить для панелей утилит и контекстных меню.
Элемент small теперь представляет мелкий текст (для комментариев и юридических ссылок).
Элемент strong теперь представляет важность, а не акцент.
Элемент head больше не разрешает элемент object в качестве дочернего.

3.4. Изменённые атрибуты

Следующие атрибуты разрешены, но авторам не рекомендуется применять их и настоятельно рекомендуется использовать альтернативные решения:

Атрибут border в img. Если имеется, должен иметь значение «0«. Авторы могут использовать вместо него CSS.
Атрибут language в script. Если имеется, должен иметь значение «JavaScript» (регистронезависимое) и не может конфликтовать с атрибутом type. Авторы могут просто опускать его так как он более не имеет реальных функций.
Атрибут name в a. Вместо него можно использовать атрибут id.
Атрибут summary в table. Проект HTML5 определяет несколько альтернативных решений.

3.5. Отсутствующие элементы

Элементы этого раздела более не используются. ПА по-прежнему должны поддерживать их, и различные разделы HTML5 определяют, как. Например, устаревший элемент isindex рассматривается в разделе о разборщике.

Следующих элементов в HTML5 нет, поскольку их действие — исключительно презентационное и их функции лучше выполняются через CSS:

basefont
big
center
font
s
strike
tt
u

Следующих элементов в HTML5 нет, поскольку их использование отрицательно влияет на удобство и доступность для конечного пользователя:

Следующие элементы отсутствуют, так как использовались нечасто, служили причиной конфликтов, либо их функции могут выполнять другие элементы:

acronym создавал множество конфликтов. Авторы должны использовать для аббревиатур abbr.
applet устарел, вместо него — object.
isindex можно заменить на элементы управления.
dir устарел, вместо него — ul.

Наконец, элемент noscript соответствует только синтаксису HTML. Он не отсутствует в синтаксисе XML, так как его использование базируется на работе HTML-разборщика.

3.6. Отсутствующие атрибуты

Некоторые атрибуты HTML4 больше не разрешаются в HTML5. Если они должны как-то влиять на работу ПА, по соображениям совместимости, определяется, как они должны работать в соответствующих сценариях.

Атрибуты rev и charset в link и a.
Атрибуты shape и coords в a.
Атрибут longdesc в img и iframe.
Атрибут target в link.
Атрибут nohref в area.
Атрибут profile в head.
Атрибут version в html.
Атрибут name в img (используйте вместо него id).
Атрибут scheme в meta.
Атрибут archive, classid, codebase, codetype, declare и standby в object.
Атрибуты valuetype и type в param.
Атрибуты axis и abbr в td и th.
Атрибут scope в td.

Кроме того, в HTML5 нет презентационных атрибутов, которые имелись в HTML4, так как их функции лучше выполняются через CSS:

Атрибут align в caption, iframe, img, input, object, legend, table, hr, div, h2, h3, h4, h5, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead и tr.
Атрибуты alink, link, text и vlink в body.
Атрибут background в body.
Атрибут bgcolor в table, tr, td, th и body.
Атрибут border в table и object.
Атрибуты cellpadding и cellspacing в table.
Атрибуты char и charoff в col, colgroup, tbody, td, tfoot, th, thead и tr.
Атрибут clear в br.
Атрибут compact в dl, menu, ol и ul.
Атрибут frame в table.
Атрибут frameborder в iframe.
Атрибут height в td и th.
Атрибуты hspace и vspace в img и object.
Атрибуты marginheight и marginwidth в iframe.
Атрибут noshade в hr.
Атрибут nowrap в td и th.
Атрибут rules в table.
Атрибут scrolling в iframe.
Атрибут size в hr.
Атрибут type в li, ol и ul.
Атрибут valign в col, colgroup, tbody, td, tfoot, th, thead и tr.
Атрибут width в hr, table, td, th, col, colgroup и pre.

4. APIs (Программные интерфейсы приложений)

HTML5 вводит новые APIs, которые помогают в создании вэб-приложений. Они могут использоваться вместе новыми элементами приложений:

API для проигрывания видео и аудио — с новыми элементами video и audio.
API для офлайновых вэб-приложений.
API, дающий вэб-приложению возможность регистрировать себя для некоторых протоколов или типов носителя.
Редактирование API в сочетании с новым глобальным атрибутом contenteditable.
Drag & drop API в сочетании с атрибутом draggable.
API, показывающий историю и разрешающий страницам добавлять его, чтобы предотвратить поломку кнопки back.

4.1. Расширения для

HTMLDocument

HTML5 расширил интерфейс HTMLDocument из DOM Level 2 HTML несколькими путями. Этот интерфейс реализован теперь для всех объектов, реализующих интерфейс Document, так что он продолжает иметь значение в контексте составного документа. Здесь также появилось несколько новых членов:

getElementsByClassName() для выбора элементов по имени их класса. Способ, которым определён этот метод, позволит ему работать с любым содержимым с атрибутами class и объектом Document, такими как SVG и MathML.
innerHTML как простейший способ разбора и сериализации HTML- или XML-документа. Этот атрибут ранее был доступен только в HTMLElement в вэб-браузерах, а не как часть какого-либо стандарта.
activeElement и hasFocus для определения того, какой элемент имеет в данный момент фокус, и имеет ли Document фокус, соответственно.
getSelection(), который возвращает объект, представляющий текущее выделение(-я).

4.2. Расширения для

HTMLElement

Интерфейс HTMLElement также получил в HTML5 несколько расширений:

getElementsByClassName(), который в основной своей версии принадлежит области видимости, найденной в HTMLDocument.
innerHTML, как в нынешних браузерах. Он также определён для работы в XML-контексте (если используется в XML-документе).
classList является удобным аксесором для className. Возвращаемый им объект имеет методы (contains(), add(), remove() и toggle()) для манипуляций с классами элемента. Элементы a, area и link имеют сходный атрибут relList, который имеет ту же функциональность для атрибута rel.

5. Логи изменений HTML5

Логи изменений/changelogs данного раздела показывают изменения, произошедшие между публикациями вариантов проекта HTML5. Объяснение изменений можно найти в архивах списков рассылки [email protected] и [email protected] и в серии блог-постов This Week in HTML5. Более фендаментальное разъяснение имеется на wiki-странице WHATWG Rationale. Многие редакционные и незначительные технические изменения не включены в эти логи. То есть реализаторам настоятельно рекомендуется постоянно отслеживать развитие основной спецификации, чтобы быть в курсе всех изменений.

Изменения в логах расположены в хронологическом порядке для облегчения редактирования данного документа.

5.1. Изменения после 4 марта 2010

Элемент title является опционным для iframe srcdoc -документов и других сценариев, где заголовок/title уже доступен. Как с email.
keywords теперь стандартное имя метаданных для элемента meta.
Значение allow-top-navigation было добавлено для атрибута sandbox элемента iframe. Оно позволяет внедрять содержимое для навигации по предку, если специфицировано.
The wbr element has been added.
Ключевое слово alternate для атрибута rel элемента link может теперь использоваться для указания на фид, даже если этот фид/feed не является альтернативой документу.
Отображение HTML в Atom удалено из W3C-версии HTML5.

Дополнительно в данном документе были сделаны незначительные изменения, разъяснения и исправления.

5.2. Изменения с 25 августа 2009 до 4 марта 2010

Элемент dialog был удалён. Его заменил раздел о разметке беседы.
document.head был введён для предоставления удобного доступа к элементу head из скрипта.
Тип ссылки feed был удалён. Вместо него нужно использовать alternate со специфическими типами носителя.
createHTMLDocument() был введён как API для упрощения создания HTML-документов.
Элементы meter и progress больше не имеют «магического» процессинга на своё содержимое, потому что это невозможно интернационализировать.
Элемент meter и progress, а также элемент output теперь можно помечать с помощью элемента label.
Новый тип носителя, text/html-sandboxed, был введён для обеспечения хостинга потенциально вредоносного содержимого без нанесения вреда.
Атрибут srcdoc элемента iframe появился с целью разрешить внедрение потенциально вредоносного содержимого инлайн. Он, как ожидается, будет использоваться вместе с атрибутами sandbox и seamless.
Элемент figure теперь использует новый элемент figcaption вместо legend, поскольку люди желают использовать HTML5 задолго до того, как он станет W3C-рекомендациями.
Элемент details теперь использует новый элемент summary по тем же соображениям.
Атрибут autobuffer в элементах-носителях переименован в preload.

Решён также целый ряд мелких вопросов. Вышеприведённый список суммирует то, что, думается, представляет основной интерес для авторов.

В дополнение ко всему вышесказанному — Microdata, 2D контекстный API для canvas, и Web Messaging (postMessage() API) были выделены в свои отдельные проекты на W3C (WHATWG всё ещё публикует версию HTML5, содержащую их):

Специфические microdata-словари полностью ушли в W3C-проект HTML5 и не публикуются как отдельный проект. WHATWG-проект HTML5 всё ещё их содержит.

5.3. Изменения с 23 апреля 2009 по 25 августа 2009

Когда элемент time пуст, ПА должен отобразить время в локальной манере.
Событие load диспетчеризуется в Window, но теперь имеет в качестве цели Document.
pushState() теперь влияет на заголовок Referer (sic).
onundo и onredo теперь в Window.
Элементы носителей теперь имеют член startTime, который указывает, где начинается текущий ресурс.
header переименован в hgroup, и введён новый элемент header.
createImageData() теперь также принимает объекты ImageData.
createPattern() может теперь принимать элемент video в качестве аргумента.
Элемент footer больше не разрешён в header, а header не разрешён в address или footer.
Появился новый элемент управления: <input type="tel">
Command API теперь работает для всех элементов.
accesskey теперь соответствующим образом определён.
section и article теперь принимают атрибут cite.
Появилось новое свойство, Microdata, позволяющее внедрять специальные структуры данных в HTML-документы.
Использование предопределённых словарей Microdata-модели дерева включает также: vCard, vEvent и модель для лицензирования.
Drag and drop обновлён, чтобы работать с Microdata-моделью.
Определена последняя из причуд парсинга/last of the parsing quirks.
textLength добавлен в качестве члена элемента textarea.
Элемент rp теперь принимает фразовое содержимое, а не отдельный символ.
location.reload() теперь определён.
Событие hashchange теперь работает асинхронно.
Добавлены правила совместимости с XPath 1.0 и XSLT 1.0.
IDL-атрибут spellcheck теперь отображается в DOMString.
Поддержка hasFeature() сведена к минимуму.
Конструктор Audio() устанавливает атрибут autobuffer.
Элемент td больше не разрешён в thead.
Элемент input и объект DataTransfer теперь имеют IDL-атрибут files.
datagrid и bb удалены, потому что их дизайн не был согласован.
API диапазона реплики был удалён из элементов носителей.
Интегрирована поддержка WAI-ARIA.

Помимо этого списка были сделаны незначительные разъяснения, исправлены опечатки, решены вопросы, касающиеся разработчиков и др. небольшие проблемы.

Кроме того были изъяты следующие части HTML5, которые вероятно, будут в дальнейшем разработаны как IETF:

Определение URLs.
Определение Content-Type sniffing.

5.4. Изменения с 12 февраля 2009 по 23 апреля 2009

Добавлен новый глобальный атрибут spellcheck.
Определено, что ECMAScript this в глобальном объекте возвращает WindowProxy -объект, а не Window -объект.
IDL-атрибут value для элементов input в статусе File Upload теперь определён.
Определение designMode изменено, чтобы больше соответствовать имеющимся реализациям.
Метод drawImage() в API 2D-рисования теперь принимает также элемент video.
Изменён метод загрузки ресурсов элементами-носителями.
document.domain теперь IPv6-совместим.
Элемент video получил булев атрибут autobuffer, действующий как подсказка.
Теперь вы можете специфицировать элемент meta с атрибутом charset в XML-документах, если значение этого атрибута совпадает с с кодировкой документа. (Заметьте, что это не специфицирует значение, это только талисман.)
Члены bufferingRate и bufferingThrottled медиа-элементов были удалены.
Алгоритм выбора ресурса медиа-элемента теперь асинхронный.
API postMessage() теперь принимает массив MessagePort -объектов, а не только один объект.
Второй аргумент метода add() в элементе select и член options элемента select теперь опционные.
Атрибуты action, enctype, method, novalidate и target элементов input и button переименованы в formaction, formenctype, formmethod, formnovalidate и formtarget.
Понятие «storage mutex» добавлено, чтобы работать с отдельными страницами, пытаясь одновременно изменить storage-объект (document.cookie и localStorage). Navigator получил метод getStorageUpdates(), что позволяет его освобождать явным образом.
Синтаксис SVG, аналогичный MathML, теперь определён так, что SVG может быть включён в text/html -ресурсы.
Атрибут placeholder добавлен в элемент textarea.
Добавлен элемент keygen для генерации пар ключей.
Элемент datagrid пересмотрен, чтобы сделать API более асинхронных и разрешить незагруженные части решётки.

Кроме того, некоторые части HTML5 были изъяты и будут разрабатываться в дальнейшем группой Web Applications Working Group как отдельные спецификации:

5.5. Изменения с 10 июня 2008 по 12 февраля 2009

Член data объектов ImageData изменён с массива на CanvasPixelArray -объект.
Тени теперь требуются для реализаций элемента canvas и его API.
Модель безопасности для canvas разъяснена.
Сделаны различные изменения в модели процессинга canvas как ответ на реализации и замечания авторов. Например, разъяснено, что происходит, когда NaN и Infinity передаются, и зафиксированы определения arc() и arcTo().
innerHTML в XML был слегка изменён для улучшения прохождения.
Метод toDataURL() элемента canvas теперь поддерживает установку уровня качества, когда аргумент типа носителя — image/jpeg.
Атрибут poster элемента video теперь влияет на его собственные размеры.
Разъяснено поведение атрибута type элемента link.
Sniffing теперь разрешено для link, когда ожидаемым типом является изображение.
Появился раздел о URLs, объясняющий, как URL-значения интерпретируются и что точно авторам необходимо делать. Каждая возможность спецификации, использующая URLs, была перефразирована, чтобы учитывать новый URL-раздел.
Теперь атрибут href элемента base не зависит от xml:base.
Теперь определено, каким должно быть поведение при изменении базового URL.
IDL-атрибуты URL-декомпозиции теперь более согласованы с Internet Explorer.
Атрибут xmlns со значением http://www.w3.org/1999/xhtml разрешён теперь во всех HTML-элементах.
Атрибуты data-* и специальные атрибуты элемента embed теперь должны совпадать с XML Name -продукцией и не могут содержать двоеточие.
Введён WebSocket API для двунаправленного соединения с сервером.
По умолчанию значение volume в медиа-элементах теперь равно 1.0, а не 0.5.
event-source переименован в eventsource, поскольку ни один иной элемент HTML не использует дефис.
Введён API канал сообщения, расширив postMessage().
Добавлен новый элемент bb. Он представляет собой команду Пользовательского агента, которую пользователь может вызвать.
Метод addCueRange() в медиа-элементах модифицирован и принимает идентификатор, который выставляется в отзывах/callbacks.
Теперь определено, как изменить DOM в infoset.
Определён атрибут parent объекта Window.
Определён элемент embed для расширения sniffing с целью обеспечения обратной совместимости с серверами, поставляющими Flash как text/plain. (В спецификации это обозначено как проблема, чтобы выяснить, есть ли более удачный способ выполнить эту работу.)
embed может теперь использоваться без атрибута src.
getElementsByClassName() определён как ASCII регистронезависимый в quirks-режиме для соответствия CSS.
В HTML-документах localName больше не возвращает имя узла в верхнем регистре (символов).
Определено, что атрибуты data-* всегда в нижнем регистре.
Атрибут opener объекта Window отсутствует, если страница была открыта по ссылке с target="_blank" и rel="noreferrer".
Определён атрибут top объекта Window.
Элемент a теперь разрешает вложенное поточное содержимое, но не вкладывает интерактивное содержимое.
Теперь определено, чтаа элемент header означает для резюме документа и оглавления.
Определено, что означает извлечение ресурса/fetch a resource.
Патэрны теперь требуются для для элемента canvas.
Атрибут autosubmit удалён из элемента menu.
Добавлена поддержка outerHTML и insertAdjacentHTML().
xml:lang теперь разрешён в HTML, если lang также специфицирован и они имеют одинаковые значения. В XML lang разрешён, если xml:lang также специфицирован и они имеют одинаковые значения.
Определён атрибут frameElement объекта Window.
Цикл событий и очередь задач теперь определяют детальное выполнение скриптов и события. Всё обновлено, чтобы быть определённым в терминах этого механизма.
Если атрибут alt опущен, то должен иметься атрибут title, элемент-контейнер figure с элементом-потомком legend или содержащий раздел с ассоциированными заголовками/heading.
Атрибут irrelevant переименован в hidden.
Атрибут definitionURL в MathML теперь надлежащим образом поддерживается. Ранее при разборе он весь переводился в нижний регистр.
ПА обязаны рассматривать US-ASCII как Windows-1252 по соображениям совместимости.
Разрешается альтернативный синтаксис DOCTYPE для совместимости с некоторыми XML-утилитами.
Шаблоны данных удалены (это элементы datatemplate, rule и nest).
Медиа-элементы теперь поддерживают атрибут только один атрибут — loop.
Метод load() в медиа-элементах переопределён как асинхронный. Он также работает с файлами, а раньше лишь просматривал атрибут type элемента source.
Добавлен новый член — canPlayType() в медиа-элементы.
Атрибуты totalBytes и bufferedBytes удалены из медиа-элементов.
Объект Location получил метод resolveURL().
Элемент q снова изменён. Пунктуация снова предоставляется ПАгентом.
Различные изменения были внесены в алгоритм HTML-разборщика для большего соответствия требованиям к поведению вэб-сайтов.
Определены события unload и beforeunload.
IDL-блоки в данной спецификации обновились, чтобы соответствовать ожидаемой Web IDL-спецификации.
Заголовки таблицы теперь могут иметь заголовки/headers. ПА должны поддерживать атрибут headers, указывающий на элементы td или th, но авторам необходимо разрешить ему указывать только на элементы th.
Заинтересованные стороны теперь могут регистрировать новые значения http-equiv.
Если элемент meta имеет атрибут charset, он должен появляться в пределах первых 512 байтов.
Объект StorageEvent получил атрибут storageArea.
Теперь определено, как HTML используется внутри SVG-элемента foreignObject.
API уведомления был понижен.
Определено, как работает [[Get]] с объектами HTMLDocument и Window.
Объект Window получил атрибуты locationbar, menubar, personalbar, scrollbars, statusbar и toolbar, которые дают информацию о пользовательском интерфейсе.
Раздел кэша приложения был значительно переработан и обновлён.
document.domain теперь основан на Public Suffix List. [PSL]
Добавлен раздел ненормативного отображения, описывающий правила отображения ПАгентом устаревших и соответствующих элементов.
Добавлен нормативный раздел, определяющий, когда конкретные Селекторы, как указанов CSS3 Basic User Interface Module, совпадают с HTML-элементами. [SELECTORS] [CSS-UI]

Web Forms 2.0, ранее самостоятельная спецификация, полностью интегрирована в HTML5 после последней публикации. В главе о формах сделаны следующие изменения:

Удалена поддержка подачи XML.
Удалена поддержка заполнения формы.
Удалена поддержка заполнения элементов select и datalist через атрибут data.
Удалена поддержка ассоциирования полей с несколькими формами. Поле по-прежнему может быть ассоциировано с формой, в которую оно не вложено, с помощью атрибута form.
Методы dispatchChangeInput() и dispatchFormChange() удалены из элементов select, input, textarea и button.
Шаблоны повторения удалены.
Атрибут inputmode удалён.
Элемент input в статусе File Upload больше не поддерживает атрибуты min и max.
Атрибут allow элементов input в статусе File Upload больше не авторитетен.
Удалены атрибуты pattern и accept в textarea.
RFC 3106 больше не поддерживается явным образом.
Метод submit() теперь просто отправляет форму, но больше не гарантирует правильность элементов управления формы.
Элемент input в статусе Range по умолчанию теперь middle, а не минимальное значение.
Атрибут size элемента input теперь соответствует (а не deprecated).
Элементы object теперь участвуют в отправке формы.
Атрибут type элемента input получил значения color и search.
Элемент input получил атрибут multiple, что позволяет выгружать несколько e-mails или файлов в зависимости от значения атрибута type.
Элементы input, button и form теперь имеют атрибут novalidate для указания на то, что поля формы не обязаны иметь правильные значения перед при отправке.
Если элемент label содержит input, он может продолжать иметь атрибут for, пока тот указывает на элемент input, который он содержит.
Элемент input теперь имеет IDL-атрибут indeterminate.
Элемент input получил атрибут placeholder.

5.6. Изменения с 22 января 2008 по 10 июня 2008

Изменилась информация реализации и авторства по атрибуту ping.
<meta http-equiv=content-type> теперь является соответствующим способом для установки кодировки символов.
Зачищен API для элемента canvas. Добавлена поддержка текста.
globalStorage ограничен теперь до политики того-же-источника и переименован в localStorage. Разъяснена диспетчеризация событий.
postMessage() API изменён. Показывается только источник сообщения, но уже без URL. Он также требует наличия второго аргумента, указывающего источник целевого документа.
Drag and drop API разъяснён. Объект dataTransfer теперь имеет атрибут types, указывающий тип передаваемых данных.
Элемент m теперь называется mark.
Server-sent события изменены и разъяснены. Они используют новый формат, чтобы не нарушать работу старых реализаций.
Элемент figure больше не требует заглавия.
Элемент ol получил новый атрибут reversed.
Определение кодировки символов изменилось, как реакция на отзывы.
Различные изменения были сделаны в разделе HTML-разборщика, как реакция на реализации.
Различные изменения были сделаны в разделе редактирования, в том числе — добавлен queryCommandEnabled() и связанные с ним методы.
Добавлен атрибут headers для элементов td.
Элемент table получил новый метод createTBody().
Поддержка MathML добавлена в раздел HTML-разборщика. (Поддержка SVG всё ещё ожидает ввода от SVG WG.)
Добавлены авторские атрибуты. Авторы могут добавлять атрибуты в элементы в виде data-name и получают к ним доступ через DOM с использованием dataset[name] в элементе в запросе.
Элемент q изменён и требует пунктуацию внутри, а не заставляет браузер отображать её.
Атрибут target теперь имеет значение _blank.
Добавлен API showModalDialog.
Определён API document.domain.
Элемент source теперь имеет новый атрибут pixelratio, пригодный для видео, имеющих ошибки некоторого рода.
Добавлены IDL-атрибуты bufferedBytes, totalBytes и bufferingThrottled в элемент video.
Медиа-событие begin переименовано в loadstart для соответствия спецификации Progress Events.
Атрибут charset добавлен в script.
Элемент iframe получил атрибуты sandbox и seamless для предоставления функциональности «песочного ящика».
Элементы ruby, rt и rp добавлены для поддержки ruby-аннотации.
Метод showNotification() добавлен для показа пользователю уведомляющих сообщений.
Добавлена поддержка событий beforeprint и afterprint.

Благодарности

Редактор благодарит Ben Millard, Cameron McCormack, Charles McCathieNevile, Dan Connolly, David Håsäther, Dennis German, Frank Ellermann, Frank Palinkas, Gordon P. Hemsley, Henri Sivonen, James Graham, Jens Meiert, Jeremy Keith, Jürgen Jeka, Krijn Hoetmer, Leif Halvard Silli, Maciej Stachowiak, Marcos Caceres, Mark Pilgrim, Martijn Wargers, Martyn Haigh, Masataka Yakura, Michael Smith, Olivier Gendrin, Øistein E. Andersen, Philip Taylor, Simon Pieters, Toby Inkster, и Yngve Spjeld Landro за их вклад в создание этого документа, а также благодарит всех, кто сотрудничал в работе над HTML5 в течение многих лет, улучшая работу Сети!

Ссылки

[CSS-UI]: CSS3 Basic User Interface Module, T. Çelik. W3C.
[DOCTYPE]: Activating Browser Modes with Doctype, H. Sivonen.
[DOM2HTML]: Document Object Model (DOM) Level 2 HTML Specification, J. Stenback, P. Le Hégaret, A. Le Hors. W3C.
[HTML4]: HTML 4.01 Specification, D. Raggett, A. Le Hors, I. Jacobs, editors. W3C.
[HTML5]: HTML5, I. Hickson. W3C.; HTML5 (editor’s draft), I. Hickson. WHATWG.; HTML5 (editors’ draft), I. Hickson. W3C.
[PSL]: Public Suffix List, Mozilla Foundation.
[SELECTORS]: Selectors, D. Glazman, T. Çelik, I. Hickson. W3C.
[XHTML1]: XHTML™ 1.1 — Module-based XHTML (Second Edition), S. McCarron, M. Ishikawa. W3C.
[XML]: Extensible Markup Language (XML) 1.0 (Fifth Edition), T. Bray, J. Paoli, C. Sperberg-McQueen, E. Maler, F. Yergeau. W3C.; Namespaces in XML 1.0 (Third Edition), T. Bray, D. Hollander, A. Layman, R. Tobin, H. S. Thompson. W3C.

Чем отличается html5 от html4? — Aleksandrlao.ru

06 февраля 2015г.

Веб-технологии постоянно развиваются, появляются новые языки программирования, совершенствуются уже принятые языки. Точно такая же ситуация с основой веба — языком разметки HTML.

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

В этой статье не хочу затрагивать историю html, а так же перечислю только самые интересные и значимые изменения.

Новые элементы

Это нововведение наиболее известное. Многие думают, что на этом все изменения закончены, но это далеко не так. Итак, какие же новые элементы появились?

Header — представляет заголовок блока. Изначально предлагался как заголовок любого отдельной (самостоятельной) части страницы, но последнее время все чаще его использование сводиться к выделению шапки всего сайта.

Footer — ввели для обозначения вспомогательной информации у блоков, но по аналогии с header используется только для подвала/нижней части всего сайта.

Nav — для обозначения навигации по сайту, т.е. указывает меню.

Section — новые тег, основная задача которого указывать отдельный, независимый блок. Удобен для разбивки контентной части на отдельные блоки, к примеру, при выводе анонсов статей. Особенность использования этого тега — внутри него обязательно должен быть тег заголовка (h2 — h6).

Article — обозначает расположение основных блоков с информацией. Применяется при выводе в html текстовой информации и, например, списком публикации, где каждая запись в отдельном блоке article.

Aside — тег используемый для указания дополнительной, не относящейся к контенту информации. Идеальное применение — сайдбар сайта, т.е. боковая колонка сайта.

Main — выделяет всю контентную часть сайта. Т.е. грубо говоря сайт можно разделить на три части: header — шапка сайта, main — весь контент и footer — нижняя часть.

Есть еще целый ряд других менее используемых тегов, но о них подробнее в других статьях.

Новый DOCTYPE

За это введение отдельное спасибо и респект разработчикам, так как постоянно вбивать длинную строчку с многим непонятным содержанием была проблемой. А теперь все сводиться к простому: <!DOCTYPE html>

Согласитесь, намного круче!

Указание кодировки

Теперь, чтобы указать кодировку веб-страницы достаточно строки: <meta charset=»utf-8″ /> вместо использовавшейся ранее в html: . Вроде разница не значительная и не играет большой роли, но на самом деле она достаточно существенна. Объясню почему: раньше я копировал все строчки из шпаргалки, что замедляло процесс, а теперь я могу напечатать эту строчку и без шпаргалки.

Использование SVG и MathML

Синтаксис HTML5 позволяет встраивать эти две библиотеки прямо в язык разметки и код не будет вызывать ошибок. Это позволяет строить сложные фигуры, формулы и графику прямо на странице без применения специальных, интегрирующих бибилиотек.

Появления новых и отмена устаревших атрибутов

В HTML5 провели серьезную работу по определению значимости и целесообразности многих атрибутов. К примеру, в img теперь не рекомендуют использовать атрибут border, а указывать его значение через CSS.

Кто-то может сказать, что отличия слишком маленькие, но, думаю, они не правы и html5 действительно серьезно и качественно доработали по сравнению с html4.

В Чём Отличие HTML от HTML 5: Основные Изменения

HTML5 на данный момент является основным строительным блоком Интернета. Это звучит просто, но это не так. По крайней мере не совсем так. Интернет в наши дни стал гораздо более интересным место, чем был когда-либо. И чтобы позволить эти интересным вещам работать, HTML должен был развиваться. Поэтому в этом руководстве мы поговорим о том, как ему удалось это сделать на примере различий между HTML и HTML 5. Но для начала, давайте узнаем, что такое HTML.

Что Такое HTML?

Чтобы ответить на этот вопрос и рассказать про различия между нынешней и старой версией языка, мы должны расшифровать саму аббревиатуру. HTML означает Язык Гипертекстовой Разметки. Если вы не занимались веб-разработкой, то это вам явно не особо помогло, ведь так?

Что же, во-первых люди ошибочно считают HTML языком программирования, но это вовсе не так. Вместо этого, его можно считать способом давать разметки браузеру о том, как должна выглядеть страница. Будь-то текст, изображение или какой-либо другой элемент.

Основным различием HTML от более полноценного языка программирования является то, что HTML не может обрабатывать логические запросы. И именно этим занимается большинство языков программирования. Вы не можете сказать HTML делать одну вещь в одной ситуации, а другую в другой. Хотя программирование в основном из этого и состоит.

Это и будет краткий ответ на вопрос “Что такое HTML?” и наш первый шаг, чтобы узнать почему HTML5 это необходимость.

Итак, Как Работает HTML?

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

Тогда, каким образом работает HTML?

Всё, что вы пишите с помощью HTML говорит браузеру о том, что вы хотите увидеть на странице и в каком порядке. Если вы сделаете сайт с помощью простого HTML, то он будет выглядеть очень базовым, так как язык разметки не предназначен для стилизации сайта (для этого лучше воспользоваться CSS). Он только помещает элементы, которые вы хотите и создаёт необходимую структуру сайта (именно поэтому он является весьма важным звеном Интернета). Хотя некоторые утверждают, что HTML и является вебом.

Проще говоря, HTML работает определяя различные элементы в < > (открывающих) и </ > (закрывающих) тегах. Они говорят браузеру какой там должен быть элементы и где он должен находиться.

Некоторые примеры:

<p> Символ p в тегах говорит браузеру, что это текстовый элемент абзац.
<h3> говорит, что это Заголовок 2.
Далее вы закрываете абзац с помощью </p> или </h3> если хотите, что бы он был Заголовком 2.

Если вы хотите узнать про теги больше, то загляните в справочную часть нашего сайта по HTML тегам.

Конечно, это лишь базовое представление и всё гораздо сложнее, но всё сводится к тому, что HTML помещает один элемент за другим. Но КАК и ГДЕ он помещает эти элементы и какие теги для этого используются менялось с течением времени множество раз. Это ещё одно из различий между HTML и HTML 5. С течением времени HTML эволюционировал и HTML5 стал новой вехой в его развитии и некоторые не понимают, что это обязательная часть изучения данного языка.

Самые Полюбившиеся Статьи

Ищете более подробную информацию по какой-либо связанной теме? Мы собрали похожие статьи специально, чтобы вы провели время с пользой. Взгляните!

Что Такое HTML5?

Хорошо, теперь мы знаем об HTML. Тогда, HTML5, что это такое?

Люди, которые создали HTML в 1995 году, даже не имели понятия насколько сильно измениться Интернет в будущем

Конечно же, язык разметки тоже не должен был стоять на месте. Поэтому HTML 5 стал самой последней версией этого Языка Гипертекстовой Разметки. Его предназначением стало достижение полной совместимости сайта с любым доступным на данный момент браузером.

Безусловно, вы можете создать сайт с помощью предыдущей версии языка HTML, но она не будет обладать теми преимуществами, которые предлагает HTML 5. Вероятно, самое явное различие между HTML и HTML 5 заключается в том, как они обрабатывают некоторые современные особенности сайтов, в частности адаптивность для мобильных устройств, число которых растёт с каждым днём. И правда заключается в том, что при создании сайта в 2021, вы обязаны использовать HTML5.

Различия Между HTML и HTML5

Теперь, когда мы знаем про HTML5, что это и почему используется. Давайте взглянем насколько сильно он изменился по сравнению со своими предшественниками.

Вы ещё помните, когда сайты выглядели так?

Первая самая базовая версия HTML была “создана” в 1993, а HTML 2.0 появился уже в 1995. Попробуйте вспомнить самый первый сайт, который вы увидели (если вы не можете вспомнить, то они мало чем отличались от примера выше). Теперь, откройте новую вкладку и перейдите на любой другой современный сайт.

Вы видите насколько продвинутыми стали новые сайты по сравнению с прошлым?

Это кажется невероятным, но создание чего-то современного с помощью самых первых версий HTML будет почти невозможно. На тот момент просто не было необходимых технологий для этого, поэтому в них не было нужды.

Поэтому чем больше возрастали возможности компьютеров и Интернета, тем больше разработчиков по всему миру работали над HTML с целью улучшения возможностей своих сайтов.

После HTML 2.0 пришёл HTML 3.0 в январе 1997, но вскоре его место занял (около 11 месяцев спустя) HTML4.

HTML4 был создан в 1997 году W3C (Консорциумом Всемирной Паутины) и оставался основной Интернета более чем 17 лет (гораздо больше, чем его предшественники). И вот, в 2014 появился HTML 5, который продолжает получать широкое распространение среди разработчиков. Ещё одним отличием HTML от HTML 5 является то, что это будет последняя версия данного языка. Именно поэтому HTML5 останется надолго и будет обновляться без каких-либо серьёзных изменений или новой HTML6 (по крайней мере пока).

Но, давайте рассмотрим более подробнее: Как был адаптирован HTML5 к изменения в современной веб-разработке?

Лучшая Обработка Ошибок

Одним из самых ключевых различий является более лучшая обработка ошибок. Почему это настолько важный аспект?

Что же, к сожалению, никто не может написать код, который никогда не сломается. По крайней мере без изменений.

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

HTML5 был разработан для предоставления постоянной обработки ошибок, что сделало процесс более единообразным и значительно сократило усилия и затраты на создание работающего браузера.

HTML5 позволяет вашему браузеру показывать вам более правильную страницу, даже если разработчики допустили небольшую ошибку или пропустили где-то стиль.

Поддержка Современных Веб-Приложений

Улучшенная поддержка веб-приложений также стала важной частью обновления. Почему она необходима?

Представьте сайты 90-ых. Теперь подумайте о YouTube или Netflix (изображение ниже). Современные сайты является своего рода отдельной программой, которая работает в вашем браузере. HTML5 это одна из причин, по которым разработчики могут воплощать в жизнь подобные проекты.

Когда HTML4 являлся золотым стандартом, разработчикам приходилось искать лазейки для обхода его ограничений, вроде Flash, JavaScript, расширений браузера и многих других инструментов.

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

Улучшенная Семантика

Другим отличием между HTML и HTML5 является улучшенная семантика или другими словами более упрощённый синтаксис.

Сложный сайт может быть очень запутанным. Различные элементы по всему сайту, сотни, если не тысячи различных из них.

HTML5 был создан, чтобы привести HTML к стандарту 21 века. Синтаксис языка гипертекстовой разметки стал более интуитивен. Например, теперь появились тэги вроде <nav> , чтобы указать на часть с навигацией сайта. Или тег <footer>, который помогает увидеть более чёткую структуру футера сайта. Чтобы узнать о новых тегах более подробно, посетите справочную страницу по HTML5.

Цель изменения была в том, чтобы сделать процесс написания и проверки HTML более простым.

Улучшения Мобильной Поддержки

В 1997, когда был выпущен HTML4, мобильный телефон был относительно новой вещью. Телефоны были необходимы только, что же, для звонков и иногда сообщений. Вы сами знаете насколько всё изменилось

В 2014, когда был представлен HTML5, мы жили уже в совершенно другом мире. Смартфоны с технологией 4G стали важной частью повседневной жизни каждого человека.

Такой сдвиг поспособствовал другому различию между двумя версиями — улучшенной мобильное поддержке.

Экраны телефонов чаще всего длиннее, чем шире, тогда как с мониторами компьютеров дела обстоят совсем наоборот. Что выглядит отлично на компьютере, может выглядеть совершенно неправильно на смартфоне (проблема 1: контент шире чем экран), если сайт не был разработан специально для мобильных.

Именно в этом аспекте HTML5 облегчил жизнь для разработчиков по всему миру.

И HTML5 выбрал правильное время для этого. Более чем половины всех пользователей Интернета используют смартфоны. Возможно, что сейчас этим пользователем являетесь вы. Будете ли вы оставаться на сайте, который выглядит ужасно на телефоне? Вы даже вряд-ли захотите посетить его потом с помощью ПК.

Более того, по данным ThinkWithGoogle, 80% пользователей более склонны купить что-то у бренда, который имеет мобильную версию сайта или приложение. Поэтому мобильная поддержка стала важной не только для пользователей – но и для самих компаний.

Поддержка Аудио и Видео

Работа с видео и аудио является ещё одним отличием HTML от HTML5.

В 1997 году с коммутируемым подключением и компьютерами, которые уступают современному тостеру, для HTML не стояло задачи по внедрению поддержки аудио или видео на сайтах.

В 2014 и даже в 2021? Всё совсем по другому. Интернет стал настолько быстрее, что аудио и видео контент стал невероятно важным. Ни для кого не секрет, что различные подкасты и видео стали гораздо популярнее написанного контента.

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

Поддержка Векторной Графики

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

Обычный файл .jpg масштабируется либо прижимая пиксели оригинального изображения ближе, либо наоборот отдаляя их (если объяснять в очень простой манере).

Тогда, что случается, если вы хотите использовать небольшое изображение, но ваш дизайн требует более крупного? Что же, вы теряет в качестве при попытке сделать его крупнее: появляется эффект пикселизации. Векторная графика в какой-то степени решает эту проблему.

Давайте представим, что вы используете Adobe Photoshop для создания композиции 700×700 и сохраняете её в формате .png или .jpg. Если вы в какой-то момент захотите сделать её больше, то вам придётся пожертвовать качеством.

Конечно, есть вариант начать всё заново с помощью Photoshop, но если исходный файл небольшого размера, то много вы не добьётесь.

Тогда давайте используем формат .svg и Adobe Illustrator. Если мы сделаете векторный объект с помощью Illustrator, то его размер не будет иметь значения так как его масштабируемость будет идеальной.

Во времена 4k разрешения на телевизорах и практически неограниченной скорости соединения, векторная графика является отличным способом обеспечить идеальный внешний вид важных элементов сайта вне зависимости от размера экрана.

HTML5 поддерживает векторную графику и формат .svg, а HTML4 не имел такой возможности.

Некоторые Другие Улучшения HTML5

Из всех указанных улучшений тяжело выбрать самые важные, так как они все являются важной частью новой версии. Однако даже этот список не полный.

Например, сайты на HTML4 могут хранить только временные данные в кэше браузера, в то время как страницы на основе HTML5 помимо этого могут использовать базы данных веб-SQL и кэш приложений, что облегчает работу сайтов в вашей оперативной памяти.

Из-за JS Worker API, который был внедрён в HTML5, теперь он может запускать JavaScript прямо внутри браузера, вместо различных ухищрений в HTML4.

Также в HTML 5 были введены многочисленные элементы, чтобы привести его к современному состоянию и позволить разработчикам создавать современные сайты.

Совместимость HTML 5

Ещё одним различием между HTML и HTML 5 является совместимость.

С огромным количеством различных браузеров, платформ и устройств, создание страниц с помощью HTML4 было очень нудной задачей, особенно, если вы хотели сделать что-то уникальное. Новая версия была разработана для работы практически на всех устройствах, упрощая веб-разработку.

На данный момент браузеры не только поддерживают, но и поощряют её принятие. Хотя даже несмотря на это, старые сайты по-прежнему используют HTML4 в качестве своей базы. Причина проста, сайт попросту не обновлялся с 2014 года.

Все современные веб-браузеры по-прежнему поддерживают HTML4, просто с новой версией легче иметь дело.

Примеры HTML 5

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

Несмотря на то, что две версии имеют не такое сильное различие, синтаксис всё равно немного отличается. Давайте взглянем на некоторые примеры HTML 5, начиная с самой главной строки любого файла HTML 5.

Первая строка любого HTML файла начинается с объявления типа документа. Если файл не начинается с <!DOCTYPE html>, то это не HTML5. Это объявление единственное, что вам нужно для начала в этой версии языка разметки.

Предыдущая версия HTML, HTML 4.01 имела три различные вариации.

Вы можете узнать о них больше здесь.

В старой версии HTML объявление типа документа выглядело как-то так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Один из самых коротких вариантов в HTML5 выглядит так:


<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h2>Sample h2 tag</h2>
<p>Sample</p>
</body>
</html>

Хотя это лишь базовый пример кода HTML 5. Фрагмент фактического HTML-кода для сложного веб-сайта (например, BitDegree.org) будет выглядеть примерно так:

Самые Популярные Статьи

Взгляните на нашу коллекцию руководств, статей и уроков про платформы для онлайн обучения и массовые открытые онлайн курсы. Всегда будьте в курсе и принимайте взвешенные решения!

Заключение

Язык гипертекстовой разметки (или HTML) является очень важным для веб-разработки. До 2014 года правила HTML отставали от современных реалий, пока W3C не выпустила новые правила.

HTML 5 представил невероятно важные для многих изменения, вроде:

Улучшений в Обработке Ошибок
Упрощённый Синтаксис
Улучшенную Мобильную Поддержку
Поддержку Аудио, Видео и Векторной Графики

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

Оставьте ваше честное мнение

Оставьте ваше честное мнение и помогите тысячам людей выбрать лучшую платформу для онлайн обучения. Все отзывы, позитивные или негативные, будут приниматься, если они честны. Мы не публикуем предвзятые отзывы и спам. Поэтому, если вы хотите поделиться вашим опытом, мнением или дать совет — у вас есть всё необходимое!

В чем разница между HTML и HTML5 — Разница Между

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

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

Есть миллионы веб-страниц, доступных в WWW. HTML, что означает язык разметки гипертекста, описывает, как содержимое структурируется на веб-странице. Это основной язык для всех других веб-технологий, включая CSS, JavaScript, библиотеки JavaScript, такие как jQuery и т. Д. С другой стороны, HTML5 является последней версией HTML. Он поддерживает большинство веб-браузеров и предоставляет дополнительные функции, чем обычный HTML.

Ключевые области покрыты

1. Что такое HTML
— определение, функциональность
2. Что такое HTML5
— определение, функциональность, особенности
3. Какова связь между HTML и HTML5
— Схема ассоциации
4. В чем разница между HTML и HTML5
— Сравнение основных различий

Основные условия

HTML, HTML5

Что такое HTML

HTML — это язык разметки для создания структуры веб-страницы. Он состоит из тегов, и веб-браузер отображает текст, таблицы, списки и другие элементы на веб-странице в соответствии с этими тегами. HTML легче изучать по сравнению с языками программирования, такими как C, C ++ и Java. Более того, программист может легко создать HTML-файл с помощью текстового редактора, такого как блокнот, и запустить его в веб-браузере.

На странице HTML есть два основных раздела. Это головная секция и секция тела. В разделе заголовка содержатся заголовок и метаданные страницы, а в разделе тела — весь видимый контент веб-страницы. Кроме того, в HTML есть теги для представления различных элементов, таких как абзацы, заголовки, таблицы и списки. Существуют различные версии HTML, такие как HTML 1, 2 и т. Д. Последняя версия HTML — это HTML5.

Что такое HTML5

HTML5 — это новая версия HTML, заменяющая HTML 4.01, XHTML 1.0 и XHTML 1.1. Это сотрудничество между Консорциумом World Wide Web (W3C) и Рабочей группой по технологиям гипертекстовых веб-приложений (WHATWG). HTML5 поддерживает все веб-браузеры, такие как Firefox, Chrome, Safari и Opera. Кроме того, мобильные веб-браузеры, предварительно установленные на iPhone, iPad и Android, также имеют отличную поддержку HTML5.

Особенности HTML5

HTML 5 предоставляет ряд новых функций. Некоторые из них следующие.

Формы 2.0 — Улучшение HTML веб-форм. Есть новые атрибуты для тег.

WebSocket — Предоставить технологию двунаправленной связи для веб-приложения.

холст — Поддерживает двухмерное рисование поверхностей для программирования с JavaScript.

Перетаскивание — Позволяет перетаскивать элементы из одного места в другое на той же веб-странице.

Видео и аудио — Позволяет встраивать видео и аудио на веб-страницу без использования сторонних плагинов.

геолокации — Позволяет новым посетителям поделиться своим местоположением с веб-приложением.

Отношения между HTML и HTML5

HTML5 — это последняя версия HTML.

Разница между HTML и HTML5

Определение

HTML является основным языком разметки, используемым для отображения веб-страниц в Интернете. HTML 5 является основной редакцией HTML для описания содержимого и внешнего вида веб-страниц. Следовательно, это принципиальное различие между HTML и HTML5.

Версия

Более того, HTML является более старой версией, тогда как HTML5 является новой версией.

Браузеры

Другое различие между HTML и HTML5 заключается в том, что HTML хорошо работает в старых браузерах, тогда как HTML5 хорошо работает в новых браузерах, а также поддерживает старые браузеры.

Тип

Кроме того, HTML менее детализирован, в то время как HTML5 более детален.

Векторная графика

Векторная графика — это еще одно различие между HTML и HTML5. HTML поддерживает векторную графику с использованием других технологий или плагинов. Однако векторная графика является неотъемлемой частью HTML5.

мультимедиа

Сложно включать и обрабатывать мультимедиа в HTML. Однако в HTML5 легко включать и обрабатывать мультимедиа (аудио, видео и т. Д.). Поэтому использование мультимедиа является важным отличием между HTML и HTML5.

Поддержка автономного хранилища

Кроме того, автономное хранилище поддерживает еще одно различие между HTML и HTML5. Поддержка автономного хранения не очень хороша в HTML, тогда как HTML5 очень хорошо поддерживает автономное хранение.

Поддержка веб-сокетов

Веб-сокеты не доступны в HTML. Тем не менее, веб-сокеты доступны в HTML5 и обеспечивают полнодуплексную связь. Это еще одно различие между HTML и HTML5.

геолокации

Кроме того, HTML не поддерживает геолокацию, но HTML5 поддерживает.

Заключение

Вкратце, HTML является стандартным языком разметки для создания веб-страниц и веб-приложений, в то время как HTML 5 является языком разметки, который является более новой версией HTML, которая используется для структурирования и представления контента в World Wide Web (WWW). В этом основное отличие HTML и HTML5.

Ссылка:

1. «Обзор HTML». Www.tutorialspoint.com,

Отличия html4 от html5. Предварительный обзор HTML5

В статье кратко рассмотрены различия html5 и html 4.
Синтаксис, кодировка символов, новые элементы, новые атрибуты, API. Также будуn рассмотрены отменённые атрибуты и ряд значительных изменений.

HTML 5 еще в разработке, но про него уже известно много интересного. Нововведения на первый взгляд кажутся противоречивыми, как будет обстоять дело в реальности — покажет время.

Синтаксис

HTML 5 будет иметь два синтаксиса — «custom» HTML и XML. HTML синтаксис определяет детализированные правила синтаксического анализа (включая «обработку ошибок»). Пользовательские агенты будут следовать этим правилам для документов, имеющих MIME тип text/html. Вот пример синтаксиса HTML: XML синтаксис совместим с документами XHTML1 и его реализациями. Чтобы использовать этот синтаксис нужно объявить MIME тип XML, а элементы должны быть выстроены согласно спецификации XML. Ниже приведен пример, который соответствует синтаксису XML:

01 xml version = «1.0» encoding = «UTF-8» ?>

04 Example document title >

05 head >

07 Example paragraph p >

08 body >

09 html >

Кодировка символов

Для синтаксиса HTML разработчики могут использовать три способа установки кодировки: — на транспортном уровне. При использовании Content-Type HTTP заголовка, например. — используя символ Unicode Byte Order Mark (BOM) в начале файла. Этот символ обеспечивает сигнатуру используемого кодирования. — используя мета тег с атрибутом charset, который должен быть определен как первый дочерний элемент head. Обратите внимание, что для определения кодировки используется

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

Новые элементы

section представляет часть документа или раздел
article представляет независимую часть содержания для включения в документ статей
aside представляет часть содержания, которая только частично связана с остальной страницей
header представляет заголовок section
footer — нижний колонтитул, может содержать информацию об авторе, авторском праве и так далее
nav представляет раздел документа, предназначенный для навигации
dialog может использоваться для выделения диалогов:
01

02 Costello

03 Look, you gotta first baseman?

04 Abbott

05 Certainly.

06 Costello

07 Who»s playing first?

08 Abbott

09 That»s right.

10 Costello

11 When you pay off the first baseman every month, who gets the money?

12 Abbott

13 Every dollar of it.

14 dialog >

figure может использоваться для связи заголовка с медиа контентом:
audio и video для мультимедиа. Оба обеспечивают соответствующий API. Таким образом разработчики могут писать скрипты собственного пользовательского интерфейса, но также предусмотрен способ вызова стандартного API пользовательского агента. Вместе с этими элементами может быть использован source , если есть возможность организовать параллельные потоки.
embed используется для контента plugin»ов.
meter — для представления единиц измерений.
time — дата и/или время.
canvas используется для динамической отрисовки графики.
command представляет команду, которую может вызвать пользователь.
datagrid — интерактивное представление списка типа «дерево» или табличных данных.
details представляет дополнительную информацию, которую пользователь может получить по требованию.
datalist вместе с новым атрибутом list используется чтобы сделать combobox:
1
2
3
4
5
6
7 datalist >
datatemplate , rule , и nest обеспечивают механизм шаблонов (templating mechanism) для HTML.
event-source используется для перехвата событий, посланных сервером.
output представляет определенный тип вывода, например, от вычислений, сделанных через скрипт.
progress представляет ход выполнения задачи, например, загрузки.
Атрибут type элемента input теперь имеет следующие новые значения:
- datetime
- datetime-local
- date
- month
- week
- time
- number
- range
- email
Идея относительно этих новых типов состоит в том, что пользовательский агент может обеспечить интерфейс для таких объектов как календарь (выбор даты), интеграции с адресной книгой и предоставить серверу данные в определенном формате. Это дает определенные преимущества как пользователям, так и разработчикам, поскольку пользовательский ввод проверяется перед посылкой на сервер браузером. Это означает, что разработчикам нет необходимости расходовать ресурсы на проверку введенных данных, что, в свою очередь, приводит к сокращению времени ожидания ответа.

Новые атрибуты

HTML 5 вводит несколько новых атрибутов для элементов, которые уже входили в HTML 4:

элементы a и area получили новый признак ping, который определяет список URI адресов, которые должны пропинговаться при переходе по гиперссылке. Принцип функционирования пока до конца не ясен.
элемент area теперь имеет атрибуты hreflang и rel
base получил атрибут target
атрибут value для li и атрибут start для элемента ol больше не deprecated
meta получил атрибут charset
новый атрибут autofocus может быть определен у input (кроме тех случаев, когда type атрибут — hidden ), select , textarea и button . Это обеспечивает способ передачи управления форме во время загрузки страницы
атрибут form для input , output , select , textarea , button и fieldset позволяет связать элемент с более чем одной формой
input , button и form получили атрибут replace , который определяет, что будет с элементом после отправки формы
form , select и datalist имеют атрибут data , который учитывает автоматическое предзаполнение, в случае заполнения данными с сервера
новый атрибут required применяется к input (кроме тех случаев, когда type атрибут — hidden , image или кнопка) и textarea . Он указывает обязательные для заполнения поля
input и textarea имеют новый атрибут inputmode , который дает подсказку пользовательскому интерфейсу относительно того, какие данные ожидаются для ввода
теперь можно disable (отключить) сразу целый fieldset , что не было возможно прежде
элемент input имеет несколько новых атрибутов для определения ограничений: autocomplete , min , max , pattern и step , а также list , который может использоваться вместе с элементами select и datalist
input и button также получили новый атрибут template , который может использоваться для шаблонов повторения
элемент menu имеет три новых атрибута: type , label и autosubmit
script имеет новый атрибут async , который влияет на загрузку и выполнение сценария
элемент html имеет новый атрибут manifest , который указывает на кэш приложений, используемый вместе с API для автономных Web приложений

Несколько атрибутов из HTML 4 применяют ко всем элементам, поэтому их называют глобальными атрибутами: class , dir , id , lang , tabindex и title .

Появились также несколько новых глобальных атрибутов:

атрибут contenteditable указывает, что элемент доступен для редактирования
contextmenu может использоваться для указания на контекстное меню, созданное автором
draggable может использоваться вместе с новым drag&drop API
irrelevant указывает, что элемент еще или больше не актуален

Атрибуты для модели повторения (repetition model):

repeat
repeat-start
repeat-min
repeat-max

Отмененные элементы

Следующие элементы не включены в HTML 5, потому что их эффект достигается использованием CSS: Следующие элементы не включенв в HTML 5, потому что их использование негативно сказывалось на удобстве и доступности: Следующие элементы не включены, потому что использовались редко или они могут быть заменены другими элементами:
acronym
applet замещен object
isindex
dir замещен ul
Наконец noscript остался только в синтаксисе HTML, поскольку его использование предполагает разбор с помощью HTML парсера.
Отмененные атрибуты
accesskey для a , area , button , input , label , legend и textarea
rev и charset для link и a
shape и coords для a
longdesc для img и iframe
target для link
nohref для area
profile для head
version для map , img , object , form , iframe , a
scheme для meta
archive , classid , codebase , codetype , declare и standby для object
valuetype и type для param
charset и language для script
summary для table
headers , axis и abbr для td и th
scope для td
Кроме того, HTML 5 не имеет следующих атрибутов, поскольку они лучше обрабатываются CSS:
align для caption , iframe , img , input , object , legend , table , hr , div , h2-h6 , p , col , colgroup , tbody , td , tfoot , th , thead , tr и body
alink , link , text и vlink для body
background для body
bgcolor для table , tr , td , th и body
border для table , img и object
cellpadding и cellspacing для table
char и charoff для col , colgroup , tbody , td , tfoot , th , thead и tr
clear для br
compact для menu , ol и ul
frame на table
frameborder приписывают на iframe
height для iframe , td и th
hspace и vspace для img и object
marginheight , marginwidth и scrolling для iframe
noshade для hr
nowrap для td и th
rules для table
size для hr , input и select
style для всех элементов
type для li , ol и ul
valign для col , colgroup , tbody , td , tfoot , th , thead и tr
width для hr , table , td , th , col , colgroup , iframe и pre
API
HTML 5 вводит множество API, которые должны помочь в создании Web приложений. Они могут использоваться вместе с новыми элементами.
2D drawing API , который может использоваться с новым элементом canvas
API для проигрывания видео и аудио, который может использоваться с новыми элементами video и audio
выделенная область памяти (Persistent storage) с поддержкой данных в виде ключ / значение и SQL данных
API, который допускает автономную работу web приложений
API, который позволяет web приложений регистрировать себя для определенных протоколов или типов MIME
Editing API в сочетании с новым глобальным атрибутом contenteditable
Drag&drop API в сочетании с атрибутом draggable
Network API
API, который выстраивает историю посещения, чтобы предотвратить нарушение функционирования back кнопки (Этот API имеет необходимые ограничения безопасности)
Cross-document messaging (Передача сообщений между документами)
события сервера (Server-sent events) в сочетании с новым элементом event-source
Расширение HTMLDocument
HTML 5 расширил интерфейс HTMLDocument. Интерфейс теперь реализован на всех объектах интерфейса Document. Его новые методы:
getElementsByClassName()
activeElement и hasFocus
getSelection()
designMode и execCommand() , которые используются главным образом для редактирования документов
Расширение к HTMLElement
Интерфейс HTMLElement также получил несколько расширений:
getElementsByClassName()
innerHTML
classList введен для удобства доступа к className . Возвращаемый объект имеет методы has() , add() , remove() и toggle() для манипуляции классами элемента
По мотивам
HTML5 привлёк к себе огромное внимание веб-разработчиков. И так отличия HTML5 от его предшественников.
Новые возможности этого стандарта предназначены для создания интерактивных веб-приложений с максимальным использованием мультимедийного контента, работы с программными интерфейсами и структурирования документов. язык интерактивный веб приложение
Структурные возможности HTML5 создают структуру веб-документа более простой и понятной, а код намного «чище». Вместо контейнеров div, использующихся в HTML 4.01 можно использовать такие теги как header «заголовок», nav «навигация», section «раздел документа», article «содержимое сайта», aside «содержимое сайта» и footer «подвал сайта».
Новые элементы позволяют лучше описывать верхний и нижние колонтитулы, блоки сайта, текста и другие части веб-сайта. Эти нововведения используются для генерации оглавления и организации более эффективной и простой навигации по веб-странице, не засоряя при этом код другими второстепенными тегами. Приведём примеры:
Пример 1. Вместо громоздкой записи HTML4.01:
/p>
«http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>,
в HTML5 это будет выглядеть гораздо короче:
.Пример 2. В HTML4 для создания заголовка необходим код:
HTML против HTML5 — Технология
Содержание:
Содержание: Разница между HTML и HTML5
Что такое HTML?
а также , хотя есть также некоторые пустые элементы, и это требование, как , Веб-браузеры могут читать файлы HTML и отображать их на видимой или слышимой веб-странице. Веб-браузеры не отображают HTML-теги и сценарии, но используют их для интерпретации содержимого страницы. HTML семантически описывает структуру веб-сайта вместе с подсказками для презентации, делая его языком разметки вместо языка программирования. Элементы HTML формируют структурные блоки всех сайтов. Это позволяет встраивать изображения и объекты и может использоваться для создания интерактивных форм. HTML 4 усиливает HTML с помощью систем для шаблонов, сценариев, схем, установки объектов, улучшенной поддержки для курса справа налево и смешанных курсов, более богатых таблиц и обновлений до структур, предлагая повышенную открытость для людей с ограниченными возможностями. HTML 4.01 — это поправка к HTML 4.0, которая исправляет ошибки и вносит некоторые улучшения по сравнению с предыдущей модификацией. Эта адаптация HTML была составлена с помощью специалистов в области интернационализации, поэтому записи могут составляться на каждом диалекте и легко транспортироваться по всему миру. Это было улучшено путем консолидации, которая управляет интернационализацией HTML. Одним из обязательных шагов было присвоение стандартов ISO / IEC: 10646 (считают) набором символов записи для HTML. Это наиболее полный в мире стандарт управления проблемами представления глобальных символов, курса содержания, акцентуации и других мировых проблем диалекта. HTML теперь предлагает более примечательную поддержку для различных человеческих диалектов в записи. Это учитывает более успешную индексацию архивов для интернет-поисковиков, более качественную типографику, лучшее преобразование контента в дискурс, улучшенную расстановку переносов и так далее. Кропотливо обрисовывая в общих чертах свои таблицы и используя новые элементы таблиц в HTML 4, создатели могут помочь клиентским специалистам быстрее создавать архивы. Создатели могут выяснить, как планировать таблицы для инкрементального рендеринга (см. Компонент TABLE). Практики должны проконсультироваться с примечаниями к таблицам в приложении для данных о дополнительных вычислениях.
Что такое HTML5?
Ключевые отличия
Hyper Markup Language (HTML) является основным языком разметки для веб-страниц. HTML5 — это версия HTML. Есть много различий, которые приведены в HTML5. Основное различие между HTML и HTML 5 заключается в том, что видео и аудио не являются частью HTML, хотя оба они являются неотъемлемой частью спецификаций HTML5. Главное, что вы должны знать, это то, что, возможно, интересно, что улучшение стандарта диалекта признает эту настоящую реальность. Чтобы сохранить сходство документов с существующим стандартом, который фактически является HTML 4.01, был сделан смелый выбор в отношении того, каким образом веб-программа отображает записи с маршрута, о котором мы, инженеры, должны думать о них. Таким образом, программа, или «специалист по клиенту», должна даже теперь обрабатывать HTML4 как внутренний компонент на том основании, что в любом случае в Интернете будет большое количество записей, которые ее используют. В любом случае, мы не будем больше составлять HTML с фокусом; по сути, его отбрасывают с диалекта (используйте CSS). Это сходство происходит в обоих направлениях: более авторитетные программы могут (и будут) в основном игнорировать HTML5-код без каких-либо проблем. Как ни крути, чтобы увидеть, что HTML 5 может сделать для вас, он не был институционализирован, как HTML4. Вам не нужно беспокоиться о перестройке страниц, собранных с использованием HTML 4. Ему уже более десяти лет, и он является установленным стандартом. Когда вы запрыгнете в HTML5 обеими ногами, произойдет капитальный ремонт. Компоненты и свойства включены и изменены несколько раз в год. Очевидно, что это то количество, на которое вы полагаетесь на богатые компоненты, но это абсолютно опасность, которую вы должны обдумать, используя жидкий диалект. HTML5 используется для повышения способности программы быть прикладной, посредством HTML, CSS и Javascript. Многочисленные компоненты были добавлены специально к диалекту, который в настоящее время (в HTML4), например, Flash или JS-хаки, , , а также . Полезные вещи, например, Local Storage (js-доступная программа, работающая в базе данных оценки ключей, для удаления данных за пределы того, что может содержать лечение), новые сортировки информации, например, дата, за которую программа может раскрыть простой клиентский интерфейс ( с целью, что нам не нужно использовать наши средства выбора расписания на основе js), а утверждение утвержденной структуры программы сделает создание веб-приложений гораздо менее трудным для инженеров и сделает их намного быстрее для клиентов (так как множество вещей будет поддерживаться локально, в отличие от взлома с помощью JavaScript). Тем не менее, HTML4 по-прежнему является стандартом W3C для программных приложений, он не является полностью обязательным для изменения шаблонов регистрации бизнеса. Таким образом, HTML5 был создан с целью преодоления этих новых трудностей в веб-индустрии. HTML5 более адаптируем, мощен и совершенствуется в отличие от своего более известного партнера.

Содержание: Разница между HTML и HTML5
Что такое HTML?
Что такое HTML5?
Ключевые отличия
Что такое HTML?
Hyper Markup Language или просто HTML — это язык разметки, используемый веб-разработчиками для создания веб-страниц. Он написан в формате HTML-элементов, содержащих теги в квадратных скобках, такие как like». Эти теги используют в паре, как
а также , хотя есть также некоторые пустые элементы, и это требование, как , Веб-браузеры могут читать файлы HTML и отображать их на видимой или слышимой веб-странице. Веб-браузеры не отображают HTML-теги и сценарии, но используют их для интерпретации содержимого страницы. HTML семантически описывает структуру веб-сайта вместе с подсказками для презентации, делая его языком разметки вместо языка программирования. Элементы HTML формируют структурные блоки всех сайтов. Это позволяет встраивать изображения и объекты и может использоваться для создания интерактивных форм. HTML 4 усиливает HTML с помощью систем для шаблонов, сценариев, схем, установки объектов, улучшенной поддержки для курса справа налево и смешанных курсов, более богатых таблиц и обновлений до структур, предлагая повышенную открытость для людей с ограниченными возможностями. HTML 4.01 — это поправка к HTML 4.0, которая исправляет ошибки и вносит некоторые улучшения по сравнению с предыдущей модификацией. Эта адаптация HTML была составлена с помощью специалистов в области интернационализации, поэтому записи могут составляться на каждом диалекте и легко транспортироваться по всему миру. Это было улучшено путем консолидации, которая управляет интернационализацией HTML. Одним из обязательных шагов было присвоение стандартов ISO / IEC: 10646 (считают) набором символов записи для HTML. Это наиболее полный в мире стандарт управления проблемами представления глобальных символов, курса содержания, акцентуации и других мировых проблем диалекта. HTML теперь предлагает более примечательную поддержку для различных человеческих диалектов в записи. Это учитывает более успешную индексацию архивов для интернет-поисковиков, более качественную типографику, лучшее преобразование контента в дискурс, улучшенную расстановку переносов и так далее. Кропотливо обрисовывая в общих чертах свои таблицы и используя новые элементы таблиц в HTML 4, создатели могут помочь клиентским специалистам быстрее создавать архивы. Создатели могут выяснить, как планировать таблицы для инкрементального рендеринга (см. Компонент TABLE). Практики должны проконсультироваться с примечаниями к таблицам в приложении для данных о дополнительных вычислениях.
Что такое HTML5?
HTML5 является пятой версией HTML и является языком разметки основных технологий Интернета, который используется для структурирования и представления контента для WWW. Это последняя, окончательная и полная версия стандарта HTML W3C (World Wide Web Consortium). Это преемник HTML4, который был стандартизирован в 1997 году. Целью HTML5 является улучшение языка за счет поддержки новейших мультимедиа, в то же время делая его удобным для пользователя и легко читаемым людьми и последовательно понимаемым компьютерами и устройствами, такими как анализатор веб-браузеров и т. Д. HTML5 предназначен для включения не только HTML4, но также HTML XHTML 1 и DOM Level 2. HTML5 является ответом на тот факт, что HTML и XHTML, широко используемые в WWW, представляют собой смесь функций, запускаемых несколькими спецификациями, и функций, запускаемых программными продуктами, такими как веб-браузеры, которые установлены обычной практикой. HTML5 — это диалект разметки, используемый для организации и отображения контента в World Wide Web. Как следует из названия, HTML 5 является пятой и текущей формой стандарта HTML. Он был распространен в октябре 2014 года Консорциумом всемирной паутины (W3C) для расширения диалекта за счет поддержки новейших интерактивных носителей, хотя он легко поддерживается людьми и надежно воспринимается компьютерами и гаджетами, например веб-программами. парсеры и тд. HTML5 предлагается включить в HTML 4, а также в HTML XHTML 1 и DOM Level 2. HTML5 включает в себя мельчайшие модели подготовки, чтобы активизировать более совместимое использование; он дополняет, расширяет и узаконивает разметку, доступную для архивов, и представляет интерфейсы разметки и прикладного программирования (API), которые используются для сложных веб-приложений. По тем же причинам HTML5 также является претендентом на использование многоступенчатых портативных приложений, поскольку он включает в себя основные моменты, выделенные с помощью низкокачественных гаджетов, например, мобильных телефонов и планшетов. Многочисленные новые синтаксические компоненты включены. Для локального включения и обработки интерактивных средств массовой информации и графического материала новые , а также компоненты были включены, и поддержка для адаптивного векторного дизайна (SVG) вещества и MathML для научных уравнений. Чтобы продвинуть семантическую сущность записей, новые компоненты структуры страницы. Новые свойства представлены, некоторые компоненты и характеристики были эвакуированы, а другие, например, а также были изменены, переосмыслены или институционализированы. API и объектная модель документа (DOM) в настоящее время являются важными частями спецификации HTML5, а HTML5 дополнительно лучше характеризует обработку любых недопустимых отчетов.
Ключевые отличия
Аудио и видео не были частью предыдущих спецификаций версии HTML, однако оба они являются неотъемлемой частью спецификаций HTML5.
Векторная графика также является неотъемлемой частью HTML5, такой как SVG и canvas, тогда как векторная графика в HTML возможна с помощью различных технологий, таких как VML, Silver-light, Flash и т. Д.
В HTML кеш браузера можно использовать как временное хранилище. В случае HTML5 используется кэш приложения, база данных веб-SQL и веб-хранилище.
HTML не позволяет запускать JavaScript в веб-браузере, он работает в том же потоке, что и интерфейс браузера. HTML5 позволяет запускать JavaScript в фоновом режиме, что возможно из-за API-интерфейса JS Web в HTML5.
HTML работает без проблем со всеми старыми браузерами, в то время как большинство современных веб-браузеров начали поддерживать спецификации HTML5. Эти браузеры включают в себя: Firefox, Mozilla, Chrome, Opera, Safari и т. Д.
Разница между HTML и HTML5
HTML означает Hyper Text Markup Language . Он используется для разработки веб-страниц с использованием языка разметки. HTML — это комбинация гипертекста и языка разметки. Гипертекст определяет связь между веб-страницами. Язык разметки используется для определения текстового документа внутри тега, который определяет структуру веб-страниц. Этот язык используется для аннотирования (в примечании для компьютера) текста, чтобы машина могла его понять и соответственно манипулировать текстом.Большинство языков разметки (например, HTML) удобочитаемы. В языке используются теги, чтобы определить, какие манипуляции над текстом должны выполняться. Он используется для структурирования и представления контента на веб-страницах. HTML5 — пятая версия HTML. Многие элементы удалены или изменены из HTML5.
Между HTML и HTML5 есть много различий, которые обсуждаются ниже:
HTML HTML5
Он не поддерживал аудио и видео без использования поддержки flash player. Он поддерживает управление аудио и видео с использованием тегов
Он использует файлы cookie для хранения временных данных. Он использует базы данных SQL и кеш приложений для хранения автономных данных.
Запрещает запуск JavaScript в браузере. Позволяет JavaScript работать в фоновом режиме. Это возможно благодаря JS Web worker API в HTML5.
Векторная графика возможна в HTML с помощью различных технологий, таких как VML, Silver-light, Flash и т. Д. Векторная графика также является неотъемлемой частью HTML5, как SVG и холст.
Не разрешает эффекты перетаскивания. Позволяет перетаскивать эффекты.
Невозможно рисовать такие фигуры, как круг, прямоугольник, треугольник и т. Д. HTML5 позволяет рисовать такие фигуры, как круг, прямоугольник, треугольник и т. Д.
Он работает со всеми старыми браузерами. Поддерживается всеми новыми браузерами, такими как Firefox, Mozilla, Chrome, Safari и т. Д.
Старая версия HTML менее удобна для мобильных устройств. Язык HTML5 более удобен для мобильных устройств.
Объявление Doctype слишком длинное и сложное. Декларация Doctype довольно проста и удобна.
Отсутствовали такие элементы, как nav, header. Новый элемент для веб-структуры, такой как навигация, верхний колонтитул, нижний колонтитул и т. Д.
Кодировка символов длинная и сложная. Кодировка символов проста и удобна.
Получить истинное географическое местоположение пользователя с помощью браузера практически невозможно. Можно легко отслеживать географическое местоположение пользователя с помощью JS GeoLocation API.
Он не может обрабатывать неточный синтаксис. Он способен обрабатывать неточный синтаксис.
Такие атрибуты, как charset, async и ping, отсутствуют в HTML. Атрибуты charset, async и ping являются частью HTML 5.
Многие элементы HTML были изменены или удалены из HTML5.Некоторые из них перечислены ниже:
Элемент В HTML5
Изменено на <объект>
Изменено на
Изменено на
Удалено
Удалено

HTML	HTML5
Он не поддерживал аудио и видео без использования поддержки flash player.	Он поддерживает управление аудио и видео с использованием тегов
Он использует файлы cookie для хранения временных данных.	Он использует базы данных SQL и кеш приложений для хранения автономных данных.
Запрещает запуск JavaScript в браузере.	Позволяет JavaScript работать в фоновом режиме. Это возможно благодаря JS Web worker API в HTML5.
Векторная графика возможна в HTML с помощью различных технологий, таких как VML, Silver-light, Flash и т. Д.	Векторная графика также является неотъемлемой частью HTML5, как SVG и холст.
Не разрешает эффекты перетаскивания.	Позволяет перетаскивать эффекты.
Невозможно рисовать такие фигуры, как круг, прямоугольник, треугольник и т. Д.	HTML5 позволяет рисовать такие фигуры, как круг, прямоугольник, треугольник и т. Д.
Он работает со всеми старыми браузерами.	Поддерживается всеми новыми браузерами, такими как Firefox, Mozilla, Chrome, Safari и т. Д.
Старая версия HTML менее удобна для мобильных устройств.	Язык HTML5 более удобен для мобильных устройств.
Объявление Doctype слишком длинное и сложное.	Декларация Doctype довольно проста и удобна.
Отсутствовали такие элементы, как nav, header.	Новый элемент для веб-структуры, такой как навигация, верхний колонтитул, нижний колонтитул и т. Д.
Кодировка символов длинная и сложная.	Кодировка символов проста и удобна.
Получить истинное географическое местоположение пользователя с помощью браузера практически невозможно.	Можно легко отслеживать географическое местоположение пользователя с помощью JS GeoLocation API.
Он не может обрабатывать неточный синтаксис.	Он способен обрабатывать неточный синтаксис.
Такие атрибуты, как charset, async и ping, отсутствуют в HTML.	Атрибуты charset, async и ping являются частью HTML 5.

Элемент	В HTML5
	Изменено на <объект>
	Изменено на
	Изменено на
	Удалено
	Удалено