Отправляет email-рассылки с помощью сервиса Sendsay

HTML без проблем! Советы профессионалов!

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Бизнес с высокой прибылью" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Ноябрь 2007   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Alex

Статистика

1.923 подписчиков
-3 за неделю
←   Все выпуски   →

HTML без проблем! Советы профессионалов! Атрибуты


Рассылка "HTML без проблем! Советы профессионалов!"

"Подключайтесь к..."

Профессиональный Центр Обслуживания Партнеров Яндекса Profit-project объявляет о бесплатных консультациях о повышении CTR объявлений от Яндекс.Директ на вашем сайте.

Подключайтесь к Profit-project, размещайте контекстную рекламу от Яндекса на своем сайте и зарабатывайте вместе с Яндексом.

Profit-project - профессиональный ЦОП Яндекса для вебмастеров. 24х7 дружественный сапорт, быстрые выплаты, подарочные домены RU, хостинг и консультации для вебмастеров.


Атрибуты

id, class - идентификаторы в пределах документа.

lang - информация о языке.

dir - направление текста.

title - заголовок элемента.

style - встроенная информаци о стиле.

align - выравнивание.

Атрибут align является нежелательным, вместо него для выравнивания текста лучше использовать свойство text-align таблиц стилей, как в примере выше.

Идентификаторы элементов: атрибуты id и class

id - Этот атрибут назначает элементу имя. Имя в пределах документа должно быть уникальным.

Атрибут id может использоваться в HTML несколькими способами:

  • Способ выбора таблицы стилей
  • Назначение цели (якорь) для гипертекстовых ссылок
  • Средство ссылки на определенный элемент сценария
  • Имя объявленного объекта OBJECT
  • В целях обработки агентами пользователей (например. для полей идентификации при извлечении данных из страниц HTML в базу данных, преобразовании документов HTML в другие форматы и т.д.)

Например атрибут id может использоваться для задания ссылок на определенные части одной и той же страницы. Для этого нужно "пометить" идентификатором какой-либо элемент. И в ссылке для атрибута href задать значение вида #id

Этот абзац имеет идентификатор link, на него будет прокручена эта страница при нажатии на предыдущую ссылку.

А код вот такой:

<a href="#link">Например для этой ссылки в качестве значения атрибута href задано значение #link и при нажатии на нее вы переместитесь в пределах этой страницы к следующему абзацу</a>

<p id="link" align="JUSTIFY"> <h3>Этот абзац имеет идентификатор link, на него будет прокручена эта страница при нажатии на предыдущую ссылку.</h3>

Можно переместиться по ссылке к определенному элементу не только в пределах одной страницы, а также и на другие страницы. Например, чтобы переместиться к абзацу с идентификатором link на сайте site.ru и странице page.htm со ссылки на другой странице, нужно ее задать так:

<a href="http://www.site.ru/page.htm#link">Эта ссылка находится в другом месте</a>

Это называется заданием якоря для гипертекстовых ссылок. Для задания якоря чаще используется атрибут name, о нем в другом выпуске рассылки.

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

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

Почти каждому элементу HTML может быть назначен идентификатор и информация о классе.

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

 
<HEAD>
<TITLE>... название документа...</TITLE>
<STYLE type="text/css">
PRE.example { background : green }
</STYLE>
</HEAD>
<BODY>
<PRE class="example" id="example-1">
...код примера...
</PRE>
</BODY>

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

Или например, если для всех абзацев задано выравнивание по ширине, а для некоторых нужно сделать выравнивание по центру. 

 
<HEAD>
<TITLE>... название документа ...</TITLE>
<STYLE type="text/css">
 P { align: justify }
 P.center {align: center}
</STYLE>
</HEAD>

Абзацы класса center будут выровнены по центру.

 

================

Фоменко Алексей. Руководитель проекта Sitesozdat.com – Свой сайт собственными силами для каждого желающего.

«Хотите узнать больше о создании сайта? Тогда подписывайтесь на аудио-курс О создании сайта!»

 

"Подключайтесь к..."

Профессиональный Центр Обслуживания Партнеров Яндекса Profit-project объявляет о бесплатных консультациях о повышении CTR объявлений от Яндекс.Директ на вашем сайте.

Подключайтесь к Profit-project, размещайте контекстную рекламу от Яндекса на своем сайте и зарабатывайте вместе с Яндексом.

Profit-project - профессиональный ЦОП Яндекса для вебмастеров. 24х7 дружественный сапорт, быстрые выплаты, подарочные домены RU, хостинг и консультации для вебмастеров.
Свой сайт каждому желающему || Сайт HTML || О создании сайта || Информационная безопасность сайта || О веб дизайне сайта
В избранное