# ID em HTML 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. ## O que é ID HTML? Uma ID em HTML é um **atributo HTML** usado para identificar unicamente um [elemento HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/elementos-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. Nota Se você está começando a aprender HTML o nosso tutorial introdutório pode ajudar. ## 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: ```html

Este parágrafo possui a ID "testeId".

``` Neste caso, a ID “testeId” foi atribuída ao [parágrafo HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/p-html-paragrafo-em-html/). Um exemplo mais completo demonstra seu uso combinado com CSS: ```html

Exemplo de ID em HTML

O cabeçalho é um exemplo prático do uso de IDs em HTML.

``` No exemplo acima, o elemento [cabeçalho HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/h1-em-html/) foi identificado pela ID “cabecalho”. Como as regras de [CSS foram incorporadas no HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/design-de-sites/como-incluir-css-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](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/class-html/) 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 (`.`). This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/id-em-html/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/id-em-html/) for AI/LLM consumption.