Spec-Zone.ru › HTML

Класс

Атрибут class глобальный атрибут представляет собой список классов элемента, разделённых пробелами ASCII.

Попробуйте

Описание

Классы позволяют CSS и JavaScript выбирать и получать доступ к определённым элементам с помощью селекторов классов или функций, таких как document.getElementsByClassName().

Хотя спецификация не устанавливает требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическое назначение элемента, а не его представление. Например, attribute для описания атрибута, а не italics, хотя элемент этого класса может быть представлен курсивом. Семантические имена остаются логичными даже при изменении представления страницы.

Синтаксис

Атрибут class представляет собой список значений классов, разделённых пробелами ASCII.

Каждое значение класса может содержать любые символы Юникода (за исключением, разумеется, пробелов ASCII). Однако при использовании в CSS-селекторах, как из JavaScript с помощью API, таких как Document.querySelector(), или в CSS-стилях, значения атрибута класса должны быть допустимыми CSS-идентификаторами. Это означает, что если значение атрибута класса не является допустимым CSS-идентификатором (например, my?class или 1234) то его необходимо экранировать перед использованием в селекторе, либо с помощью метода CSS.escape(), либо вручную вручную.

По этой причине рекомендуется, чтобы разработчики выбирали значения для атрибутов класса, которые являются допустимыми CSS-идентификаторами, не требующими экранирования.

Спецификации

Спецификация
Стандарт HTML
# global-attributes:classes-2

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
class 1 12 1 15 ≤4 18 4 14 ≤3.2 1.0 4.4

См. также

  • Все глобальные атрибуты.
  • element.className
  • element.classList
  • Введение в CSS

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/class

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API