Приднестровская поддержка XOOPS
На первый взгляд, использование классов и идентификаторов практически не отличается друг от друга: и тому и другому можно присваивать 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>
Отправитель | Нити |
---|
3 пользователь(ей) активно (2 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 3 далее... |