Персональные инструменты
 

HTML

Материал из CustisWiki

Перейти к: навигация, поиск

HTML (Hypertext markup language. С англ. — «язык гипертекстовой разметки») — это приложение SGML (Standard Generalized Markup Language [Стандартный обобщенный язык разметки]), соответствующее международному стандарту ISO 8879; оно считается стандартным языком публикации в World Wide Web.

Общее представление

HTML создавался как язык обмена научными и прочими техническими документам, пригодный для использования людьми, не являющимися специалистами в области документов. HTML успешно справлялся с проблемой сложности SGML путем определения небольшого набора структурных и семантических тегов, пригодных для создания относительно простых документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Браузеры

Текстовые документы (традиционно имеющие расширение ".html" или ".htm"), написанные на этом языке, обрабатываются специальными приложениями, которые осуществляют вывод форматированного текста. Такие приложения, называемые браузерами или интернет-обозревателями, обычно предоставляют пользователю интерфейс для запроса страниц, их просмотра (и другого вывода) и, возможно, дополнительные возможности.

Возможности

Язык HTML позволяет размечать в тексте:

  • Цвет, кегль, жирность, стиль, название шрифта для визуального вывода.
  • Смысловую роль текстового блока (например: логическое ударение, заголовок (от 1 до 6 уровня), параграф, пункт списка), который обрабатывается браузером в соответствии со смыслом (например, в голосовых браузерах — изменение интонации, в графических — выделением курсивом, и т. п.) или настройками пользователя.
  • Гипертекстовые ссылки, значительно упрощающие чтение множества связанных документов, ибо позволяют запросить документ с адресом, указанным в коде ссылки, простым выделением и подтверждением (в подавляющем большинстве случаев — щелчком мыши).
  • Анкеты для введения пользователем текста, пересылаемого по заполнении на указанный в коде анкеты адрес.
  • Открытие и вывод мультимедийных файлов, выводимых как непосредственно браузером, аудиофайлы, так и внешними приложениями, также обычно имеющими возможность «встраивания» в окно браузера (Flash-анимация, Java-апплеты и прочее.)

Версии

Хронология

  • RFC 1866 — HTML 2.0 одобренный как стандарт 22 сентября 1995;
  • HTML 3.2 — 14 января 1996;
  • HTML 4.0 — 18 декабря 1997;
  • HTML 4.01 (незначительные изменения) — 24 декабря 1999
  • ISO/IEC 15445:2000 (так называемый «ISO HTML», основан на HTML 4.01 Strict) — 15 мая 2000.

Официальной спецификации HTML 1.0 не существует. До 1995 года существовало множество неофициальных стандартов HTML. Чтобы стандартная версия отличалась от них, ей сразу присвоили второй номер.

Версия 3 была предложена W3C в марте 1995, и обеспечивала много новых возможностей вроде поддержки таблиц, обтекание изображений текстом и отображения сложных математических формул. Даже при том что этот стандарт был совместим с второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения из версии 3.0, зато добавлены нестандартные теги поддерживаемые браузерами Netscape и Mosaic. Поддержка математических формул пошла дополнительным стандартом MathML.

HTML 4.0 также содержит много определенных браузером тегов, но в то же самое время начал пробовать 'очистить' стандарт, отмечая некоторые теги как 'deprecated'(не одобряется).

Новых версий HTML не будет. Однако существует дальнейшее развитие HTML в виде XHTML, основанном на XML.

Структура HTML-документа

HTML — это теговый язык разметки документов, то есть любой документ на языке HTML представляет собой набор элементов, причем начало и конец каждого элемента обозначается специальными пометками, называемыми тегами. Регистр в котором набрано имя тега значения не имеет.

Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML <!DOCTYPE>, которая обычно выглядит так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Если эта строка не указана, то добиться корректного отображения документа в браузере становиться труднее.

Далее обозначается начало и конец документа тегами и соответственно. Внутри этих тегов должны находиться теги заголовка(<HEAD></HEAD>) и тела(<BODY></BODY>) документа.

Варианты DOCTYPE

Стандарт HTML 4.01:

Строгий
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Переходный
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
С фреймами
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Стандарт XHTML 1.0:

Строгий
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Переходный
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
С фреймами
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Стандарт XHTML 1.1:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Основные теги

Гиперссылки

A
тег гиперссылки

Текстовые блоки

H1,H2,…H6
теги заголовков текста
P
тег параграфа
DIV
тег слоя
BLOCKQUOTE
тег цитаты
BR
тег новой строки
HR
тег горизонтальной линии

Форматирование текста

FONT
тег задания параметров шрифта.
I
тег выделения текста курсивом
EM
тег логического ударения
B
тег выделения текста жирным шрифтом
STRONG
тег усиленного выделения
BIG
тег увеличения шрифта
SMALL
тег уменьшения шрифта

Списки

UL
тег ненумерованного списка
OL
тег нумерованного списка
LI
тег пункта списка
DL, DT, DD
теги для задания списка определений(термин и его описание)

Объекты

IMG
тег вставки изображения
EMBED
тег вставки различных объектов: не-HTML документов и media-файлов.
APPLET
тег вставки Java апплетов

Таблицы

TABLE
тег создания таблицы
TR
тег строки таблицы
TD
тег столбца таблицы

Формы

FORM
тег создания формы
TEXTAREA
тег текстовой области
SELECT
тег выпадающего меню
OPTION
тег пункта выпадающего меню
INPUT
тег поля формы

Браузерные войны

В середине 90-х годов возникла следующее явление. Производители браузеров — Netscape и Microsoft — начали внедрять собственные наборы тегов непосредственно в операционные системы. Создалась мешанина из различных конструкций для работы в Web, доступных для просмотра то в одном, то в другом браузере. Особенно большие трудности были при создании кросс-браузерных программ на JavaScript. Веб-мастерам приходилось создавать несколько вариантов страниц или прибегать к другим ухищрениям. К началу XXI века эта проблема оказалась по большому счету решена следованием производителей браузеров стандартам W3C.

См. также

Ссылки



Любые правки этой статьи будут перезаписаны при следующем сеансе репликации. Если у вас есть серьезное замечание по тексту статьи, запишите его в раздел «discussion».

Репликация: База Знаний «Заказных Информ Систем» → «HTML»