close

Вход

Забыли?

вход по аккаунту

?

HTML5

код для вставкиСкачать
HTML 5
Доклад подготовила Виталия Добрягина
Группа 22304
Разработка HTML является основной
деятельностью сообщества WHATWG.
HTML5 - это часть HTML,
разрабатываемая совместно WHATWG и
группой по разработке HTML W3C.
HTML5 - это развитие HTML4, XHTML1 и
DOM второго уровня. Он как наследует
многие функции этих технологий, так и
добавляет новые возможности.
что такое html5?
Первый черновик спецификации стал доступен
широкой общественности 22.01.08.
Спецификация сейчас находится в разработке
и может находиться в этой стадии ещё
несколько лет, хотя предполагается, что
отдельные части HTML 5 будут закончены и
реализованы в браузерах до того, как
спецификация официально получит статус
рекомендации.
Уже сейчас такие производители как Mozilla,
Opera Software, Apple и Google внедряют
поддержку элементов HTML5 в свои продукты.
html 5
Новые правила лексического разбора
Новые элементы
Добавлены новые атрибуты для элементов,
существовавших в HTML4
Атрибуты class, dir, id, lang, style, tabindex,
title, существовавшие в HTML4, стали
применимы для всех элементов
(глобальные аттрибуты)
Исключены не рекомендованные для
использования элементы
"Оффлайн" хранение данных в браузере
отличия от html 4
Упрощенный DOCTYPE (стал
нечувствительным к регистру)
<!doctype html>
Разрешены перекрывающиеся теги
<b><i>…</b></i>
Не обязательны кавычки атрибутов
<div class=myClass>…</div>
структура документа
Тег созданный для выделения на
странице основного контента. Например
этим тегом можно выделить статью на
странице или очередную запись в блоге
Упрощает индексацию сайта
поисковыми машинами
новые теги: <article> </article>
Дополнительный контент на странице.
Стоит заметить что это не просто
боковая панель с друзьями,
голосованиями и т.д. а блок, который
будет дополнять основной контент например тут можно расположить
похожие статьи, разделы сайта к
которым относится данная статья или
набор ключевых слов статьи.
новые теги: <aside> </aside>
Данный тег предназначен для
выделения шапки сайта. Тут может
располагаться навигация, заголовки,
подзаголовки, информация о версии
документа и т.д.
новые теги: <header> </header>
Этот тег предназначен для выделения
навигации сайта. Внутри этого тега
должна находить только основная
навигация (например "главная",
"статьи", "галереи" и т.д.) - не нужно
каждую ссылку сайта вставлять внутрь
<nav>.
новые теги: <nav> </nav>
«Чердак» сайта. В этом теге можно
разместить информацию об авторе
сайта, об авторских правах и т.д.
новые теги: <footer> </footer>
<button> — определяет кнопку
(новые атрибуты: autofocus, form, formaction,
formenctype, formmethod, formnovalidate и formtarget.)
<section> — группировка контента
<hgroup> — группирует заголовки <hX>
<figure> — иллюстрация, диаграмма,
изображение (выделенная область)
<figcaption> — подпись к иллюстрации
<mark> — выделение текста
новые теги
Возможность рисовать на странице в
реальном времени (элемент Canvas).
Контролирование воспроизведения видео и
звука в реальном времени, что может
пригодиться например если вам нужно
синхронизировать видео и субтитры
Drag-and-drop прямо с рабочего стола в
браузер
Работа с сокетами
Web forms 2.0
новые технологии
<audio> —аудио без плагинов
<video> — видео без плагинов
<svg> — векторные изображения в XML
<math> — математические формулы в
формате MathML
<canvas> — поверхность «для
рисования»
новые технологии
<ol> — устаревший HTML4, вернулся в HTML5
<dl> — использование для имен/значений
<cite> — указание на название статьи/книги
<address> — контактная информация автора
<em> — выделение
<i> — «интонация» текста
<strong> — указание на важность
<b> — изменение стиля, без важности
<hr> — разбиение текста на уровне параграфа
<small> — мелкий шрифт (например, copyright)
новая жизнь старых элементов
<applet> — следует использовать <embed>
<acronym> — использовать <abbr>
<bgsound> — использовать <audio>
<dir> — использовать <ul>
<isindex> — использовать <form> и текстовое
поле
<big> — следует использовать CSS
<basefont> — следует использовать CSS
<blink> — следует использовать CSS/JS
<center> — следует использовать CSS
<font> — следует использовать CSS
<strike> — вместо этого <del>
<u> — следует использовать CSS
<tt> — следует использовать CSS
устаревшие элементы
Добавлено большое количество типов
текстовых полей ввода. Они призваны
добавить больше смысловой нагрузки
обычным текстовым полям. Так для поля
date будет возможно удобно выбрать дату,
не прибегая к использованию готовых
календарей на JavaScript. В общем
появятся более удобные и подходящие по
контексту средства ввода информации.
Важно с точки зрения безопасности:
эти поля будут сами себя валидировать!
поля ввода
Спецификация HTML5 разработана
таким образом, что браузер не
поддерживающий этого языка может
спокойно игнорировать непонятные ему
теги. Также теперь не будет проблемы с
отображением одного и того же текста в
разных браузерах - в спецификации
HTML5 четко говорится как поступать в
случае ошибки в синтаксисе страницы.
поддержка браузерами
http://html5readiness.com/ - наглядная
демонстрация поддержки html5
популярными браузерами
поддержка браузерами
Google Chrome
Firefox 3.5
Safari 4
Opera 10
Internet Explorer 6, 7, 8
Спасибо за внимание :)
Документ
Категория
Образовательные
Просмотров
81
Размер файла
2 128 Кб
Теги
1/--страниц
Пожаловаться на содержимое документа