Семантичний Css

Семантика в css





Семантика в css передбачає собою правильне, а точніше коректно використання назви класів.А також використаннякласівтільки тоді, коли це потрібно.Використовувати класи css потрібно в тому випадку якщо не існує відповідний тег css(X) HTML.







Вдумливий,семантично коректно названі класита ID можуть допомогти налаштувати (X) HTML документ для майбутніх перетворень і можливого зберігання даних в форматі XML, який може бути налаштований інакше.Не називайте об'єкт (id або клас) так, на що він схожий або де він використовується.

Приклади назв класів і ID, які не є семантичними:

Використання цих назв безглуздо, тому що, хто б не правив стилі сайту в майбутньому, може змінити стилі описані в цьому класі, що пріведетк абсурду.Наприклад:



Розробник для тексту жовтого кольору визначив клас YellowText, а в майбутньому при редизайні сайту, колір тексту змінили з жовтого на синій, в результаті ми маємо клас YellowText з певним синім кольором.Що само по собі є абсурдним.







Тому при виборі назви класу потрібно керуватися не визначеними всередині класу стилями, а призначенням класу.

Приклади семантичних назв класів та ID:

У цих назв існує певний рівень абстракції.Ви можете їх використати невизначену кількість разів і при цьому мати лише одне зовнішнє опис css.При цьому Вам не потрібно буде переписувати назва класу якщо Ви вирішите змінити стиль.



Редагування стилів, без зміни назви класу в css і (x) html документі висловлює семантичну породу контейнера з вмістом не забруднюючи його інформацією, визначеною тільки для одного контексту.







Одна з найбільш важливих можливостей css - змінити стиль відображення не змінюючи самого (x) html документа.Використовуйте функціональні назви для своїх класів і ID; уникайте назв, які описують, стиль, а не функціанальность.







Ще одним важливим факторомсемантичного cssє те, що використання класів і ID не завжди є необхідним.Якщо кожен параграф на сторінці буде мати однаковий стиль, то не потрібно для кожного параграфа додавати клас з описом, досить прописати стиль для всього параграфа на сторінці.

Основні висновки цієї статті:

No related posts.

Comments are closed.