Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
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


Чувашия-это моя Россия

Идентификаторы элементов id и class в HTML.

Идентификатор id в HTML. Атрибут id используется в HTML для присвоения элементу специфического и уникального в пределах документа сайта имени. Используется как - селектор таблицы стилей; анкер для ссылок; способ доступа к элементу из скрипта; имя объявленного объектного элемента; для обычной обработки пользовательскими агентами, где элемент как данные. И он уже не может дать другому элементу страниц сайта такое же имя, то есть не может быть двух идентификаторов id с одним и тем же именем в пределах одного документа сайта.

Не забывайте с id( идентификатор) может быть только один Вами выбранный элемент на одной странице сайта. Конечно, Вы можете написать и кучу элементов, однако, будет отработан только первый элемент с таким идентификатором.

Повторяюсь, что id - уникальный( единственный в своем роде слово, непохожее на другие слова на этой странице сайта) идентификатор элемента. То есть на одной странице id применяется только один раз. Можно применять много раз, никто Вам это не запрещает, но будут проблемы при использовании HTML-якорей и при применении языка JavaScript и его библиотек jQuery.

Попробуйте присвоить одному элементу два различных идентификатора id, то Вы увидите, что сработает только правила из первого идентификаторв id. Вам это надо? И без этого при создании страниц Вашего сайта будет куча проблем.

Смотрите. Присвоим имя второму абзацу на этой странице сайта id="vizov" и оформим через каскадную таблицу стилей CSS так:

         < style>
                  #vizov {
                   background-color: #CCC;
                   color: #966;
                   font-size: 16px;
                   }
         < /style>

Вы видите этот результат в HTML в абзаце втором. Стиль оформления абзаца затронул только тот абзац, которому было присвоено имя id="vizov". Но, другие абзацы остались без стилистического оформления каскадных таблиц стилей.

Для таких выбора множества элементов для совершения над ними одинаковых действий используется атрибут class/

Атрибут class используется для группировки сходных элементов. Одно и то же значение class может быть у множества элементов страниц сайта, и это позволяет обрабатывать их аналогичным образом на страницах сайта; может использоваться как селектор таблицы стилей; для обычной обработки пользовательскими агентами.

Идентификатор class очень удобен при оформлении однотипных элементов на страницах сайта. Это не обязательно только однотипные элементы, не важно элементы могут быть из разного уровня и типов. Но, если им присвоен один и тот же класс под одним и тем же именем, то оформлении данных элементов будет происходить по одному сценарию назначенному каскадными таблицами стилей CSS.

Пусть у нас имеются абзац p, заглавие h2, и какой-нибудь блок div с размерами 150х100 пикселей. И назначим им класс class="ravno". Напишем эти элементы и потом при помощи стилей оформим текст, фон и т.д.

             < h2 class="ravno">Пусть будет это заглавие.< /h2>
             < p class="ravno">В этом абзаце мы напишем всего несколько слов. 
                            Просто покажем как действует атрибут class.< /p>
             < div class="ravno">блок.< /div>

Пусть будет это заглавие.

В этом абзаце мы напишем всего несколько слов. Просто покажем как действует атрибут class.

блок.
                < style>
                
                       .ravno { 
                             background-color: #FC9;
                             border-color: #F33; 
                             color: #903;
                             
                             }
                             
                    div.ravno {
                             width: 150px;
                             height: 100px;
                             }
                < style>

Таким образом, мы можем создавать сами собственные элементы на страницах сайта с помощью идентификаторов id и классов class.

Перед Вами, наверное, возник вопрос что лучше применять при создании Вашего сайта или идентификатор id, или класс class. Тут, однозначно сказать невозможно: применять class или применять id. Использовать надо и классы, и идентификаторы, в зависимости от стоящей перед Вами цели. Иногда лучше использовать class, чтобы случайно не использовать id на одной странице несколько раз. Где необходимо выделить как уникальный элемент, лучше применять id. В таких случаях, как выделение уникального блока страницы, как написания якорей, как для элементов JavaScript и т.д. .

Во всяком случае, когда оформляете страницы сайта надо задумываться где Вам оставлять " галочки" или "закоручки" виде id, class для того, чтобы потом легко и просто обращаться к этим нужным элементам( абзацам, текстам, изображениям, ссылками и т.д.). Хотя я Вас хочу успокоить, что даже если Вы забыли заякорить тот или иной элемент( тег) выборки на страницах сайта, то не беда; потому что на языке Javascript и jQuery имеются замечательные коды программ( скрипты), при помощи которых можно заменять, добавлять, удалять, изменять и еще очень много полезных действий совершать с элементами выборки на страницах сайта.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: