HTML5 является следующей версией стандарта HTML. Все больше и больше программистов начинают создавать веб -сайты в HTML5. Если вы используете как HTML4, так и HTML5, вы обнаружите, что здание с нуля с HTML5 гораздо удобнее, чем мигрирование от HTML4 в HTML5. Хотя HTML5 не полностью подрывает HTML4, у них все еще есть много сходств, но у них также есть некоторые ключевые различия в том, что HTML5 - следующая версия стандарта HTML. Все больше и больше программистов начинают создавать веб -сайты в HTML5. Если вы используете как HTML4, так и HTML5, вы обнаружите, что здание с нуля с HTML5 гораздо удобнее, чем мигрирование от HTML4 в HTML5. Хотя HTML5 не полностью подрывает HTML4, у них все еще есть много сходств, но у них также есть некоторые ключевые различия. Далее, давайте узнаем разницу между HTML5 и HTML4 через эту статью
Новые теги структуры для HTML5
На предыдущих страницах HTML все в основном использовали метод макета Div+CSS. Когда поисковые системы ползут содержание страницы, они могут только догадываться, что контент в одном из ваших Div является контейнером содержимого статьи, контейнером навигационного модуля или контейнером, введенным автором и т. Д. Другими словами, вся структура HTML документа неясна. Чтобы решить эту проблему, HTML5 специально добавил теги структурных элементов, связанные со структурой, такими как заголовок, нижний колонтитул, навигация, содержание статьи и т. Д.
Прежде чем говорить об этих новых тегах, давайте сначала посмотрим на макет обычной страницы:
На приведенном выше картинке мы можем очень четко видеть, что у обычной страницы будут заголовок, навигация, содержание статьи, прикрепленная правая полоса, нижняя и другие модули. Мы различаем его через класс и обрабатываем его через разные стили CSS. Но относительно говоря, класс не является общей стандартной спецификацией. Поисковые системы могут только догадываться о функциях определенной части. Кроме того, если эта страница передается людям с нарушениями зрения для чтения, структура и контент документа не будут очень ясны. Новый макет, принесенный новым тегом HTML5, является следующей ситуацией:
Изменения в веб -эреСтандарты предыдущего поколения HTML: HTML 4.01 и XHTML 1.0 были выпущены более 10 лет назад, и приложения на веб -стороне также резко изменились. Более того, на веб-интерфейсе нет единого и общего интернет-стандарта, и между браузерами слишком много несовместимости, что тратит слишком много времени, поддерживая совместимость этих браузеров. Другое дело, что предыдущие мультимедийные операции, анимация и т. Д. Все требуют поддержки сторонних плагинов, что создает проблему совместимости нескольких платформ. Все это станет стандартом в HTML5, который принципиально решает различия в браузерах и проблемы некоторых сторонних плагинов, что делает веб-приложения более стандартными, более универсальными и более независимыми от устройства.
С тех пор, как H5 официально вышел в 2010 году, его приветствовали и поддерживали крупные браузеры. В настоящее время отрасль движется к H5, и скоро появится эра H5.
HTML5 - не революционные изменения, а развитие. Более того, многие из предыдущих стандартов HTML4 были совместимы, и все веб -приложения, сделанные с помощью последних стандартов HTML5, также можно легко запустить в старых браузерах. Стандарт HTML5 интегрирует многие практические функции, такие как аудио и видео, локальное хранилище, коммуникация сокетов, анимация и т. Д., Которые были рассмотрены и обновлялись при предыдущей разработке приложений. Я считаю, что если у вас есть соответствующий опыт, вы будете очень тронуты.
Цель HTML5 состоит в том, что он обеспечивает стандарты для разработки более простых, независимых и стандартных общих веб -приложений с помощью некоторых новых тегов и новых функций.
Новый стандарт решает три основные проблемы: проблемы совместимости браузера, решает проблему неясной структуры документов и решает такие проблемы, как ограниченные функции веб -приложений.
Разница между HTML4 и HTML51. Некоторые устаревшие теги HTML4 были отменены
К ним относятся маркеры, которые отображают чисто эффекты, такие как <font> и <Center>, которые были полностью заменены CSS.
Другие отмененные свойства: аббревиатура, апплет, Basefont, Big, Center, Dir, Font, Frame, Frameset, Isindex, Noframes, Strike, TT.
2. Добавил несколько новых элементов
Например: более умные теги формы: дата, электронная почта, URL и т. Д.; Более разумные теги: раздел, видео, прогресс, навигация, счетчик, время, в сторону, холст и т. Д.
3. Новый глобальный атрибут: довольствоваемого дизайна, скрытая проверка орфографии tabindex
4. Метод разметки: существует только один тип объявления типа файла (<! Doctype>): <! Doctype html>.
Укажите кодирование символов <meta charset = utf-8>
5. New JS API
6. Обеспечить совместимость
Элементы тега могут быть опущены
Конечные оценки не допускаются: такие как база площади Br
Конечная оценка может быть опущена: например, li dt
Все теги могут быть опущены: например, HTML Head
Пример кода заключается в следующем: Скопировать код