В чем ключевое отличие HTML 4 от HTML 5? - PullRequest
140 голосов
/ 25 сентября 2008

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

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

Ответы [ 8 ]

191 голосов
/ 23 февраля 2009

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> s, используемых в сети страница, делая ваши страницы немного более семантическими, но, что более важно, легче читать . Больше не нужно мучительно сканировать, чтобы увидеть, что именно закрывает случайный </div> - вместо этого у вас будет очевидный </header> или </article>, что сделает структуру вашего документа гораздо более интуитивно понятной.

43 голосов
/ 25 сентября 2008

Из Википедия :

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

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

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

10 голосов
/ 23 января 2011

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

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

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

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

2 голосов
/ 06 июля 2012

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

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

0 голосов
/ 23 октября 2013

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

0 голосов
/ 25 сентября 2008

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

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

...