Теория урока

83. Знакомство с HTML5

Отличия HTML5 от HTML4

Перед тем как перейти к теории урока, немного напишу о HTML5.

В HTML5 по сравнению с HTML4 валидатор (DOCTYPE) всего один и это <!DOCTYPE html>.
HTML5 стал поддерживать SVG и язык математической разметки (MathML).
Огромное количество новых тегов, перечислять не буду. О всех их узнаете в этом курсе.
В HTML5 появились новые атрибуты для тегов и новые значения атрибута type для универсального тега формы (<input>).
Список универсальных атрибутов тоже пополнился.
Многие теги теперь считаются «устаревшими».
Некоторые имена тегов заменены на новые.
Появились новые API и элементы DOM.

Кодировка

Если вы писали на HTML4 или выполняли мои предыдущие курсы, то вы указываете кодировку таким образом:

Код HTML

<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8">

Но после введения HTML5, кодировку можно указывать так:

Код HTML

<meta charset = "utf-8">

Что еще стоит забыть, если вы пишите на HTML5

Можете забыть про указание типа (атрибут type) у тега <style> и <script>.

Похожие уроки и записи блога

Первое знакомство с PythonЗнакомство с Python

Первое знакомство с HTMLЗнакомство с HTML

Функциональное программирование: map, filter и reduceЗнакомство с Python

Написание модулей в PythonЗнакомство с Python

Первое знакомство с PHPБлог

Обновление от 3 сентября 2022 г. на CodebraБлог

Погружение в PythonЗнакомство с Python

Структуры данных в PythonЗнакомство с Python

Что такое HTML?Знакомство с HTML

Предыдущий урок «71. Что такое формы в HTML» Следующий урок «84. Структурирование страницы при помощи HTML5»

HTML

CSS

Браузер

Вернуть расположение блоков

Код HTML

Код CSS

Браузер×

Задание

Восстановить код

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков и участие в рейтинге среди пользователей), вам нужно авторизоваться. Это можно сделать пройдя обычную регистрацию с использованием почты или в пару кликов, если у вас есть один из аккаунтов: ВКонтакте, GitHub, Google, Яндекс или Telegram.

Упростите кодировку. Она должна выглядеть как в HTML5
Уберите лишние атрибуты в теге <script>

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.

Необходимо авторизоваться, чтобы проверить задание
Это займет не больше минуты.