Atributo id do HTML

Definição e uso

id A propriedade define o id único de um elemento HTML (este valor deve ser único no documento HTML).

id A propriedade é mais frequentemente usada para apontar para estilos em uma tabela de estilos e para operar elementos com um id específico usando JavaScript (através do HTML DOM).

id A propriedade também pode ser usada como âncora de link (link anchor).

Veja também:

Tutorial de HTML:HTML id

Tutorial de HTML:Atributos do HTML

Tutorial de CSS:Sintaxe do CSS

Manual de Referência do CSS:CSS #id Seletores

Manual de Referência do HTML DOM:Método getElementById() do HTML DOM

Manual de Referência do HTML DOM:Propriedade id do HTML DOM

Manual de Referência do HTML DOM:Objeto Style do DOM do HTML

Exemplo

Exemplo 1

Usar a propriedade id para mudar um texto com JavaScript:

<html>
<body>
<h1 id="myHeader">Olá Mundo!</h1>
<button onclick="exibirResultado()">Mudar texto</button>
<script>
function exibirResultado() {
  document.getElementById("myHeader").innerHTML = "Tenha um bom dia!";
}
</script>
</body>
</html>

Experimente você mesmo

Mais exemplos disponíveis na parte inferior da página.

Sintaxe

<elemento id="id">

Valor da propriedade

Valor Descrição
id

Especificar um id único para o elemento. Regras de nomeação:

  • Deve conter pelo menos um caractere
  • Não pode conter caracteres de espaço

Mais exemplos

Exemplo 2

Usar a propriedade id para linkar a um elemento dentro da página com um id específico:

<html>
<body>
<h2><a id="top">Alguém Título</a></h2>
<p>Muitos textos...</p>
<p>Muitos textos...</p>
<p>Muitos textos...</p>
<a href="#top">Voltar ao Topo</a>
</body>
</html>

Experimente você mesmo

Exemplo 3

Use o atributo id para estilizar texto com CSS:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com é o melhor!</h1>
</body>
</html>

Experimente você mesmo

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte