HTML5 является следующей версией стандарта HTML. Хотя HTML5 не полностью подрывает HTML4, у них также есть некоторые различия. Для последней и наиболее полной информации о сравнении HTML5-HTML4, пожалуйста, см. Http://dev.w3.org/html5/html4-diffferences/, что, кажется, немного больше. В этом мире, где 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 занимает лишь небольшую часть.
Кода -копия выглядит следующим образом:
<Видео ширина = 450 Высота = 340 Управление>
<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 и добавлю некоторые идеи.