Комментарий: хотя HTML5 не полностью подрывает HTML4, они также немного отличаются. Эта статья собрала некоторые видимые различия. Просто сначала овладеть некоторыми, и еще не поздно изучать их в конце концов. Заинтересованные друзья не должны пропустить это.
HTML5 является следующей версией стандарта HTML. Хотя HTML5 не полностью подрывает HTML4, у них также есть некоторые различия. Пожалуйста, смотрите последнюю и наиболее полную информацию о сравнении HTML5-HTML4, она, кажется, немного больше. В этом мире, где IE все еще существует, вы можете сначала овладеть различиями в HTML5, и еще не поздно изучать его тщательно после всей поддержки.
1. Упрощенный синтаксис
HTML5 упрощает много тонкого синтаксиса, например, утверждение Doctype, вам просто нужно написать <! Doctype html>. HTML 5 указывает UTF-8 кодировку следующим образом <meta charset = utf-8>
2. <Canvas> тег заменяет вспышку
Flash вызвала неприятности для многих веб-разработчиков, а воспроизведение на веб-странице требуется куча кодов и плагинов. Тег <canvas> позволяет разработчикам взаимодействовать с пользователями с пользовательским интерфейсом, если они используют один тег.
3 добавлено много новых тегов
Одним из принципов дизайна HTML5 является лучшее отражение семантики веб -сайта, поэтому такие теги, как <Header> и <looter>, добавляются, чтобы четко указать структуру веб -страницы; Добавление <section> и <статья> тегов, <section> и <particle> также способствуют разъяснению структуры веб -страницы и более способствуют SEO; Добавление <меню> и теги <Gure>, <Menu> можно использовать для создания традиционных меню или для панелей инструментов и контекстных меню. <gright> теги делают веб -текст и изображения более профессиональными в макете; Новые теги <audio> и <dive>, эти два тега могут быть двумя наиболее полезными тегами в HTML5, и они также очень удобны в использовании. Например, встраивание видео на страницах HTML5 занимает лишь небольшую часть.
<видео управления>
<Source src = "Jamshed.mp4" type = "video/mp4">
Ваш браузер не поддерживает функцию встраивания видео.
</video>
Точно так же звук и другие вещи похожи.
4. совершенно новая форма
HTML5 внес много модификаций в теги <Form> и <FormInput>, добавил много новых атрибутов и изменил многие атрибуты.
5. Удалить теги <b> и <font>, <crame>, <Center>, <Big> теги
6.HTML5 поддерживает различные типы типов хранения
HTML5 поддерживает локальное хранение и был реализован через файлы cookie в предыдущих версиях. HTML5 Локальное хранение быстро и безопасно. И HTML5 имеет два разных объекта, которые можно использовать для хранения данных. HTML5 сохраняет и обращается к данным через JS:
LocalStorage подходит для долгосрочного хранения данных, и данные не будут потеряны после закрытия браузера.
SessionStorage - это всего лишь хранение данных сеанса, и хранимые данные автоматически удаляются после закрытия браузера.
В целом, HTML5 вышел за рамки языков разметки, и больше семантических тегов сделают HTML5 более полезным. Canvas+Webgl и другие технологии реализуют возможности анимации и обработки и изображения и графики; Местное хранилище может реализовать автономные приложения; WebSocket, изменяя модель HTTP Pure Pull, чтобы осуществить мечту о толчке данных; Mathml, SVG и т. Д., Поддерживает более богатые рендеры и т. Д. Теперь понимание HTML5 все еще находится на поверхностной стадии. В будущем я прочитаю больше книг HTML5 и добавлю некоторые идеи.