Пятница, 12 Апреля 2013 15:48

Идентификатор HTML элемента

Written by 
Оцени эту запись
(3 Голоса)

Идентификатор HTML элемента является его уникальным именем. На HTML странице имя идентификатора не должно повторяться, оно может присутствовать только у одного элемента. Если нужно имя, которое будет относиться к многим элементам, нужно использовать класс.

 

 

Идентификатор можно задать элементу при помощи атрибута id.

 

Пример:

 

<div id="first">Text</div>

 

 

Идентификатор применяется к элементу для того, чтобы к нему можно было обратиться из CSS или JavaScript(чаще JavaScript).

 

 

Пример CSS:

 

 

#first {
border: 1px solid red;
}

 

 

Пример JavaScript:

 

 

document.getElementById('first').style.border = '1px solid red';

 

 

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

 

 

Идентификатор и класс (атрибут class) отличаются тем, что идентификатор должен быть уникальным, а класс может относиться и к другим элементам.

 

 

 

 

<div class="block" id="first">Text</div>
<div class="block" id="second">Text</div
 

.block {

width: 300px;

height: 200px;

background: green;

}

 

#first {

border: 1px solid red;

}

 

#second {

border: 1px solid blue;

}

 

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов