Тег

Как это определено в стандартах HTML 4.01 и XHTML 1.0 и 1.1, тег
разбивает документ на отдельные различающиеся части. Он может использоваться как чисто организационное средство, без какоголибо ассоциированного с ним форматирования, но становится более эффективным, если вы добавляете в него атрибуты id и class, помечающие раздел. Тег
может комбинироваться также с атрибутом align для управления выравниванием всего раздела документа при отображении, а также с множеством связанных с программированием атрибутов «по событию» для взаимодействия с пользователем.

Атрибут align
Атрибут align с тегом
помещает содержимое тега либо в левой части окна (left, по умолчанию), либо посередине (center), либо справа (right). Кроме того, ему можно присвоить значение justify, чтобы выровнять текст одновременно по левому и правому краю. Тег
допускает вложения, и выравнивание во вложенном разделе для его содержимого имеет больший приоритет, чем аналогичная операция во внешнем. При этом другие вложенные теги выравнивания, такие как
, выравнивание абзаца (

в разделе 4.1.2) или особенным образом выстроенные строки и ячейки таблиц, отменяют результаты действия тега

.


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

Атрибут nowrap
Поддерживаемый броузерами Internet Explorer и Opera, но не Firefox или Netscape Navigator и не одобренный текущими стандартами атрибут nowrap подавляет автоматическое разделение текста на строки в пределах раздела. Переход на новую строку при этом происходит только там, где в исходном тексте стоит возврат каретки. Хотя применение атрибута nowrap не выглядит осмысленным для больших разделов документа, которые бы в итоге сливались на странице, он может чуть облегчить жизнь при создании фрагментов с большим количеством переходов на новую строку, например, в стихах или адресах. Вам не придется явно вставлять все теги
в поток текста, заключенный в тег
. С другой стороны, большое количество пользователей, броузеры которых проигнорируют атрибут nowrap, увидит ваш текст слитым в сплошной поток. Если вы ориентируетесь
только на Internet Explorer или Opera, используйте при необходимости nowrap, но мы никак не можем рекомендовать этот атрибут для всеобщего употребления.

Атрибуты dir и lang
Атрибут dir советует броузеру, в каком направлении следует выводить текст, а атрибут lang позволяет определить употребляемый в разделе язык.


[атрибут dir, 3.6.1.1] [атрибут lang, 3.6.1.2]

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

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

В частности, если пометить аннотацию технического доклада, использовав
, то ее URL может быть записан так: report.html#abstract.


В случае такого применения значение атрибута id должно быть уникальным для данного документа среди значений других id и всех значений атрибута name, определенных в тегах . [гиперссылки внутри одного документа, 6.3.3]

Употребленное в качестве селектора в таблице стилей значение атрибута id становится именем правила, которое таким образом ассоциируется с текущим тегом. Так получается второй набор определяемых стилевых правил, подобный тому, который вы вправе создать для классов стилей. Тег может использовать оба атрибута – и class и id – для наложения двух различных стилей на содержимое одного тега.

В этом употреблении имя, ассоциированное с атрибутом id, должно быть уникальным среди всех других имен стилей в текущем документе.

Атрибут title
Используйте необязательный атрибут title и заключенную в кавычки строку – значение атрибута для привязывания к разделу описывающей его фразы. Подобно id, атрибут title может применяться почти со всеми тегами и ведет себя с ними одинаково. Для значения атрибута title не предусмотрено никакого специального использования, однако современные броузеры отображают название элемента всякий раз, когда на нем задерживается мышь, в данном случае – в любой точке текстовой области, определяемой тегом
. Таким способом, если правильно употреблять атрибут title, можно организовать всплывающие подсказки для разных элементов документа.

Атрибуты class и style
Используйте атрибут style c тегом
, чтобы определить встроенный стиль отображения содержимого тега. Атрибут class позволяет применять к содержимому тега стиль, заранее присвоенный данному классу разделов. Значение атрибута class – это имя стиля, определенного в таблице стилей, находящейся либо на уровне документа, либо вне
его. Кроме того, разделы, для которых установлена принадлежность классу, хорошо подходят для компьютерной обработки документов, такой как, например, извлечение всех разделов, принадлежащих классу «biblio», при автоматической сборке полной библиографии. [встроенные стили: атрибут style, 8.1.1] [стилевые классы, 8.3]

Атрибуты событий
Многие относящиеся к поведению пользователя события как внутри раздела, так и вне его, в частности щелчок или двойной щелчок мышью в области отображения раздела, распознаются броузером, если он отвечает текущим стандартам HTML или XHTML (а все популярные броузеры этим качеством обладают). С помощью соответствующих атрибутов «по событию», иначе называемых «on»-атрибутами1, и их значений можно реагировать на эти события, отображая окно диалога с пользователем или активизируя какое-нибудь мультимедийное событие. [обработчики событий JavaScript, 12.3.3]

Тег


Тег

