Глава 1.3. Отображение текста

1.3.1. Отображение пробелов

При отображении элементов HTML использует два важных понятия: пробел и слово. Слово — это последовательность любых символов, не являющихся пробелами, а пробелами считаются следующие символы:

  • символ пробела ( )
  • символ табуляции (	)
  • символ перевода формата ()
  • пробел нулевой ширины (​)
  • разрывы строк.

Обозреватель при отображении любых элементов HTML, кроме PRE, разбивает отображаемый текст на слова и выводит эти слова, используя соответствующий разделитель, зависящий от языка текста и устройства, на которое производится отображение. Так, при выводе на экран слов, написанных латиницей или кириллицей, они разделяются обычными пробелами ( ), при выводе текста на тайском языке используется пробел нулевой ширины (​), а при выводе китайского или японского текста разделители слов вообще не отображаются.

Даже если информация о языке текста отсутствует, обозреватель всегда заменяет последовательность пробелов на один пробел. Поэтому для отображения нескольких пробелов подряд следует применять символ неразрывный пробел ( ). Исключение составляет элемент PRE, при отображении которого сохраняются все пробелы в содержимом элемента.

Поддержка: Internet Explorer Не поддерживается пробел нулевой ширины.
           Netscape Navigator Не поддерживается пробел нулевой ширины.

1.3.2. Строки и абзацы

1.3.2.1. Абзац: элемент P

Синтаксис: <P>…</P> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент P (paragraph) определяет абзац текста. HTML не дает определения того, как должен выглядеть абзац. Большинство обозревателей отделяет новый абзац от предыдущего текста пустой строкой и не делает отступа текста в начале абзаца, но эти установки могут быть изменены атрибутом style, например, абзац:

<P style="text-indent: 5%; text-align: justify">
  Этот текст начинается с красной строки и выровнен по правому краю.
  Рекомендуется выносить подобные установки в таблицы стилей.
</P>

будет выглядеть так:

Этот текст начинается с красной строки и выровнен по правому краю. Рекомендуется выносить подобные установки в таблицы стилей.

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

Элемент P не может содержать других блочных элементов.

Примечание. Не рекомендуется использовать пустые элементы P (т. е. элементы вида <P></P>) для создания пустых строк, так как большинство обозревателей их игнорируют. Пользуйтесь для этого конструкцией <P>&nbsp;</P>.

1.3.2.2. Разрыв строки: элемент BR

Синтаксис: <BR> (содержимого и конечного тега нет)
Атрибуты:  id, class, style, title
Поддержка: Internet Explorer Полное соответствие стандарту (3.0+)
           Netscape Navigator Полное соответствие стандарту (4.0+)

