Элемент p — абзац

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

<p>Первый абзац</p>

<p>Второй абзац</p>

<p>Третий абзац</p>

Элемент address — адресные данные

Элемент address предназначен для хранения коротких адресных данных: адрес, координаты, информация об авторских правах. Однако технически он ничем отличается от элемента p и при необходимости может использоваться для создания абзацев.

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

Элемент br — перевод строки

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

Элемент pre — участок с сохранением редактирования

Элемент pre применятся для блоков текста, где необходимо сохранить расстановку пробелов и переводов строк. Например, это может быть листинг программного кода. Содержанием элемента pre могут быть любые Inline-элементы кроме big, small, sub, sup, img и object. Внутри элемента сохраняются все пробелы и переводы строк. Все пробелы, вставленные в начале строк, также выводятся в блок элемента.

Гиперссылки

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

Атрибут href

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

• Абсолютный адрес указывает на какой-либо ресурс, доступный через веб. Например, http://yandex.ru — адрес главной страницы Яндекса.

• Относительный адрес указывает на ресурс, находящийся на текущем сайте. Например, download.html — адрес файла, находящегося в текущем каталоге.

• Адрес определенного элемента на странице используется для создания удобной навигации на больших страницах, таких как страницы с документацией. Для использования этого адреса необходимо пометить целевой элемент атрибутом id, а в качестве значения адреса гиперссылки указать # и значение атрибута id. Например, адрес #element указывает на элемент с атрибутом id=”element”.

Атрибут title

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

Оформление гиперссылок

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

Псевдоклассы гиперссылок

Для управления специфичным оформлением гиперссылок существует несколько псевдоклассов. Псевдокласс (pseudo-class) — это конструкция CSS, начинающаяся с двоеточия и пред­наз­наченная для управления оформлением одних и тех же элементов в разных состояниях.

• a:link — непосещенные гиперссылки. Обычно этот псевдокласс не используется, поскольку чаще всего оформление непосещенных гиперссылок задается через правила с селектором a.

• a:visited — посещенные гиперссылки. Этот псевдокласс используется для управления оформлением посещенных гиперссылок. Например, следующее правило окрашивает все посещенные гиперссылки в красный цвет:

a:vivsited {

color: #f00;

}

• a:hover — наведен указатель. Псевдокласс позволяет управлять оформлением гиперссылок при наведении на них указателя. Этот псевдокласс можно применять и к другим элементам, например, к изображениям.

• a:active — активированная гиперссылка. Такое состояние получается, когда пользователь при наведенном на ссылку указателе нажимает и удерживает левую кнопку мыши. Это псевдокласс также можно применять к элементам управления.

Свойство text-decoration

Для управления некоторыми эффектами текста служит свойство text-decoration. Оно может принимать одно из четырех значений:

• none — нет текстовых эффектов (используется по умолчанию для большинства текстовых элементов);

• underline — подчеркивание;

• overline — надчеркивание;

• line-through — зачеркивание.

Списки

Список (list) — это перечисление, пункты в котором выделяются маркерами, номерами, отступами или другими разделителями. HTML предоставляет три типа списков.

Элемент ul — ненумерованный список

В ненумерованном списке пункты обычно выделяются маркерами. Отдельный пункт таких списков задается при помощи элемента li. Пример ненумерованного списка:

<ul>

<li>Абсолютный</li>

<li>Относительный</li>

<li>На определенный элемент</li>

</ul>

Содержанием элемента ul обязательно должны быть только элементы li.

Элемент ol — нумерованный список

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

Элемент li — пункт списка

Элемент li может быть дочерним только по отношению к элементам ul или ol. В другие элементы элемент li вкладываться не должен.

Особенностью элемента li является его модель содержания. Она очень свободна: можно включать как строчные, так и блочные элементы. Также в элементы списка можно помещать простой текст (символьные данные) или другие списки.

Элемент dl — список определений

Для непосвященных список определений является экзотикой. Изначально он пред­назна­чался для разметки текста в энциклопедиях, словарях или справочниках. Сейчас эти списки используются везде, где необходимо разбить пункты на главную и подчиненные части. Как можно догадаться, пункт списка обозначается не одним элементом, а двумя: dt и dd. Только эти два элемента могут быть дочерними по отношению к элементу dl.