Содержание
HTML 5 добавляет множество новых функций в спецификацию HTML, и это легко реализовать. Вы используете тип документа HTML 5, который прост и упрощен:
Да это оно. Просто два слова «doctype» и «html». Это может быть так просто, потому что HTML 5 больше не является частью SGML, а является языком разметки сам по себе.
Набор символов для HTML 5 также упрощен. Он использует UTF-8, и вы определяете его только одним метатегом:
HTML 5 Новая структура
HTML 5 признает, что веб-страницы имеют структуру, так же как книги и другие документы XML имеют структуру. Как правило, веб-страницы имеют навигацию, основной текст, содержимое боковой панели, верхние и нижние колонтитулы и другие функции. HTML 5 имеет теги для поддержки этих элементов страницы. Они есть:
- определяет разделы страниц.
- определяет заголовок страницы.
- определяет нижний колонтитул страницы.
- определяет навигацию по странице.
- определяет статью или основной контент на странице.
- определяет дополнительный контент как боковую панель на странице.
- определяет изображения, которые аннотируют статью.
HTML 5 новые встроенные элементы
Новые встроенные элементы определяют некоторые основные понятия и содержат их семантическую разметку:
- указывает на содержание, помеченное каким-либо образом.
- указывает на содержание, которое является временем или датой.
- указывает на содержимое, которое является частью известного диапазона, такого как использование диска.
- указывает на продвижение задачи к завершению.
Поддержка HTML 5 New Dynamic Pages
HTML 5 был разработан, чтобы помочь разработчикам веб-приложений, поэтому есть много новых функций, которые облегчают создание динамических HTML-страниц:
- Контекстные меню — HTML 5 поддерживает создание и использование контекстных меню на веб-страницах и в приложениях.
- HREF не требуется для тега. Это позволяет использовать тег со сценариями и в веб-приложениях без необходимости места для отправки этого якоря.
- асинхронный атрибут — Это добавляется к тегу script, чтобы сообщить браузеру, что скрипт должен загружаться асинхронно, чтобы не замедлять загрузку и отображение остальной части страницы.
- — Это предоставляет подробную информацию об элементе. Это было бы похоже на всплывающие подсказки в не-веб-приложениях.
- создает таблицу, созданную из базы данных или другого динамического источника.
- старый тег, возвращенный и давший новую жизнь, позволяющий вам создать систему меню на ваших веб-страницах.
- определяет действия, которые должны произойти при активации динамического элемента.
HTML 5 новые типы форм
HTML 5 поддерживает все стандартные типы ввода, но добавляет еще несколько:
- Дата и время
- Дата и время-местный
- свидание
- месяц
- неделю
- время
- номер
- ассортимент
- электронное письмо
- URL
HTML 5 Новые элементы
В HTML 5 есть несколько интересных новых элементов:
- — Этот элемент дает вам место для рисования в JavaScript на ваших веб-страницах. Он может добавлять изображения или графики во всплывающие подсказки или создавать динамические графики на ваших веб-страницах, созданные на лету.
- — Добавить видео на свои веб-страницы с помощью этого простого тега.
- — Добавьте звук на свои веб-страницы с помощью этого простого тега.
HTML 5 удаляет некоторые элементы
Некоторые элементы в HTML 4 больше не поддерживаются HTML 5. Большинство уже устарело и не должно удивлять. Они есть:
- акроним
- апплет
- BASEFONT
- большой
- центр
- реж
- шрифт
- Рамка
- фреймы
- ISINDEX
- NOFRAMES
- NoScript
- s
- забастовка
- тт
- U
