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

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

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

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

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

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

Лучшие возможности веб-приложений

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

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

В HTML5 происходит много других меньших усилий, таких как более четко определенные семантические роли для существующих элементов ( <strong>и <em>теперь фактически означающие что-то другое, и даже <b>и <i>имеющие нечеткую семантику, которая должна хорошо работать при анализе устаревших документов) и добавление новых элементов с полезными семантика - <article>, <section>, <header>, <aside>, и <nav>должен заменить большинство <div>с используемых на веб - странице, что делает ваши страницы немного более семантические, но что более важно, легче читать . Больше не нужно мучительно сканировать, чтобы увидеть, что именно </div>закрывает эта случайная величина - вместо этого у вас будет очевидное </header>или </article>сделающее структуру вашего документа гораздо более интуитивно понятной.

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

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

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

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

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

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

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

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

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

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

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

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

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