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 |
|---|---|---|
| HTML Living Standard The definition of 'class' in that specification. |
Padrão em tempo real | Nenhuma mudança desde o mais recente snapshot, HTML 5.1 |
| HTML 5.1 The definition of 'class' in that specification. |
Recomendação | Snapshot de HTML Living Standard, nenhuma mudança desde HTML5 |
| HTML5 The definition of 'class' in that specification. |
Recomendação | Snapshot de 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. |
Recomendação | Suportado por todos os elementos menos <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <style>, e <title>. |
Compatibilidade nos Navegadores
Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!
| 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.