сигнализирует о начале нового абзаца. Это не очень хорошо известно даже искушенным веб-мастерам, поскольку противоречит нашим интуитивным ожиданиям, основанным на опыте. Большинство текстовых редакторов, с которыми мы знакомы, используют только один специальный символ (обычно это возврат каретки) для обозначения конца абзаца. В HTML и XHTML каждый абзац должен начинаться с тега

и завершаться соответствующим тегом

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

На практике в HTML можно опустить открывающий тег

в начале первого абзаца и тег

в конце всех абзацев – они могут быть логически выведены из других тегов, встречающихся в документе, следовательно, их не обязательно указывать. К примеру:


This is the first paragraph, at the very beginning of the
body of this document.


The tag above signals the start of this second paragraph. When rendered
by a browser, it will begin slightly below the end of the first paragraph,
with a bit of extra white space between the two paragraphs.


This is the last paragraph in the example.


Отметьте, что мы не включили в пример тег начала абзаца (

) для первого параграфа и не вставили ни одного тега завершения абзаца. Они могут быть недвусмысленно вычислены броузером и не являются, следовательно, необходимыми.

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

в первом абзаце и не беспокойтесь о закрывающих

до тех пор, конечно, покаот этого не пострадает структура и ясность вашего документа. Но не забывайте, что XHTML не допускает подобной распущенности.

Отображение абзаца
Встретив тег нового абзаца

, броузер обычно вставляет в документ перед его началом пустую строку, несколько увеличенную по высоте против обычной. Затем броузер собирает в этот абзац все слова и, если они присутствуют, встроенные изображения, опускает все пробелы перед ними и в их конце (но не пробелы между словами, конечно) и символы возврата каретки, находящиеся в исходном тексте. Далее программа заполняет получившейся последовательностью слов и изображений окно броузера, автоматически генерируя переходы на новую строку по достижении края окна. Сравним, как броузер располагает текст в строках и абзацах (рис. 4.1), с тем, как выглядит предыдущий
пример, напечатанный на странице.

Броузер умеет автоматически переносить длинные слова со строки на строку и «полностью выравнивать» абзац, так что текст будет равномерно растянут между левым и правым краем окна.

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

Если вы хотите сами управлять длиной строки и переходами с одной строки на другую, подумайте об использовании блоков текста, форматированных с помощью тега

. Если необходимо принудительно перейти на новую строку, употребляйте тег 
. [тег
, 4.6.5] [тег 
, 4.6.1]

Атрибут align
Большинство броузеров автоматически выравнивают текст по левому краю. Чтобы изменить такое положение дел, можно использовать пре-доставляемый HTML 4 и XHTML атрибут align тега

и указать в качестве его значения один из четырех видов выравнивания – left, right, center или justify.


Right over here!


This is too.


Slide back left.


Smack in the middle.


Left is the default.

Обратите внимание на то, что выравнивание сохраняется до появления либо следующего тега

, либо текущего закрывающего тега

. Мы намеренно опустили последний тег

, чтобы продемонстрировать действие закрывающего тега

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

Заметим также, что атрибут align является нежелательным в HTML 4 и XHTML. Поэтому лучше задавать выравнивание с помощью таблиц стилей.

Атрибуты dir и lang
Атрибут dir советует броузеру, в каком направлении следует выводить текст абзаца, а атрибут lang позволяет определить язык, который будет употребляться в абзаце. Атрибуты dir и lang поддерживаются популярными броузерами, хотя для конкретных языков их поведение никак не определено. [атрибут dir, 3.6.1.1] [атрибут lang, 3.6.1.2]

Атрибуты class, id, style и title
Применяйте атрибут id для обеспечения абзацев документа метками, позволяющими ссылаться на них в гиперссылках, таблицах стилей, апплетах и других автоматических процессах. [атрибут id, 4.1.1.4]

Используйте необязательный атрибут title и заключенную в кавычки строку – значение атрибута – для привязывания к абзацу описывающей его фразы. [атрибут title, 4.1.1.5]
Применяйте атрибут style c тегом

для задания стиля отображения, встроенного в тег. Атрибут class позволяет отнести абзац к заранее определенному классу тегов

, заданному в таблице стилей, находящейся либо на уровне документа, либо вне его. В дополнение к этому абзацы, для которых установлена принадлежность классу, хорошо подходят для компьютерной обработки документов, такой как извлечение всех абзацев, принадлежащих классу «citation», при автоматической подборке полного списка цитат. [встроенные стили: атрибут style, 8.1.1] [стилевые классы, 8.3]

Атрибуты событий
Подобно ситуации с разделами, многие действия пользователя, такие как одинарный или двойной щелчок мышью в области отображения абзаца, распознаются броузером, если он отвечает текущим стандартам HTML или XHTML. С помощью соответствующих on-атрибутов
и их значений можно реагировать на эти события, отображая окно диалога с пользователем или активизируя какое-нибудь мультимедийное событие. [обработчики событий JavaScript, 12.3.3]

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

был опущен.

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

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела HTML на эту тему:
Адреса
Блоки цитат
Использование расширенной HTML-модели шрифтов (нежелательно)
Кодирование специальных символов
Разделы и абзацы

Вернуться в раздел: HTML / 4. Текст