Различия

Показаны различия между двумя версиями страницы.

--- software:development:web:docs:web:html:global_attributes:class [2024/03/03 11:39] – создано vladpolskiy
+++ software:development:web:docs:web:html:global_attributes:class [2024/03/03 11:54] (текущий) – [Интерактивный пример] vladpolskiy
@@ Строка 3: / Строка 3: @@
 [[software:development:web:docs:web:html:global_attributes|Глобальный атрибут]] **class ** представляет собой разделенный пробелами список классов элемента, чувствительных к регистру. Классы позволяют CSS и JavaScript выбирать и получать доступ к определенным элементам с помощью [[software:development:web:docs:web:css:class_selectors|селекторов классов]] или функций, таких как метод DOM ''.class'' [[software:development:web:docs:web:api:document|getElementsByClassName]]. Для CSS задаёт стилевой класс, который позволяет связать определённый элемент со стилевым оформлением.
-  Хотя спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическую цель элемента, а не его представление. Например, атрибут для описания атрибута, а не курсива , хотя элемент этого класса может быть представлен курсивом . Семантические имена остаются логичными, даже если представление страницы изменится.
+Хотя спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическую цель элемента, а не его представление. Например, атрибут для описания атрибута, а не курсива , хотя элемент этого класса может быть представлен курсивом . Семантические имена остаются логичными, даже если представление страницы изменится.
 =====Интерактивный пример=====
 <html>
-<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/autocapitalize.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/class.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+<html>
+<iframe height="350" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/global_attributes/class_1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
 </iframe>
 </html>
@@ Строка 15: / Строка 20: @@
 <WRAP left round info 100%>
-**Примечание**
+**Примечание**\\
- Для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил описанных в Значении атрибута.
+  * Для совместимости со старыми браузерами и JavaScript рекомендуется придерживаться данных правил описанных в Значении атрибута.
+  * Спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическую цель элемента, а не его представление.
 </WRAP>
@@ Строка 46: / Строка 52: @@
 =====Ссылки и Дополнения=====
-  * [[https://webaim.org/techniques/keyboard/autocapitalize#spec|WebAIM: Keyboard Accessibility - autocapitalize]]
+  * [[https://https://msiter.ru/references/html-reference/global/class|Общий HTML атрибут class]]
-  * [[https://webref.ru/html/attr/autocapitalize|WebReference - Атрибут autocapitalize]]
+  * [[https://html.spec.whatwg.org/multipage/dom.html#global-attributes:classes-2|Стандарт HTML # global-attributes:classes-2]]
+  * [[https://webref.ru/html/attr/class|WebReference - Атрибут class]]