HTML ID

Linguagem de marcação de hipertexto mais popularmente conhecida como html é uma linguagem de programação de desenvolvimento de sites que fornece vários elementos e atributos que ajudam na construção de um site bem estruturado. Esses elementos e atributos são os blocos de construção de HTML. Um desses atributos é o atributo de identificação, que é um atributo html fundamental. Este artigo foi projetado para discutir o atributo de ID HTML em detalhes.

HTML ID

O atributo de ID HTML permite atribuir um identificador exclusivo a um elemento HTML. Este identificador específico só poderia ser atribuído a um e apenas um elemento HTML no mesmo documento. Este atributo indica uma declaração de estilo específica em uma folha de estilo que em palavras mais simples significa que você pode estilizar um elemento usando o atributo de identificação.

Sintaxe do atributo HTML ID

Pontos para lembrar!

• Lembre-se de que os valores de identificação são sensíveis ao minúsculo.
• Nome de identidade deve conter pelo menos um caractere.
• Não pode ter espaços brancos.
• Não pode começar com um número.
• Se você estiver atribuindo o mesmo nome de identificação a mais de um elemento, o HTML executará ações associadas a esse nome de identificação no elemento mais recente.

Exemplo 1

No exemplo seguinte,

O elemento está sendo estilizado usando o atributo de identificação.

O atributo HTML ID fornece um identificador único a um elemento HTML. O identificador deve ser único para cada elemento dentro do mesmo documento HTML. Você pode estilizar um atributo html usando o atributo ID.

Saída

O exemplo acima demonstra o uso do atributo de identificação. No exemplo acima, estamos estilizando

Elemento atribuindo a ele um id exclusivo = "para1".

Agora para estilizar isso

Elemento, estamos definindo seu estilo na seção usando o nome de identificação iniciando com uma hashtag (#).

Exemplo 2

No exemplo a seguir, estamos estilizando dois elementos (e) atribuindo a eles identificadores únicos.

Digite seu nome:




Enviar

No exemplo acima, estamos definindo o estilo dos elementos e na seção.

Saída

Observação: Não misture um atributo de identificação com uma classe porque um nome de classe é usado por vários elementos no mesmo documento; No entanto, um nome de identificação é único e atribuído a apenas um elemento em um documento.

HTML ID e JavaScript

JavaScript faz uso do método getElementById () para obter um elemento específico e executar uma determinada tarefa.

Exemplo

Clique no botão abaixo e veja a alteração.

Clique em mim



No exemplo acima, estamos usando o método getElementById () para alterar a cor do

elemento clicando no botão. Na seguinte parte do código, definimos o estilo de

elemento usando seu ID exclusivo, que é #para1.

#para1
Size da fonte: 50px;
cor preta;
intensidade da fonte: Negrito;
Alinhamento de texto: centro;

Depois, usamos o método getElementById () para alterar a cor de

elemento.

documento.getElementById ("para1").estilo.color = "verde";

Saída

Antes de clicar no botão.

Depois de clicar no botão.

Conclusão

O atributo HTML ID fornece um identificador exclusivo para um elemento HTML específico que pode ser usado para definir o estilo desse elemento específico. Um nome de identificação específico pode ser atribuído a apenas um elemento no mesmo documento HTML. JavaScript também usa o nome do ID para executar determinadas ações em um elemento específico. Esta redação foi projetada para discutir o atributo HTML ID em detalhes com a ajuda de exemplos.