Разрыв строки задается в HTML символами возврат каретки (&#x0D;), перевод строки (&#x0A;) или парой возврат каретки/перевод строки. Символы разрыва строки отображаются как символы пробела. Правила отображения разрывов строк описаны в предыдущем разделе, отметим здесь только еще одну особенность: если разрыв строки следует сразу за начальным тегом элементом или непосредственно предшествует его конечному тегу, то он игнорируется обозревателем.

Элемент BR (break) используется для насильственного разрыва строки. Он полезен для форматирования текста в таких элементах, как ADDRESS, но не должен применяться для "украшения" текста в абзацах и ячейках таблиц — при изменении ширины окна или размера шрифта такие украшения дают малосимпатичные эффекты.

Для того, чтобы запретить разрыв строки между двумя словами, используйте в качестве разделителя не пробел, а неразрывный пробел (&nbsp;).

1.3.2.3. Перенос слов

Для переноса слов в HTML используются два символа: дефис ("-", &#x2D;) и мягкий перенос (&shy;). Дефис отображается как обычный символ. Мягкий перенос указывает обозревателю, где возможен разрыв строки, и должен обрабатываться по следующим правилам:

  • если по мягкому переносу производится разрыв строки, то он должен отображаться символом дефис;
  • если по мягкому переносу не производится разрыв строки, то он не должен отображаться;
  • при операциях поиска и сортировки мягкий перенос должен игнорироваться.
Поддержка: Internet Explorer Мягкий перенос правильно обрабатывается только в словах, содержащих
              символы базовой латиницы; в остальных случаях отображается как дефис.
           Netscape Navigator Мягкий перенос отображается как дефис.

1.3.2.4. Форматированный текст: элемент PRE

Синтаксис: <PRE>…</PRE> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент PRE (preformatted) содержит предварительно отформатированный текст. Это означает, что при его отображении:

  • пробелы выводятся без сжатия;
  • не производится автоматический перенос слов на новую строку;
  • используется шрифт фиксированной ширины (fixed-pitch font).

Этот элемент полезен для вывода текстов, в которых размещение слов в строках имеет существенное значение, например, для стихов или фрагментов компьютерных программ. Он не может включать в себя такие элементы, как IMG, OBJECT, BIG, SMALL, SUB или SUP. Вывод отформатированного текста всегда начинается с нового абзаца. Пример: следующий элемент

<PRE>
function makearray(n) {
  this.length = n;
  for(var i = 1; i <= n; i++)
    this[i] = 0;
  return this;
}
</PRE>

будет отображаться так:

function makearray(n) {
  this.length = n;
  for(var i = 1; i <= n; i++)
    this[i] = 0;
  return this;
}

Авторы не должны изменять таблицами стилей перечисленные выше свойства элементов PRE.

1.3.3. Заголовки: элементы H1 — H6

Синтаксис: <Hn>…</Hn> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элементы H1 — H6 (header) используются для создания заголовков в документе. Пример отображения заголовков:

Заголовок документа (H1)

Часть 1. Заголовок части (H2)

Глава 1. Заголовок главы (H3)

1.1. Заголовок H4

1.1.1. Заголовок H5
§1. Заголовок H6

Все параметры отображения заголовков могут быть изменены через таблицы стилей.

1.3.4. Фразовые элементы

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

1.3.4.1. Выделение текста: элемент EM

Синтаксис: <EM>…</EM> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается курсивом (5.0+)
           Netscape Navigator Отображается курсивом, атрибут dir игнорируется (3.0+)

Элемент EM (emphasis) используется для выделения текста. По умолчанию отображается курсивным шрифтом. Синтезаторы речи могут использовать для выделения текста увеличение громкости, изменение тембра и т. п. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента I (курсивный шрифт).

Например, начало предыдущего абзаца на языке HTML выглядит так:

<P>Элемент <STRONG>EM</STRONG>
используется для <EM>выделения текста</EM>.</P>

1.3.4.2. Сильное выделение: элемент STRONG

Синтаксис: <STRONG>…</STRONG> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается полужирным шрифтом (5.0+)
           Netscape Navigator Отображается полужирным шрифтом, атрибут dir игнорируется (3.0+)

Элемент STRONG (strong emphasis) используется для сильного выделения текста. По умолчанию отображается полужирным шрифтом. Синтезаторы речи могут использовать для сильного выделения текста увеличение громкости, изменение тембра и т. п. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента B (полужирный шрифт).

Например, начало предыдущего абзаца на языке HTML выглядит так:

<P>Элемент <STRONG>STRONG</STRONG> (strong emphasis)
используется для <EM>сильного выделения текста</EM>.</P>

1.3.4.3. Ссылка: элемент CITE

Синтаксис: <CITE>…</CITE> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается курсивом (5.0+)
           Netscape Navigator Отображается курсивом, атрибут dir игнорируется (3.0+)

Элемент CITE используется для ссылок на названия книг, журналов, газет и других источников. По умолчанию он отображается курсивным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента I (курсивный шрифт). Пример: следующий фрагмент документа

<P>Во вчерашнем номере <CITE>Московского комсомольца</CITE> напечатана рецензия
на новую книгу В. Пелевина <CITE>Чапаев и Пустота</CITE>.</P>

будет отображаться так:

Во вчерашнем номере Московского комсомольца напечатана рецензия на новую книгу В. Пелевина Чапаев и Пустота.

1.3.4.4. Определение термина: элемент DFN

Синтаксис: <DFN>…</DFN> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается курсивом (5.0+)
           Netscape Navigator Не поддерживается.

Элемент DFN (definition) указывает на определение термина. По умолчанию он отображается курсивным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента I (курсивный шрифт). Пример: следующий фрагмент документа

<DFN>Unicode - это международный стандарт кодировки символов.</DFN>

будет отображаться так:

Unicode - это международный стандарт кодировки символов.

1.3.4.5. Фрагмент программного кода: элемент CODE

Синтаксис: <CODE>…</CODE> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается телетайпным шрифтом (5.0+)
           Netscape Navigator Отображается телетайпным шрифтом, атрибут dir игнорируется (3.0+)

Элемент CODE указывает на программный код. По умолчанию он отображается телетайпным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента TT (телетайпный шрифт). Поскольку расположение пробелов существенно для чтения программного кода, элемент CODE обычно употребляется в сочетании с элементом PRE.

Пример: следующий фрагмент документа

<PRE><CODE>
function makearray(n) {
  this.length = n;
  for(var i = 1; i <= n; i++)
    this[i] = 0;
  return this;
}
</CODE></PRE>

будет отображаться так:

function makearray(n) {
  this.length = n;
  for(var i = 1; i <= n; i++)
    this[i] = 0;
  return this;
}

1.3.4.6. Пример вывода результатов: элемент SAMP

Синтаксис: <SAMP>…</SAMP> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается телетайпным шрифтом (5.0+)
           Netscape Navigator Отображается телетайпным шрифтом, атрибут dir игнорируется (3.0+)

Элемент SAMP (sample) указывает на вывод результатов работы программы. По умолчанию он отображается телетайпным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента TT (телетайпный шрифт). Пример: следующий фрагмент документа

<P>При обнаружении синтаксической ошибки компилятор выдает следующее сообщение:</P>
<P><SAMP>Syntax error</SAMP></P>

будет отображаться так:

При обнаружении синтаксической ошибки компилятор выдает следующее сообщение:

Syntax error

1.3.4.7. Пример ввода данных: элемент KBD

Синтаксис: <KBD>…</KBD> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается телетайпным шрифтом (5.0+)
           Netscape Navigator Отображается телетайпным шрифтом, атрибут dir игнорируется (3.0+)

Элемент KBD (keyboard) указывает на текст, вводимый пользователем с клавиатуры. По умолчанию он отображается телетайпным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента TT (телетайпный шрифт). Пример: следующий фрагмент документа

<P>В ответ на запрос введите <KBD>Y</KBD> или <KBD>N</KBD>.</P>

будет отображаться так:

В ответ на запрос введите Y или N.

1.3.4.8. Переменные и аргументы: элемент VAR

Синтаксис: <VAR>…</VAR> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту, отображается курсивом (5.0+)
           Netscape Navigator Отображается курсивом, атрибут dir игнорируется (3.0+)

Элемент VAR используется для выделения имен переменных и аргументов программ. По умолчанию отображается курсивным шрифтом. Поскольку данный элемент определяет логический стиль, который может быть переопределен в таблицах стилей, его применение предпочтительнее, чем применение элемента I (курсивный шрифт). Пример: следующий фрагмент документа

<P>Версии языка HTML нумеруются в формате <VAR>X</VAR>.<VAR>Y</VAR>.</P>

будет отображаться так:

Версии языка HTML нумеруются в формате X.Y.

1.3.4.9. Аббревиатура: элемент ABBR

Синтаксис: <ABBR>…</ABBR> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Не поддерживается.
           Netscape Navigator Не поддерживается.

Элемент ABBR (abbreviation) используется для маркировки аббревиатур. При этом атрибут title должен содержать расшифровку аббревиатуры, позволяя обозревателям отображать ее как "подсказку" (tooltip) при указании курсором мыши на аббревиатуру. Примеры:

Он весит 75 <ABBR lang="ru" title="килограммов">кг</ABBR>.
<ABBR title="District of Columbia">D.C.</ABBR>

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

1.3.4.10. Акроним: элемент ACRONYM

Синтаксис: <ACRONYM>…</ACRONYM> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (4.0+)
           Netscape Navigator Не поддерживается.

Элемент ACRONYM используется для маркировки акронимов, т. е. аббревиатур, которые произносятся как единое слово, а не по буквам. При этом атрибут title должен содержать расшифровку аббревиатуры, позволяя обозревателям отображать ее как "подсказку" (tooltip) при указании курсором мыши на аббревиатуру. Примеры:

<ACRONYM lang="ru" title="Организация Объединенных Наций">ООН</ACRONYM>
<ACRONYM title="North Atlantic Treaty Organization">NATO</ACRONYM>

Если аббревиатура произносится по буквам, то стандарт рекомендует использовать вместо этого элемента элемент ABBR. Однако, последний не поддерживается современными обозревателями; поэтому для любых сокращений следует пользоваться элементом ACRONYM.

1.3.5. Задание шрифта

Хотя перечисленные в этом разделе элементы не являются морально устаревшими, их использование в HTML-документах не рекомендуется. Поэтому для каждого из элементов указаны более предпочтительные способы достижения того же визуального эффекта.

1.3.5.1. Телетайпный шрифт: элемент TT

Синтаксис: <TT>…</TT> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент TT (teletype) указывает, что его содержимое должно отображаться телетайпным шрифтом (т. е. шрифтом, имитирующим пишущую машинку). Пример его отображения:

Это телетайпный шрифт.

В большинстве случаев предпочтительнее применение фразовых элементов CODE, SAMP или KBD либо использование стилей с атрибутом font-family: monospace.

1.3.5.2. Курсивный шрифт: элемент I

Синтаксис: <I>…</I> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент I (italic) указывает, что его содержимое должно отображаться курсивным шрифтом. Пример его отображения:

Это курсивный шрифт.

В большинстве случаев предпочтительнее применение фразовых элементов EM, DFN, VAR или CITE либо использование стилей, которые позволяют определять различные виды курсивных шрифтов.

1.3.5.3. Полужирный шрифт: элемент B

Синтаксис: <B>…</B> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент B (bold) указывает, что его содержимое должно отображаться полужирным шрифтом. Пример его отображения:

Это полужирный шрифт.

В большинстве случаев предпочтительнее применение фразового элемента STRONG либо использование стилей, которые позволяют определять различные виды полужирных шрифтов.

1.3.5.4. Крупный шрифт: элемент BIG

Синтаксис: <BIG>…</BIG> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент BIG указывает, что его содержимое должно отображаться крупным шрифтом. Пример его отображения:

Это крупный шрифт.

В большинстве случаев предпочтительнее применение заголовков (например, H3) либо использование стилей с атрибутом font-size: larger.

1.3.5.5. Мелкий шрифт: элемент SMALL

Синтаксис: <SMALL>…</SMALL> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элемент SMALL указывает, что его содержимое должно отображаться мелким шрифтом. Пример его отображения:

Это мелкий шрифт.

В большинстве случаев предпочтительнее использование стилей с атрибутом font-size: smaller.

1.3.5.6. Верхние и нижние индексы: элементы SUP и SUB

Синтаксис: <SUP>…</SUP> и <SUB>…</SUB> (текстовые элементы)
Атрибуты:  id, class, style, title, lang, dir, события
Поддержка: Internet Explorer Полное соответствие стандарту (5.0+)
           Netscape Navigator Атрибут dir игнорируется (3.0+)

Элементы SUP (superscript, верхний индекс) и SUB (subscript, нижний индекс) применяются главным образом для отображения химических, физических и математических формул, а также для отображения особенностей письма некоторых естественных языков. Примеры:

H<SUB>2</SUB>O H2O
E = mc<SUP>2</SUP> E = mc2
<SPAN lang="fr">M<SUP>lle</SUP> Dupont</SPAN> Mlle Dupont

1.3.5.7. Сочетание шрифтов

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

<B><I>полужирный курсивный шрифт</I></B> полужирный курсивный шрифт
<TT><BIG>крупный телетайпный шрифт</BIG></TT> крупный телетайпный шрифт
<BIG>шрифты <BIG>разных</BIG> размеров</BIG> шрифты разных размеров

1.3.6. Цитаты

1.3.6.1. Блочные цитаты: элемент BLOCKQUOTE

Синтаксис: <BLOCKQUOTE>…</BLOCKQUOTE> (блочный элемент)
Атрибуты:  id, class, style, title, lang, dir, события
           cite = URI (URI, где хранится источник цитаты)
Поддержка: Internet Explorer Атрибут cite игнорируется, отображается сдвигом вправо (3.0+)
           Netscape Navigator Атрибуты dir и cite игнорируются, отображается сдвигом вправо (1.0+)

Элемент BLOCKQUOTE используется для маркировки блочных цитат, состоящих из нескольких строк. Блочная цитата может содержать блочные элементы и элементы SCRIPT, но не может быть частью абзаца или текстового элемента. Необязательный атрибут cite указывает на URI документа, содержащего источник цитаты, позволяя читателю проверить правильность цитаты и найти дополнительную информацию об источнике.

Элемент BLOCKQUOTE обычно отображается как текст, сдвинутый вправо. Не рекомендуется использовать его просто для сдвига текста, если этот текст не связан с цитированием; для этого существует свойство таблиц стилей margin-left. Пример: следующая цитата из стихотворения И. Бродского "Одиссей Телемаку"

<BLOCKQUOTE cite="http://www.myweb.com/brodsky/ulysses.html">
<P>Мой Телемак, Троянская война<BR>
окончена. Кто победил - не помню.<BR>
Должно быть греки: столько мертвецов<BR>
вне дома бросить могут только греки…</P>
</BLOCKQUOTE>

будет отображаться так:

Мой Телемак, Троянская война
окончена. Кто победил - не помню.
Должно быть греки: столько мертвецов
вне дома бросить могут только греки…

1.3.6.2. Краткие цитаты: элемент Q

Синтаксис: <Q>…</Q> (текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
           cite = URI (URI, где хранится источник цитаты)
Поддержка: Internet Explorer Атрибут cite игнорируется, отображается обычным текстом (без кавычек),
              атрибут title задает подсказку (tooltip) (4.0+)
           Netscape Navigator Не поддерживается.

Элемент Q используется для маркировки кратких цитат, состоящих из одной фразы. Необязательный атрибут cite указывает на URI документа, содержащего источник цитаты, позволяя читателю проверить правильность цитаты и найти дополнительную информацию об источнике.

Обозреватели должны отображать элемент Q в зависимости от языка цитаты, заданного атрибутом lang. В частности, обозреватель должен заключать цитату в соответствующие кавычки. Проблема в том, что ни один обозреватель этого не делает. С другой стороны, стандарт требует, чтобы автор своих кавычек не ставил (иначе в новых обозревателях текст будет отображаться в кавычках дважды). В качестве компромиссного решения мы рекомендуем кавычек не ставить, но дополнительно заключать цитату в элемент EM, чтобы выделить ее текст. Например, элемент

<P>По словам Наполеона, <EM><Q>Воображение правит миром</Q></EM>.</P>

будет отображаться так:

По словам Наполеона, Воображение правит миром.

1.3.7. Маркировка изменений в документе

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

1.3.7.1. Вставка текста: элемент INS

Синтаксис: <INS>…</INS> (блочный или текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
           cite = URI (URI, где хранится объяснение внесения изменения)
           datetime = дата-время (дата и время внесения изменения)
Поддержка: Internet Explorer Атрибуты cite и datetime игнорируются, отображается подчеркнутым текстом,
              атрибут title задает подсказку (tooltip) (4.0+)
           Netscape Navigator Не поддерживается.

Элемент INS (insert) означает вставку нового текста в документ. Он может иметь два необязательных атрибута. Атрибут cite указывает на URI документа, содержащего объяснение причины внесения изменения. Атрибут datetime содержит дату и время внесения изменения.

Стандарт не определяет способ отображения этого элемента. Указано только, что обозреватель должен выделять вставленный текст цветом, шрифтом и иным способом. Для указания конкретного способа отображения изменений следует использовать таблицы стилей. Пример:

<P>Элемент CENTER определяет блок, содержимое которого должно
  центрироваться обозревателями по горизонтали.
  <INS cite="http://www.w3.org/TR/REC-html40/appendix/changes.html#h-A.1.2"
    datetime="1997-12-19T00:00:00-05:00">
     В HTML 4.0 этот элемент морально устарел.</INS>
</P>

1.3.7.2. Удаление текста: элемент DEL

Синтаксис: <DEL>…</DEL> (блочный или текстовый элемент)
Атрибуты:  id, class, style, title, lang, dir, события
           cite = URI (URI, где хранится объяснение внесения изменения)
           datetime = дата-время (дата и время внесения изменения)
Поддержка: Internet Explorer Атрибуты cite и datetime игнорируются, отображается перечеркнутым
              текстом, атрибут title задает подсказку (tooltip) (4.0+)
           Netscape Navigator Не поддерживается.

Элемент DEL (delete) означает удаление текста из документа. Он может иметь два необязательных атрибута. Атрибут cite указывает на URI документа, содержащего объяснение причины внесения изменения. Атрибут datetime содержит дату и время внесения изменения.

Стандарт не определяет способ отображения этого элемента. Указано только, что обозреватель должен либо не отображать удаленный текст вообще, либо выделять его перечеркиванием или иным способом. Для указания конкретного способа отображения изменений следует использовать таблицы стилей. Пример:

<DEL cite="http://www.w3.org/TR/REC-html40/appendix/changes.html#h-A.1.3"
  datetime="1997-12-19T00:00:00-05:00" title="Элемент XMP устарел">
  <P>Элемент XMP содержит предварительно отформатированный текст,
    в котором все теги, кроме </XMP>, отображаются как обычный текст.</P>
</DEL>