Глобальный атрибут class это разделенный пробелом список регистро зависимых классов элемента. Классы позволяют CSS и Javascript выбирать и получать доступ с помощью селекторов класса или функций, таких как методы DOM document.getElementsByClassName.
Исходный код этого примера хранится на GitHub. Если вы хотели бы поспособствовать интерактивными примерами, пожалуйста склонируйете https://github.com/mdn/interactive-examples и отправьте pull request.
Хотя спецификация не предъявляет требований к именам классов, веб-разработчикам рекомендуется использовать имена, описывающие семантическое назначение элемента, а не представление элемента. Например, атрибут описывает атрибут, а не курсив, хотя элемент этого класса может быть представлен курсивом. Семантические имена остаются логичными даже при изменении представления страницы.
Спецификация
| Спецификация | Статус | Комментарий |
|---|---|---|
| HTML Living Standard Определение 'class' в этой спецификации. |
Живой стандарт | Нет изменений c последнего снимка, HTML 5.1 |
| HTML 5.1 Определение 'class' в этой спецификации. |
Рекомендация | Снимок HTML Living Standard, никаких изменений от HTML5 |
| HTML5 Определение 'class' в этой спецификации. |
Рекомендация | Снимок HTML Living Standard. Начиная с HTML 4.01 Specification, class теперь это истинный глобальный атрибут. |
| HTML 4.01 Specification Определение 'class' в этой спецификации. |
Рекомендация | Поддерживается на всех элементах, кроме <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, и <title>. |
Совместимость с браузерами
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Компьютеры | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
class | Chrome Полная поддержка Да | Edge Полная поддержка 12 | Firefox Полная поддержка 32 | IE Полная поддержка Да | Opera Полная поддержка Да | Safari Полная поддержка Да | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Firefox Android Полная поддержка 32 | Opera Android Полная поддержка Да | Safari iOS Полная поддержка Да | Samsung Internet Android Полная поддержка Да |
Легенда
- Полная поддержка
- Полная поддержка
Смотреть также
- Все глобальные атрибуты.