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

Question

Основные отличия между HTML4 и HTML5 draft?

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

Answer 2

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

Answer 3

От Wikipedia:

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

Answer 4

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

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

Answer 5

Возможно, вас заинтересует этот список HTML5 elements and attributes.

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

Answer 6

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

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

Answer 7

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

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

Answer 8

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