ID – основное понятие динамического HTML (DHTML). С помощью ID функция JavaScript определяет уникальный объект на экране. Это означает, что в отличие от класса ID обычно используется на странице один раз и определяет один элемент как объект. Этим объектом можно управлять с помощью JavaScript.
ID допускается определять внутри тега <style>…</style> в заголовке документа или во внешнем CSS-файле, который затем связывается с HTML-документом.
1. ID-правила всегда начинаются со знака решетки (#), затем вводится имя ID. В качестве имени можно использовать любой набор букв и цифр:
#area1 {
2. Через точку с запятой напишите определения этого класса. ID можно использовать с любым типом свойств, но ID-селектор лучше всего применять при описании уникального объекта на экране:
color: red; margin-left: 14px; position: relative;
3. Завершите правило закрывающей фигурной скобкой:
}
! ID, не определенный внутри HTML-тега документа работать не будет.
Применение ID к HTML-тегу:
Добавьте id=”idName” в выбранный HTML-тег: <p id=”area1”>…</p>
Пример 4: Идентификация объекта
<html>
<head>
<style type="text/css">
#area1 {
color: red;
margin-left: 10px; }
#image1 { float: right; }
</style>
</head>
<body>
<p> текст ……… </p>
<p id="area1"> <img id="image1" src="2.jpg"> текст…<i> текст…</i> текст…</p>
<p> текст ………....</p>
</body>
</html>
Рис.12. Пример 4