В чем ключевое различие между HTML 4 и HTML 5?

Question

В чем заключаются ключевые различия между HTML4 и HTML5-черновик?

Пожалуйста, сохраняйте ответы, связанные с измененным синтаксисом и добавленными/удаленными элементами HTML.

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

Answer 2

От Википедия:

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

Answer 3

Вы захотите проверить Отличия HTML5 от HTML4:Примечание рабочей группы W3C, 9 декабря 2014 г. за полные различия.Появилось много новых элементов и атрибутов элементов.Некоторые элементы были удалены, а другие имеют другое смысловое значение, чем раньше.

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

Answer 4

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

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

Answer 5

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

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

Answer 6

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

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

Answer 7

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

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

Answer 8

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