Manual de referência HTML

Catálogo de etiquetas HTML

Propriedade class do HTML

O valor da propriedade global class é uma lista de nomes de classes (classes) do elemento, separados por espaço, que permite que o CSS e o JavaScript escolham e acessem elementos específicos através de seletores de classe (class selectors) ou métodos DOM (document.getElementsByClassName).

Atributos Globais do HTML

Exemplo online

Uso da propriedade class em documentos HTML:

Exemplo

<!DOCTYPE html>
<html
<head
<meta charset="utf-8">　
<title>Site de Tutoriais Básicos(oldtoolbag.com)</title>/title>
<style
h1.intro {
　　　　cor: azul;
}
p.important {
　　　　cor: verde;
}
</style>
</head>
<body
<h1　class="intro">Cabeçalho　1</h1>
<p>Um parágrafo.</p>
<p class="important">Observe que este é um parágrafo importante. :)</p>
</body>
</html>

Teste e veja ‹/›

Embora não haja exigências específicas para o nome da classe, os desenvolvedores da web melhor usam nomes que expressam o propósito semântico do elemento, em vez de nomes que descrevem a aparência do elemento (mesmo que um elemento seja itálico, o nome da classe não deve ser italics). Nomes semânticos ainda fazem sentido mesmo quando a apresentação da página muda.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam a propriedade class

Definição e uso

A propriedade class define o nome da classe do elemento.

A propriedade class especifica uma ou mais classes para um elemento.

A propriedade class geralmente é usada para apontar para uma folha de estilo. No entanto, o JavaScript também pode usá-la (através do HTML DOM) para alterar elementos HTML com uma classe específica.

HTML 4.01 com HTML5diferenças

No HTML5 Neste contexto, a propriedade class pode ser usada para qualquer elemento HTML (ela Valida qualquer elemento HTML. Mas nem sempre é útil).

No HTML 4.01 Neste contexto, a propriedade class não pode ser usada para: <base>, <head>, <html>, <meta>, <param>, <script>, <style> e <title>.

Sintaxe

　　 <elemento>

Valor do atributo

Valor	Descrição
classname	Define o nome da classe do elemento. Para definir várias classes para um elemento, separe os nomes das classes com espaços. <span>. Os elementos HTML permitem usar várias classes. Regras de nomeação: Deve começar com a letra A-Z ou a-z no início Podem ser os seguintes caracteres: (A-Za-, números (0-9, barras horizontais ("-")-, e sublinhado ("_") No HTML, os nomes das classes são sensíveis a maiúsculas e minúsculas

Mais exemplos

Adicionar várias classes a elementos
Como adicionar várias classes em elementos HTML.

Atributos Globais do HTML

HTML: <template> tag