Оглавление

В каких случаях следует использовать классы, а в каких – идентификатор

На первый взгляд, использование классов и идентификаторов практически не отличается друг от друга: и тому и другому можно присваивать CSS-свойства с необходимыми значениями для изменения вида элементов (X)HTML-документа. Однако при каких обстоятельствах эффективнее использовать классы, а при каких – идентификаторы?

 

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

 

Классы, напротив, можно использовать в документе произвольное количество раз. Поэтому, если некоторые свойства присущи сразу нескольким элементам страницы, использование классов можно считать идеальным решением.

 

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

 

Как правило, я присваиваю идентификатор самым основным элементам, играющим важную роль в формировании структуры документа. Таким образом, в моем коде чаще всего встречаются следующие идентификаторы: header, content, nav и footer. Ниже приведен пример кода:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN"
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<title>Абсолютное позиционирование</title>
<meta http-equiv="content-type"
content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="position2.css" />
</head>
<body>
<div id="header"> ... </div>
<div id="content">
... содержание страницы ...
</div>
<div id="nav"> ... </div>
<div id="footer"> ... </div>  
</body>
</html>
<< Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити