Різниця між «id» і «class» - студія Палича
Ідентифікатори (id) і класи (class) - це «гачки»
Ми можемо різними шляхами описати вміст HTML-документа. Основні елементи, такі, як
.
і
- виконують свою роботу, але основний набір тегів не може покрити кожне можливе оформлення сторінкового елемента або шару. Для цього нам потрібно використовувати ідентифікатори і класи. Для прикладу
- Кожен елемент може мати тільки один ID.
- На кожній сторінці може бути тільки один елемент з ID.
- Ви можете використовувати однакові класи для різних елементів.
- Ви можете використовувати різні класи для однакових елементів.
- . це дасть нам шанс оформити цей маркований список за своїм бажанням так, що ми зможемо маніпулювати його унікальністю окремо від інших маркованих списків на нашій сторінці. Або ми повинні мати розділ на нашій сторінці, який не має релевантних ключових слів:
І яка все-таки різниця між ними?
ідентифікатори унікальні
Ваш код сторінки не пройде валідацію, якщо ви іcпользуете однакові ID більше, ніж один раз. Так як валідність для нас дуже важлива, не варто забувати про унікальність ідентифікаторів.
Класи не унікальні
Будь-яка інформація, необхідна для накладення стилів на різні об'єкти, може бути описана в class. Для прикладу - сторінка з множинними "widget":
Ви можете використовувати ім'я класу "widget" як гачок, щоб, наприклад, зробити більше, ніж інші, але при цьому зберігаючи всі атрибути. Ви можете накладати на один об'єкт більш, ніж один клас:
Немає необхідності використовувати новий клас, просто додайте новий необоходимо клас праворуч або ліворуч. Ці класи, розділені через пробіл, нормально сприймаються усіма браузерами в будь-якій кількості (але не варто доходити до фанатизму і створювати тисячу і більше класів для одного елемента).
Ідентифікатори мають спеціальну функціональність для браузера
Це і є основою причиною унікальності ідентифікатора, тому ваші браузери знають куди скролл.
При обробці ДжаваСкрипт сторінки, швидше за все будуть знайдені елементи з ідентифікаторів, ніж з класом.
Якщо не потрібні, то і не викорис
Як ви вже помітили, класи і ідентифікатори дуже важливі, і тому нам необхідно використовувати для того, щоб управляти сторінкою. Тому ми повинні їх використовувати розумно і семантично.
Це має на увазі наступне:
Ми вже знаємо, що цей елемент є посиланням, але він ще і якірний елемент. Немає сенсу накладати на нього клас, так як ми вже наклали стиль через його тег.
Ідентифікатор має на увазі використання тут тільки однією правою колонки, але ім'я тут невдалий. Намагайтеся описувати вміст елемента, але тільки не те, де він знаходиться або те, на що він схожий. Ідентифікатор "sidebar" буде більш підходящим.
Ну ось, в принципі і все.