Атрибути елементів в CSS часто стають предметом суперечок професіоналів і любителів. Чи треба застосовувати той чи інший, наскільки доцільно це при ідентичному результаті, який код буде менш витратним і більш правильним, і подібні цим питання обговорюються невпинно, в тому числі і зачіпаючи атрибути class і id.
Зміст статті
- визначення
- порівняння
- висновки
визначення
Div class - атрибут елемента, що приписує його до якого-небудь класу.
Div id - атрибут елемента, однозначно його ідентифікує.
до змісту ↑порівняння
Різниця між class і id в CSS кардинальної не рахується, і часто застосовується той чи інший залежно від пристрасті автора. Основна відмінність class від id полягає в тому, що перший може даватися кількох елементів, другий же унікальний і присвоюється одному елементу на сторінці. Використання div id дозволяє уникнути багаторівневої вкладеності, яка виходить при використанні div class.
Крім того, атрибут id, на відміну від class, може використовуватися для якірних посилань, для цього досить дати його елементу і послатися на цей елемент якорем. Також у id буде пріоритет в таблиці CSS, якщо заданий він одночасно з class. Останній, в свою чергу, дозволяє застосовувати безліч класів до одного елементу. Назви класів можуть записуватися через прогалини, ідентифікатор такого звернення не передбачає. Ще одна перевага id - в можливості пошуку елемента в коді з цього атрибуту за допомогою функції document.getElementById ().
до змісту ↑висновки
- Div class - приписує клас елементу, div id - ідентифікує.
- Class присвоюється множинним елементам, id унікальний на сторінці.
- Одному елементу може бути присвоєно безліч класів за допомогою class, і тільки один id.
- Пріоритет в CSS залишається за id.
- Пошук в коді по атрибуту id здійснюється легше.
