Досить часто, переглядаючи вихідний код багатьох HTML-сторінок, можна бачити додавання до HTML-елементів двох атрибутів:
Подивіться, скажімо, на це зображення:
Давайте розберемося, для чого потрібні два цих атрибута і як їх правильно використовувати.
Як ви можете бачити з прикладу вище, атрибути class і id мають значення, яке вказується після знаку «=».
Виникає питання, що ж можна вказувати в якості цього значення?
Значним цих атрибутів може бути:
+ Будь-яка комбінація букв і цифр латинського алфавіту [a-zA-Z0-9] знака «-» і «_».
АЛЕ, вийшла комбінація не повинна починатися:
+ Двох знаків тире «-«
Таким чином значення атрибутів class та id придумуєте ви самі.
Наприклад, давайте для елемента абзацу на сторінці додамо атрибут class і придумаємо для нього якесь значення.
Додавання атрибута class або id, саме по собі, ніяких змін у зовнішній вигляд елемента не вносить. Давайте в цьому зараз переконаємося.
Так для чого ж потрібні ці атрибути?
З їх допомогою ви даєте елементів на сторінці щось на зразок унікального номера-назви.
Це чимось схоже, коли в селі кожну корову нумерують спеціальною міткою, по якій її потім можна буде відрізнити від інших корів.
Коли у вас на сторінці величезна кількість однакових абзаців або ін. Елементів, як ви можете звернутися до якогось певного з них?
Давши ім'я елементу за допомогою атрибута class або id, ви відділяєте якийсь абзац від всіх інших елементів на сторінці. Точно також можна виділити будь-який інший елемент на сторінці.
Таким чином, додаючи елементів на веб-сторінці атрибути id або class ми просто даємо їм імена.