Manual de referência HTML

大全 do HTML 标签

Propriedade HTML id

A propriedade global HTML id define um identificador único (ID) para todo o documento. Ele é usado para identificar elementos em links (usando fragmentos), scripts e estilos (através de CSS).

Atributos Globais do HTML

Exemplo online

Utilize o script JavaScript para alterar o conteúdo de um texto usando a propriedade id:

Exemplo

!DOCTYPE html
<html
<head
<meta charset="utf-8">　
<title>Base Tutorial Network(oldtoolbag.com)</title>　
<script
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="Ri, fui alterado, meu amigo!";
}
</script>
</head>
<body
<h1　id="myHeader">Hello World!</h1>
<button onclick="changeText()">Mudar dinamicamente o conteúdo de texto do id</button>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a propriedade id

Definição e uso

A propriedade id define o id único do elemento HTML.

O id no documento HTML deve ser único.

A propriedade id pode ser usada como âncora de link (link anchor), para alterar ou adicionar estilos ao elemento com id especificado através de JavaScript (HTML DOM) ou CSS.

HTML 4.01 com o HTML5as diferenças

no HTML5 , a propriedade id pode ser usada em qualquer elemento HTML (ele verificará qualquer elemento HTML. Mas não necessariamente útil).

no HTML 4.01 , a propriedade id não pode ser usada: <base>, <head>, <html>, <meta>, <param>, <script>, <style> e <title>.

Atenção: HTML 4.01 Existem restrições rigorosas para os valores de id (Por exemplo: no HTML 4.01 O valor do id não pode começar com um número).

Sintaxe

　　 <elemento id="id">

Valor do atributo

Valor	Descrição
id	Define um id único para o elemento. Regras de nomeação: Deve começar com a letra A-Z ou a-z início os caracteres posteriores: letras (A-Za-z)、número (0-9)、hífen ("--)、sublinhado ("_")、dois pontos (":") e ponto (".") Os valores são sensíveis a maiúsculas e minúsculas

Mais exemplos

Uso da propriedade id no CSS
Como usar a propriedade id no CSS para adicionar estilo a elementos

Atributos Globais do HTML

HTML: <template> etiqueta