HTML
-
История HTML
- HTML был разработан Тимом Бернерсом-Ли в 1989 году.
- В 1990 году Бернерс-Ли создал HTML и написал программное обеспечение для браузера и сервера.
- В 1991 году Бернерс-Ли опубликовал первое описание HTML.
- В 1993 году HTML был официально определен IETF.
-
Развитие HTML
- В 1995 году была завершена разработка HTML 2.0.
- В 2000 году HTML стал международным стандартом.
- В 2004 году началась разработка HTML5.
- В 2014 году HTML5 был стандартизирован.
-
Версии HTML
- HTML 2: 1995-1997.
- HTML 3: 1997-2000.
- HTML 4: 2000-2001.
- HTML 5: 2014.
-
XHTML
- XHTML возник как переформулировка HTML 4.01 с использованием XML.
- XHTML 1.0 был опубликован в 2000 году.
- XHTML 1.1 был опубликован в 2001 году.
- XHTML 2.0 был прекращен в 2009 году.
-
Разметка HTML
- HTML-разметка состоит из тегов, символьных типов данных, символьных ссылок и ссылок на сущности.
- Теги могут быть парными или пустыми.
- Объявление типа документа <!DOCTYPE html> предназначено для HTML5.
-
Элементы HTML
- HTML-документы состоят из вложенных элементов.
- Элементы обозначаются тегами, заключенными в угловые скобки.
- Начальный тег может содержать атрибуты элемента.
-
Структура HTML-элементов
- HTML-элементы имеют форму <tag attribute1=»value1″ attribute2=»value2″>»содержимое»</tag>.
- Некоторые элементы, такие как <br /> и <img>, могут быть пустыми и не содержать содержимого.
- Имя HTML-элемента указывается перед конечным тегом.
-
Атрибуты HTML-элементов
- Атрибуты представляют собой пары имя-значение, разделенные символом =.
- Атрибут id предоставляет уникальный идентификатор для элемента.
- Атрибут class используется для классификации элементов.
- Атрибут style применяется для презентационных свойств.
- Атрибут title добавляет подтекстовое пояснение.
- Атрибут lang определяет язык содержимого.
- Атрибут dir указывает направление текста.
-
Ссылки на символы и сущности
- HTML определяет символьные и цифровые ссылки для записи символов.
- Экранирование символов позволяет избежать ошибок в разметке.
- Кодировки символов Unicode обеспечивают доступ к мировым системам письма.
-
Типы данных HTML
- HTML определяет различные типы данных для содержимого элементов.
- Типы данных включают данные сценариев, таблицы стилей и значения атрибутов.
-
Объявление типа документа
- HTML-документы должны начинаться с объявления типа документа (doctype).
- DTD определяет разрешенное и запрещенное содержимое документа.
- HTML5 не определяет DTD, поэтому doctype проще и короче.
-
Семантический HTML
- Семантический HTML подчеркивает значение информации, а не её внешний вид.
- С конца 1990-х годов рекомендуется избегать презентационной разметки.
-
Семантическая паутина и интеллектуальные агенты
- В 2001 году Тим Бернерс-Ли предложил идею интеллектуальных программных агентов для автоматического сканирования и сопоставления фактов в Интернете.
- Текущие гибриды веб-приложений разрабатываются веб-разработчиками, знающими расположение веб-сайтов и семантику API.
- Веб-сканеры и поисковые роботы-пауки зависят от семантической ясности веб-страниц для индексации и поиска.
-
Семантические структуры в HTML
- Семантические структуры в HTML должны быть широко и единообразно применены для обеспечения ясности текста.
- Теги презентационной разметки не рекомендуются в текущих рекомендациях по HTML и XHTML.
- Хороший семантический HTML улучшает доступность веб-документов.
-
Доставка HTML-документов
- HTML-документы могут быть доставлены по протоколу HTTP или по электронной почте.
- HTTP используется для передачи изображений, звука и другого контента в дополнение к HTML.
- MIME-тип документа может повлиять на интерпретацию документа браузером.
-
Электронная почта в формате HTML
- Большинство графических почтовых клиентов допускают использование подмножества HTML для форматирования и семантической разметки.
- Использование HTML в электронной почте может вызвать проблемы с совместимостью и доступностью.
-
Соглашения об именовании
- Наиболее распространенное расширение имени файла для HTML-файлов — .html.
- HTML-приложение (HTA) использует HTML и динамический HTML для обеспечения графического интерфейса.
-
Варианты HTML4
- HTML изначально задумывался как семантический язык, но практическое применение привнесло презентационные элементы.
- W3C разработала языки стилей, такие как CSS и XSL, для управления презентацией.
- Существуют две оси различий между HTML: на основе SGML и на основе XML (XHTML).
-
Различия между HTML и XHTML
- XHTML требует, чтобы все элементы имели открывающий и закрывающий теги.
- XHTML вводит новый ярлык: тег можно открывать и закрывать в пределах одного тега.
- Для перевода документа с XHTML 1.0 на HTML 4.01 требуется удалить пространство имен XML и изменить объявление типа документа.
-
Рекомендации по совместимости с HTML
- W3C рекомендует несколько соглашений для легкой миграции между HTML и XHTML.
-
Рекомендации по совместимости W3C
- Пользовательский агент должен интерпретировать документ как HTML и XHTML.
- Документы, поддерживающие XHTML 1.0, могут быть предоставлены в формате HTML или XHTML.
- При передаче в формате XHTML браузеры должны использовать XML-парсер.
-
Переходный период HTML 4
- Определены три версии языка: строгая, переходная и фреймовая.
- Строгая версия предназначена для новых документов, переходная и фреймовая — для упрощения перехода.
- Переходная версия допускает презентационную разметку, строгая версия — нет.
-
Различия между версиями HTML 4
- Переходная версия включает встроенные элементы и обычный текст.
- Устаревшие атрибуты: underline, center, font, background, align, noshade, size, width, border, vspace, hspace, nowrap, bgcolor, width, height, compact, type, compact, start, type, width, menu, dir, isindex, applet, language, frame, target.
- Версия Frameset включает элементы frameset и frame.
-
Модульность XHTML 1.1
- XHTML 1.1 модулирует спецификацию, позволяя расширять её.
- Строгая версия HTML развернута в XHTML 1.1.
- Модульность позволяет разрабатывать отдельные функции по графику.
-
HTML по сравнению с HTML5
- HTML Living разработан WHATWG, HTML5 — W3C.
- Редакторы WYSIWYG критикуются за низкое качество сгенерированного кода.
-
Дополнительные ресурсы
- Ссылки на символы HTML, языки разметки документов, микроданные, полиглотскую разметку, семантический HTML.
- Рекомендации по использованию HTML-парсеров, динамических веб-страниц, ссылок на символы HTML.