O atributo id HTML serve para identificar elementos específicos de forma única dentro de um documento HTML, para que possam ser estilizados ou manipulados com CSS ou JavaScript.

Construa sua marca com um ótimo domínio
Registre um nome de domínio
  • SSL Wildcard grátis para mais segurança
  • Registro privado grátis para mais privacidade
  • Domain Connect grátis para configurar DNS fácil

O que é ID HTML?

Uma ID em HTML é um atributo HTML usado para identificar unicamente um elemento HTML. Cada ID deve ser única dentro de um documento HTML, pois a duplicação torna o código inválido. IDs são amplamente utilizadas com CSS e JavaScript para aplicar estilos específicos ou realizar ações sobre elementos específicos.

Por que usar ID HTML?

ID HTML é útil sempre que uma ação ou estilo precisa ser aplicado a um único elemento. Aqui estão os principais usos do atributo id:

  • Estilização com CSS: IDs permitem que você aplique regras de estilo a um elemento específico, sendo ideal para destacar componentes individuais em uma página.
  • Interatividade com JavaScript: IDs são usadas para acessar elementos HTML específicos e alterar suas propriedades ou conteúdo, sendo um pilar do desenvolvimento web dinâmico.
  • Navegação e âncoras: IDs podem criar âncoras, permitindo que links direcionem os usuários diretamente a uma seção específica da página.
Dica

O atributo id pode ser atribuído a qualquer elemento HTML.

Sintaxe de ID HTML

Para definir uma ID em HTML, basta adicionar o atributo id ao elemento desejado, especificando um nome único. Veja o exemplo:

<p id="testeId">Este parágrafo possui a ID "testeId".</p>
html

Neste caso, a ID “testeId” foi atribuída ao parágrafo HTML. Um exemplo mais completo demonstra seu uso combinado com CSS:

<!DOCTYPE html>
<html>
<head>
    <style>
        #cabecalho {
            background-color: blue;
            padding: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1 id="cabecalho">Exemplo de ID em HTML</h1>
    <p>O cabeçalho é um exemplo prático do uso de IDs em HTML.</p>
</body>
</html>
html

No exemplo acima, o elemento cabeçalho HTML foi identificado pela ID “cabecalho”. Como as regras de CSS foram incorporadas no HTML, o estilo foi aplicado à ID específica.

Diferença entre ID e classe html

Os atributos id e class são usados para identificar e estilizar elementos HTML, mas possuem diferenças fundamentais:

  • Unicidade: Uma ID deve ser única dentro de um documento HTML, enquanto uma classe pode ser aplicada a vários elementos, permitindo manipular um grupo de elementos de uma vez.
  • Especificidade: IDs têm maior especificidade do que classes. Quando ambos são aplicados a um mesmo elemento, a ID tem prioridade sobre a classe ao definir estilos conflitantes.
  • Referência no CSS: Para estilizar IDs em CSS, utiliza-se o símbolo # antes do nome da ID. Já para classes, utiliza-se o ponto (.).
HiDrive Cloud Storage com a IONOS!

Baseado na Europa, o HiDrive protege seus dados em nuvem para que você possa acessá-los, com facilidade, de qualquer dispositivo!

  • Altamente seguro
  • Acesso compartilhado
  • Disponível de qualquer lugar
Este artigo foi útil?
Ir para o menu principal