class

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

Tópicos relacionados
  1. HTML
  2. Tutoriais:
  3. O básico de HTML
  4. Introdução ao HTML
    1. Visão geral da Introdução ao HTML
    2. Iniciando com HTML
    3. O que está na "head"? Metadados em HTML
    4. Fundamentos de textos HTML
    5. Criando hiperlinks
    6. Formatação avançada de textos
    7. Estrutura do Documento e do Site
    8. Depurando HTML
    9. Avaliação: Melhorando uma carta
    10. Avaliação: Estruturando uma página de conteúdos
  5. Multimídia e incorporação
    1. Visão geral sobre Multimídia e incorporação
    2. Trabalhando com imagens em HTML
    3. Conteúdos com vídeo e áudio
    4. De objeto a iframe — outras tecnologias de incorporação
    5. Adicionando gráficos vetoriais à Web
    6. Imagens responsivas
    7. Avaliação: Página "splash" da Mozilla
  6. Referências:
  7. Elementos HTML
    1. <a>
    2. <abbr>
    3. <acronym>
    4. <address>
    5. <applet>
    6. <area>
    7. article (artigo)
    8. <aside>
    9. audio
    10. <b>
    11. <base>
    12. <basefont> [Traduzir]
    13. <bdi>
    14. <bdo>
    15. <bgsound> [Traduzir]
    16. <big> [Traduzir]
    17. <blink>
    18. <blockquote>
    19. <body>
    20. <br>
    21. <button>
    22. canvas
    23. <caption>
    24. <center> [Traduzir]
    25. <cite>
    26. <code> [Traduzir]
    27. <col>
    28. <colgroup> [Traduzir]
    29. command
    30. <content> [Traduzir]
    31. <data>
    32. datalist
    33. <dd>
    34. <del>
    35. details
    36. <dfn>
    37. <dialog>
    38. <dir> [Traduzir]
    39. <div>
    40. dl
    41. <dt>
    42. <element> [Traduzir]
    43. <em>
    44. <embed>
    45. <fieldset>
    46. <figcaption> [Traduzir]
    47. <figure>
    48. <font> [Traduzir]
    49. footer (rodapé)
    50. <form>
    51. <frame> [Traduzir]
    52. <frameset> [Traduzir]
    53. Heading elements
    54. <head>
    55. header (cabeçalho)
    56. <hgroup>
    57. <hr>
    58. <html>
    59. <i>
    60. <iframe>
    61. <image> [Traduzir]
    62. <img>
    63. <input>
    64. <ins>
    65. <isindex> [Traduzir]
    66. <kbd> [Traduzir]
    67. <keygen> [Traduzir]
    68. <label>
    69. <legend>
    70. <li>
    71. <link>
    72. <listing> [Traduzir]
    73. <main>
    74. <map>
    75. <mark>
    76. <marquee>
    77. <menu> [Traduzir]
    78. <menuitem> [Traduzir]
    79. <meta>
    80. meter
    81. <multicol> [Traduzir]
    82. nav
    83. <nextid> [Traduzir]
    84. <nobr>
    85. <noembed> [Traduzir]
    86. <noframes> [Traduzir]
    87. <noscript>
    88. <object> [Traduzir]
    89. <ol>
    90. <optgroup>
    91. <option>
    92. Output
    93. <p>
    94. <param> [Traduzir]
    95. <picture>
    96. <plaintext> [Traduzir]
    97. <pre>
    98. progress
    99. <q>
    100. <rb> [Traduzir]
    101. <rp> [Traduzir]
    102. <rt>
    103. <rtc> [Traduzir]
    104. <ruby>
    105. <s> [Traduzir]
    106. <samp> [Traduzir]
    107. <script>
    108. <section>
    109. <select>
    110. <shadow> [Traduzir]
    111. <slot> [Traduzir]
    112. <small> [Traduzir]
    113. source
    114. <spacer> [Traduzir]
    115. <span>
    116. <strike> [Traduzir]
    117. <strong>
    118. <style>
    119. <sub> [Traduzir]
    120. summary
    121. <sup> [Traduzir]
    122. <table>
    123. <tbody> [Traduzir]
    124. <td>
    125. <template>
    126. <textarea>
    127. <tfoot> [Traduzir]
    128. <th> [Traduzir]
    129. <thead> [Traduzir]
    130. <time>
    131. <title>
    132. <tr> [Traduzir]
    133. <track>
    134. <tt> [Traduzir]
    135. <u> [Traduzir]
    136. <ul>
    137. <var>
    138. video
    139. <wbr>
    140. <xmp> [Traduzir]
  8. Atributos globais
    1. accesskey [Traduzir]
    2. autocapitalize [Traduzir]
    3. class
    4. contenteditable [Traduzir]
    5. contextmenu [Traduzir]
    6. data-*
    7. dir [Traduzir]
    8. draggable [Traduzir]
    9. dropzone [Traduzir]
    10. hidden
    11. id
    12. inputmode [Traduzir]
    13. is [Traduzir]
    14. itemid [Traduzir]
    15. itemprop
    16. itemref [Traduzir]
    17. itemscope [Traduzir]
    18. itemtype [Traduzir]
    19. lang [Traduzir]
    20. slot [Traduzir]
    21. spellcheck [Traduzir]
    22. style [Traduzir]
    23. tabindex
    24. title
    25. translate [Traduzir]
    26. x-ms-acceleratorkey [Traduzir]
    27. x-ms-format-detection [Traduzir]
  9. Tipos de <input>
    1. <input type="button"> [Traduzir]
    2. <input type="checkbox">
    3. <input type="color"> [Traduzir]
    4. <input type="date">
    5. <input type="datetime"> [Traduzir]
    6. <input type="datetime-local"> [Traduzir]
    7. <input type="email"> [Traduzir]
    8. <input type="file"> [Traduzir]
    9. <input type="hidden"> [Traduzir]
    10. <input type="image"> [Traduzir]
    11. <input type="month"> [Traduzir]
    12. <input type="number"> [Traduzir]
    13. <input type="password">
    14. <input type="radio"> [Traduzir]
    15. <input type="range">
    16. <input type="reset"> [Traduzir]
    17. <input type="search"> [Traduzir]
    18. <input type="submit"> [Traduzir]
    19. <input type="tel"> [Traduzir]
    20. <input type="text"> [Traduzir]
    21. <input type="time">
    22. <input type="url"> [Traduzir]
    23. <input type="week"> [Traduzir]
    24. Date and time formats used with the input element [Traduzir]
  10. Documentação:
  11. Listas úteis
  12. Índice para todas as páginas
  13. Páginas com a tag "HTML"
  14. Contribua!
    1. Estado da documentação do HTML
    2. O projeto MDN