6.1 Описание языкаHtml5
HTML5– это пятая версия основного языка разметки веб-страниц, разработка которой началась еще в 2007 году. В настоящее времяспецификация HTML5находится в стадии разработки, закончить которую планируют в 2014 году. Язык HTML5 содержит много новых свойств, что делает HTML значительно более мощным и удобным для создания приложений Web. Основные свойства языкаHTML5:
Новые семантические элементы. HTML5 содержит новые семантические элементы для разметки страницы, такие как <nav>, <header>,<section>, <footer> и <article>.;
Новые свойства форм. HTML5 предоставляет стандартизованный, простой способ реализации таких свойств, как выбор даты, ползунки и клиентская проверка;
Собственная поддержка видео и аудио. HTML5 содержит элементы <video> и <audio> для простой реализации собственных видео и аудио плееров с помощью только открытых стандартов, и также содержит API, позволяющий легко реализовать индивидуальные элементы управления плеером;
API рисования на холсте: Элемент <canvas> и соответствующий API позволяют определить на странице область для рисования, и использовать команды JavaScript для рисования линий, фигур и текста, импорта и манипуляций с изображениями и видео, экспорта в различные форматы изображений, и многих других вещей.
Сокеты Web. API позволяет открывать постоянное соединение между сервером и клиентом на определенном порте, и посылать данные в обоих направлениях, пока порт не будет закрыт. Это существенно улучшает эффективность приложений web, так как данные могут непрерывно и аккуратно передаваться между клиентом и сервером без постоянной перезагрузки страницы, и без постоянного опроса сервера, чтобы проверить, нет ли доступных обновлений.
Хранилище Web.Web хранилище HTML5 позволяет хранить значительно больше данных, и делать с ними значительно больше.
Web workers. Общая проблема, встающая перед приложениями web, состоит в том, что их производительность страдает, когда требуется обработать много данных, в связи с тем, что все происходит в одной нити/процессе (только одна последовательность обработки может выполняться в текущий момент). Web Workers смягчают эту проблему, позволяя создавать фоновые процессы для выполнения значительного объема вычислений, позволяя основному процессу продолжить выполнение других задач.
Геолокация. Спецификация геолокации определяет API, который позволяет приложению web получить доступ к данным в любом местоположении, которое стало доступным, например, с помощью средств GPS устройства. Это позволяет добавлять в приложения различные полезные свойства, связанные с местоположением, например, выделить контент, который больше подходит для местоположения.
Все современные браузеры уже поддерживают основные элементы HTML5. Список новых и неподдерживаемых тегов языка представлен в таблице 6.1.
Таблица 6.1 – Список новых и неподдерживаемых тегов HTML5
Тег | Описание |
<applet> | Не поддерживается.Определяет апплет |
<article> | Определяет статью |
<aside> | Определяет контент в стороне от основного контента страницы |
<audio> | Определяет аудио контент |
<basefont> | Не поддерживается.Используется вместо CSS для задания шрифта |
<canvas> | Определяет графики |
<center> | Не поддерживается. Определяет текст по центру |
<command> | Определяет командную кнопку |
<datagrid> | Определяет данные в упорядоченный список |
<datalist> | Определяет выпадающий список |
<datatemplate> | Определяет шаблон данных |
<details> | Определяет детали элемента |
<dialog> | Определяет диалог (разговор) |
<dir> | Не поддерживается.Определяет список директорий |
<eventsource> | Определяет цель события, отправляемого по серверу |
<figure> | Определяет группу медиа-контента, и их подписи |
<footer> | Определяет нижний колонтитул для раздела или страницы |
<header> | Определяет область заголовка раздела или страницы |
<isindex> | Не поддерживается.Определяет поисковый индекс в документе |
<mark> | Определяет выделенный текст |
<meter> | Определяет измерения в течение заранее определенного диапазона |
<nav> | Определяет навигационные ссылки |
<nest> | Определяет вложенную точку в шаблоне данных |
<noframes> | Не поддерживается.Определяет секцию, не поддерживающую фрейм |
<progress> | Определяет ход выполнения задачи любого рода |
<rule> | Определяет правила для обновления шаблонов |
<s> | Не поддерживается. Определяет зачеркнутый текст |
<strike> | Не поддерживается.Определяет зачеркнутый текст |
<time> | Определяет дату/время |
<video> | Определяет видео |
<xmp> | Не поддерживается. Определяет выровненный текст |
Из таблицы видно, что новых тегов достаточно много, некоторые из них уже ориентированы на динамический контент, что дает большое преимущество HTML 5 перед HTML 4.
- Учреждение образования «Гомельский государственный технический университет имени п.О. Сухого»
- Проектирование и разработка web – сайтов
- Html. Язык разметки гипертекста
- 1. Глобальные компьютерные сети
- 1.1 Интернет. Основные понятия, принципы функционирования
- 1.2 Адресация в Интернете
- 1.3 Архитектура web-приложений
- 1.4 Современные web - технологии
- 2. Язык гипертекстовой разметки страниц html
- 2.1 Язык гипертекстовой разметки страниц html
- 2.2 Структура html-документа
- 2.2 Задание типа html-документа
- 2.3 Основные элементы заголовка html-документа
- 2.4 Теги форматирования html-документа
- 2.5 Графические объекты html-документа
- 2.6 Задание ссылок
- 2.7 Структурированные данные. Списки
- 2.8 Структурированные данные. Таблицы
- 3. Язык гипертекстовой разметки страниц html. Фреймы
- 4. Язык гипертекстовой разметки страниц html. Формы
- 4.1 Задание формы
- 4.2 Элементы пользовательского интерфейса
- 4.3 Задание кнопок. Тег button
- 4.4 Раскрывающийся список. Тег select
- 4.5 Текстовая область. Тег textarea
- Css. Каскадные таблицы стилей
- 5. Назначение стилевых таблиц
- 5.1 Встраивание таблиц стилей в html-документ
- 5.2 Типы селекторов
- 5.2.1 Универсальный селектор
- 5.2.2 Селектор типа
- 5.2.3 Селектор класса
- 5.2.4 Селектор идентификатора
- 5.2.5 Селектор атрибутов
- 5.2.6 Селектор псевдоклассов
- 5.2.7 Селекторы псевдоэлементов
- 5.2.8 Составные селекторы. Комбинаторы
- 5.2.9 Селектор потомка
- 5.2.10 Селектор дочерних элементов
- 5.2.11 Селекторcестринского элемента
- 5.2.12 Селектор обобщенных родственных элементов
- 5.3 Иерархия стилей
- 5.4 Единицы измерения
- 5.5 Описание шрифтов
- 5.6 Оформление списков
- 5.7 Задание цвета и фона
- 5.8 Блочная модель документа. Размеры, поля, отступы, границы
- 5.9 Блочная модель документа. Позиционирование, обтекание, управление видимостью
- 1. Вариант
- 2. Вариант
- 3. Вариант
- 6.1 Описание языкаHtml5
- 6.2 Структурные элементыHtml5
- 6.3Html5 и старые браузеры
- 6.4 Пример сайта наHtml5
- 7. Этапу разработки сайта
- 7.1 Этапы верстки веб-страниц
- 7.2 Особенности верстки веб-страниц
- 7.3 Макет сайта. Табличная верстка
- 7.4 Применение таблиц для верстки сайта. Макет из двух колонок
- Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- 7.5 Применение таблиц для верстки сайта. Макет из трех колонок
- Vertical-align: top; /* Вертикальное выравнивание в ячейках */
- Vertical-align: top; /* Выравнивание по верхнему краю ячейки */
- Vertical-align: top; /* Выравнивание по верхнему краю ячейки */
- 7.6 Применение таблиц для создания рамок
- 7.7 Применение таблиц для склейки изображений
- Литература
- Содержание