Atributo ID
O atributo ID define uma identificação única para um elemento HTML. O ID deve ser único no documento e há dois casos de uso comum:
- Obter o elemento usando o método
getElementById(). - Utilizar como um seletor ao estilizar o documento com CSS
Nota
Existe algumas convenções sobre a nomenclatura de IDs.
- Apenas letras minúsculas
- Não pode ter caracteres especiais, acentuações e espaços
- Palavras compostas devem ser separados por hífen (por exemplo
elemento-1)
<!DOCTYPE html>
<html>
<head>
<style>
#my-header {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>
</head>
<body>
<h1 id="my-header">My Header</h1>
</body>
</html>