HTML5 Учебники
HTML5 является последняя версия HTML в октябре 2014 года по стандартам консорциума World Wide Web (W3C) завершено.
HTML5 предназначен для поддержки мультимедиа на мобильных устройствах.
HTML5 легко узнать.
Что такое HTML5?
HTML5 является следующим поколением стандарта HTML.
HTML, предыдущая версия HTML 4.01 родилась в 1999 году. С тех пор, веб-мир претерпел кардинальные изменения.
HTML5 все еще находится в усовершенствовал. Тем не менее, большинство современных браузеров уже имеют некоторую поддержку HTML5.
HTML5, как начать?
W3C и WHATWG HTML5 является результатом сотрудничества, WHATWG означает Web Hypertext Application Technology Рабочая группа. ,
WHATWG посвященный веб-форм и приложений, а также W3C сосредоточены на XHTML 2.0. В 2006 году обе стороны решили сотрудничать, чтобы создать новую версию HTML.
HTML5 некоторые интересные новые функции:
- Для окраски холста элемента
- видео и аудио элементы для воспроизведения медиа-файлов
- Лучшая поддержка для локального хранения данных в автономном режиме
- Новые специальные элементы контента, такие как статьи, колонтитул, заголовок, нав, раздел
- Новые элементы управления формы, как календарь, дата, время, адрес электронной почты, URL, поиск
HTML5 <! DOCTYPE>
<! DOCTYPE> декларация должна быть в первой строке документа HTML5, очень прост в использовании:
Минимальный документ HTML5
Вот простой HTML5 документ:
Примечание: Для китайских веб - страниц нужно использовать <META Charset = "UTF-8 "> заявление, в противном случае он будет искажен.
Улучшенная HTML5
- Новый элемент
- Новая недвижимость
- Полная поддержка CSS3
- Видео и аудио
- 2D / 3D чертеж
- Местный магазин
- Локальные данные SQL
- веб-приложения
HTML5 Мультимедиа
Вы можете просто использовать воспроизведение видео в формате HTML5 (видео) и аудио (аудио) на странице.
HTML5 приложений
Вы можете просто использовать разработки приложений HTML5
- Локальные данные для хранения
- Доступ к локальным файлам
- Локальные данные SQL
- кэш цитатой
- Javascript рабочие
- XHTMLHttpRequest 2
HTML5 графика
Использование HTML5 можно просто рисовать графику:
- Используйте <Canvas> элемент.
- Используйте встроенные в SVG .
- Используйте CSS3 2D преобразование , CSS3 3D преобразование .
Использование HTML5 CSS3
- Новый селектор
- Новая недвижимость
- анимация
- 2D / 3D преобразование
- галтель
- эффект Shadow
- Загружаемые шрифты
Узнать больше информации CSS3 смотрите сайт CSS3 учебники.
Смысловые элементы
HTML5 добавляет множество смысловых элементов следующим образом:
| этикетка | описание |
|---|---|
| <Статья> | Определите отдельную область содержимого страницы. |
| <Кроме> | Определить боковой панели страниц контента. |
| <BDI> | Это позволяет установить фрагмент текста, направление текста от настроек родительского элемента. |
| <Command> | Кнопки пользовательских команд - такие, как радио-кнопки, флажки или кнопки |
| <Подробнее> | Подробная информация о документе или разделе |
| <Диалог> | диалоговое окно, такие как воздушные шары Настроить |
| <Дополнительная информация> | Тег заголовка содержит детали элементов |
| <Рисунок> | Отдельные положения потокового контента (изображения, графику, фотографии, код и т.д.). |
| <Figcaption> | Определение <фигуры> название элемента |
| <Footer> | Определенный раздел или документ, сноска. |
| <Заголовок> | Она определяет область заголовка документа |
| <Mark> | Определенный текст с отметкой. |
| <Измерительный прибор> | Определение мер и весов. Известен только используется для измерения максимального и минимального значений. |
| <Nav> | Определить навигационные ссылки раздел. |
| <Прогресс> | Определено расписание любого типа задачи. |
| <Рубин> | Определение рубинового аннотацию (китайский фонетический или символы). |
| <Rt> | Задаваемые символов (китайский фонетический или символ) толкование или произношение. |
| <Rp> | В рубинового аннотацию используется для определения содержимого не поддерживает браузер рубиновый элемент отображается. |
| <Раздел> | Определение раздела документа (раздел, раздел). |
| <Время> | Определить дату или время. |
| <WBR> | Положения, в тексте, где уместно добавить разрыв строки. |
HTML5 Forms
Новые элементы формы, новые атрибуты, новые типы входов, автоматическая проверка.
Удалены элементы
Следующий HTML 4.01 элементы в HTML5 было удалено:
- <Сокращение>
- <Апплета>
- <BASEFONT>
- <Большой>
- <Центр>
- <Dir>
- <Шрифт>
- <Рама>
- <FRAMESET>
- <NOFRAMES>
- <Удар>
Примеры каждой главы
Через наш HTML редактор, вы можете редактировать HTML, а затем нажмите кнопку, чтобы увидеть результаты.
примеров
Попробуйте »
Нажмите на кнопку "Try" , чтобы просмотреть результаты онлайн-операции.
Поддержка браузеров HTML5
В последней версии Safari, Chrome, Firefox и Opera поддерживает некоторые функции HTML5. Internet Explorer 9 будет поддерживать некоторые функции HTML5.
IE9 браузер совместимые версии следующих методов HTML5, html5shiv пакет использовать сайт для статических ресурсов:
После загрузки, инициализация новой этикетки CSS:
HTML5 Справочное руководство
На этом сайте вы можете найти теги HTML5 и атрибуты , описанные в деталях , пожалуйста , нажмите HTML5 Reference Manual .