Тег cite

11 Сентябрь 2008 | Автор: adminВ записи нет меток.

Тег <cite>, как правило, означает, что заключенный в нем текст является библиографической ссылкой, в частности названием книги или журнала.
Традиционно текст ссылки отображается курсивом.

Используйте тег <cite> для выделения ссылок на другие документы,
особенно представленные в традиционной форме, например книги,
журналы, журнальные статьи. Если существует доступная в сети версия
работы, на которую вы ссылаетесь, то следует также заключить
ссылку в тег <a> и сделать ее гиперссылкой на онлайновую версию.

Кроме того, тег <cite> обладает скрытой возможностью: он позволяет
автоматически выделять библиографию из документов. Легко вообразить
броузер, который автоматически создает таблицу ссылок, отображая их
в сносках или в виде отдельного материала. Семантика тега <cite> идет
гораздо дальше простого изменения внешнего вида охватываемого
текста, она позволяет броузеру представить содержимое тега
множеством полезных способов.

Тег abbr

8 Сентябрь 2008 | Автор: adminВ записи нет меток.

Впервые появившись в HTML 4.0, тег <abbr> («аббревиатура») указывает,
что заключенный в нем текст является сокращенной формой более длинного
слова или фразы. Броузер может использовать эту информацию для выбора
способа отображения заключенного в нем содержимого. Заметьте, мы сказали: «может». Не все популярные броузеры реагируют сейчас на текст, заключенный в тег <abbr>,
и мы не можем предсказать, как они будут его обрабатывать в будущем.

Как использовать заголовки

5 Сентябрь 2008 | Автор: adminВ записи нет меток.

Разумно повторить название вашего документа в первом теге заголов
ка, поскольку оно не отображается в основном окне броузера, если было
определено в теге <head>.

Следующий HTML текст может служить хорошим примером пов
ния названия вашего документа в его заголовке и в теле:
<html>
<head>
<title>Выращивание кумкватов в Северной Америке</title>
</head>
<body>
<h3> Выращивание кумкватов в Северной Америке</h3>
<p>
Возможно, одним из самых привлекательных фруктов является…

В типичном случае броузер помещает текст <title> в самом верху вы
веденной страницы. Тег может использоваться для создания закладок
и включения в списки любимых страниц, отображаясь только где-то
на краю окна броузера, заголовок третьего уровня в этом примере всегда
будет появляться в самом начале документа. Он будет служить видимым
названием документа, как бы броузер ни обрабатывал содержимое
тега <title>. И, в отличие от текста в теге <title>, название в заголовке
окажется в начале первой страницы документа при его распечатке,
потому что является частью основного текста.

В нашем примере мы решили использовать заголовок третьего уровня
<h3>, который отображается обычно чуть более крупным шрифтом,
чем основной текст. Заголовки первого и второго уровня еще крупнее
и смотрятся непропорционально. Следует выбрать уровни заголовков,
представляющиеся вам уместными и привлекательными, и систематически
применять их в своих документах. Слишком большие заголовки
разрушат композицию окна; слишком мелкие визуально сольются с текстом.

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

Теги заголовков

1 Сентябрь 2008 | Автор: adminВ записи нет меток.

Шесть заголовочных тегов, записываемых <h1>, <h2>, <h3>, <h4>, <h5>
и <h6>, представляют иерархию заголовков от высшего (<h1>) до нижнего
(<h6>) уровня, которая может встречаться в вашем документе.

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

Традиционно авторы применяют заголовок <h1> для названия документа,
<h2> – для названий разделов и т. д., часто так же, как мы привыкли
оформлять работы с использованием заголовков, подзаголовков и
заголовков более низких уровней.

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

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

Заголовки

27 Август 2008 | Автор: adminВ записи нет меток.

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

Сплошной текст обязательно нужно разбивать на несколько небольших
разделов, снабжая их заголовками (как это делается в книге, которую
вы читаете). Существует шесть уровней HTML/XHTML заголовков, которыми
можно пользоваться для превращения сплошного потока текста в легко
читаемый и удобный в поддержке документ. Есть множество графических и
основанных на стиле отображения текста хитростей, помогающих разбить
документ на части и сделать его более понятным и удобным для чтения.

Допустимое использование абзаца

24 Август 2008 | Автор: adminВ записи нет меток.

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

Допустимое содержимое абзаца

20 Август 2008 | Автор: adminВ записи нет меток.

Абзац может содержать любой элемент, допустимый в потоке текста,
включая слова и знаки препинания, гиперссылки (<a>), изображения
(<img>), теги новой строки (<br>), модификаторы шрифта (<b>, <i>, <tt>,
<strike>, <big>, <small>, <sup>, <sub> и <font>), а также компоненты логической
разметки (<acronym>, <cite>, <code>, <dfn>, <em>, <kbd>, <samp>,
<strong> и <var>). Если в абзаце появляется элемент, отличный от перечисленных,
это влечет за собой окончание абзаца, и броузер полагает, что тег </p> был опущен.

Атрибуты class, id, style и title

18 Август 2008 | Автор: adminВ записи нет меток.

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

Используйте необязательный атрибут title и заключенную в кавычки
строку – значение атрибута – для привязывания к абзацу описывающей
его фразы.

Применяйте атрибут style c тегом <p> для задания стиля отображения,
встроенного в тег. Атрибут class позволяет отнести абзац к заранее определенному
классу тегов <p>, заданному в таблице стилей, находящейся либо на уровне
документа, либо вне его. В дополнение к этому абзацы, для которых
установлена принадлежность классу, хорошо подходят для компьютерной
обработки документов, такой как извлечение всех абзацев, принадлежащих
классу «citation», при автоматической подборке полного списка цитат.

Атрибуты dir и lang

15 Август 2008 | Автор: adminВ записи нет меток.

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

Атрибут align

12 Август 2008 | Автор: adminВ записи нет меток.

Большинство броузеров автоматически выравнивают текст по левому
краю. Чтобы изменить такое положение дел, можно использовать предоставляемый HTML 4 и XHTML атрибут align тега <p> и указать в качестве его значения один из четырех видов выравнивания – left, right,center или justify.

Посмотрите, как отображается в окне броузера текст, выров
ненный по разному:

<p align=right>
Right over here!
<br>
This is too.
<p align=left>
Slide back left.
<p align=center>
Smack in the middle.
</p>
Left is the default.

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

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