Ответ 1

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>, что сделает структуру вашего документа более интуитивной.

Ответ 2

От Wikipedia:

• Новые правила синтаксического анализа, ориентированные на гибкий анализ и совместимость
• Новые элементы - раздел, видео, прогресс, nav, метр, время, в стороне, холст
• Новые атрибуты ввода - даты и время, адрес электронной почты, URL-адрес
• Новые атрибуты - ping, charset, async
• Глобальные атрибуты (которые могут применяться для каждого элемента) - id, tabindex, repeat
• Устаревшие элементы опущены - центр, шрифт, удар

Ответ 3

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

Ответ 4

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

• API для воспроизведения видео и аудио, которые могут использоваться с новыми видео и аудио элементами.
• API, который позволяет автономные веб-приложения.
• API, который позволяет веб-приложению регистрироваться для определенных протоколов или типов мультимедиа.
• API редактирования в сочетании с новым глобальным атрибутом contenteditable.
• API перетаскивания в сочетании с атрибутом draggable.
• API, который предоставляет историю и позволяет добавлять страницы к ней, чтобы предотвратить разрыв кнопки "Назад".

Ответ 5

Вам может быть интересен этот список элементы и атрибуты HTML5.

Также обратите внимание, что это "HTML 4", а не "HTML4". Действительно, для HTML 5 оба варианта используются, но есть важное различие в значении. HTML 5 ссылается на имя спецификации W3C, тогда как "HTML5" - это тип документа этих файлов HTML с типом text/html MIME, который следует за этой спецификацией. То же самое касается XHTML 5 и XHTML5.

Ответ 6

Теперь W3c предоставляет официальную разницу на своем сайте:

http://www.w3.org/TR/html5-diff/

Ответ 7

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

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

Ответ 8

Короче говоря, это очень просто по сравнению с html, удаляется длинный doctype, а также удаляются теги центра и шрифта. Я также ответил на эту разницу в своем блоге: http://ravisinghblog.in/key-difference-between-html-and-html-5/