O atributo global class é uma lista das classes de um elemento, separada por espaços. Classes permitem a CSS e Javascript selecionar e acessar elementos específicos através dos seletores de classe ou funções como o método DOM document.getElementsByClassName.
Apesar da especificação não impor requesitos sobre os nomes de classes, é considerada boa prática usar nomes que descrevam o propósito semântico do elemento, em vez de sua representação (e.g. atributo para descrever um atributo em vez de ítalico, mesmo que um elemento desta classe possa ser representado por ítalico). Nomes baseados em semântica permanecem coerentes mesmo se a representação da página mude.
Especificações
| Especificação | Status | Comentário |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'class' in that specification. |
Living Standard | Nenhuma mudança desde o mais recente snapshot, HTML5.1 |
| HTML5.1 The definition of 'class' in that specification. |
Working Draft | Snapshot de WHATWG HTML Living Standard, nenhuma mudança desde HTML5 |
| HTML5 The definition of 'class' in that specification. |
Recommendation | Snapshot de WHATWG HTML Living Standard. Apartir de HTML 4.01 Specification, class é um atributo global verdadeiro. |
| HTML 4.01 Specification The definition of 'class' in that specification. |
Recommendation | Suportado por todos os elementos menos <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, e <title>. |
Compatibilidade nos Navegadores
| Recurso | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Suporte básico | (Yes) | (Yes)[1] | (Yes) | (Yes) | (Yes) |
| Recurso | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Suporte básico | (Yes) | (Yes) | (Yes) [1] | (Yes) | (Yes) | (Yes) |
[1] class é um atributo global verdadeiro desde desde o Firefox 32.
Veja também
- Todos os atributos globais.