Através do estudo anterior, já temos um entendimento simples das tags HTML e sabemos que podemos adicionar alguns atributos às tags. Esses atributos contêm informações adicionais sobre as tags, como:
(1) O atributo href pode fornecer o endereço do link para a tag <a>;
(2) O atributo src pode fornecer o caminho da imagem para a tag <img>;
(3) O atributo style pode definir estilos CSS para quase todas as tags.
Neste artigo, explicaremos a definição e o uso de atributos de tags HTML.
1. O que são atributos?
Os atributos podem fornecer algumas informações adicionais para tags HTML ou modificar tags HTML. O atributo precisa ser adicionado na tag inicial e o formato da sintaxe é:
atributo = valor
attr representa o nome do atributo e value representa o valor do atributo. Os valores dos atributos devem ser colocados entre aspas duplas ou aspas simples ' '.
Observação: embora aspas duplas e aspas simples possam cercar os valores dos atributos, por uma questão de padronização e profissionalismo, use aspas duplas tanto quanto possível.
Uma tag não pode ter atributos ou ter um ou mais atributos.
Exemplo de uso de atributos HTML:
<pid=user-infoclass=color-red>Bem-vindo <fontcolor=redsize=3>nome de usuário</font> à C Language Network. Você usa este site há 3 anos. <p><divclass=clearfloat><pclass=left>Informações da conta do nome de usuário</p><pclass=right>Assinatura personalizada do nome de usuário</p></div>
Mostrado abaixo:
1. Propriedades especiais
Existem muitos atributos HTML, que podem ser divididos aproximadamente em duas categorias:
(1) Alguns atributos se aplicam à maioria ou a todas as tags HTML. Chamamos esses atributos de atributos universais;
(2) Alguns atributos são aplicáveis apenas a uma ou várias tags HTML específicas. Chamamos esses atributos de atributos especiais.
A tag <img> em HTML possui dois atributos especiais, src e alt, e a tag <a> também possui dois atributos especiais, href e target, conforme mostrado no exemplo a seguir:
<img src=./logo.png alt=Logotipo da rede de linguagem C largura=100 altura=50>
<a href=http://c.biancheng.net/ target=_blank>Rede de linguagem C</a>
Descrição do código:
O atributo src na tag <img> é usado para definir o caminho da imagem, e o atributo alt é usado para definir as informações de descrição da imagem. Quando a imagem é anormal e não pode ser exibida normalmente, as informações em alt serão. ser exibido.
O atributo href da tag <a> é usado para definir o endereço do link, e o atributo target é usado para definir como a nova página será aberta no navegador.
2. Atributos personalizados
Além de seus próprios atributos, o HTML também nos permite personalizar atributos. Embora esses atributos possam ser reconhecidos pelo navegador, eles não adicionam nenhum efeito especial. Precisamos usar CSS e JavaScript para processar atributos personalizados e adicionar estilos especificados ao HTML. tags ou comportamento.
2. Atributos HTML
● Elementos HTML podem definir atributos
●Os atributos podem adicionar informações adicionais aos elementos
●Os atributos geralmente são descritos na tag de abertura
●Os atributos sempre aparecem na forma de pares nome/valor, por exemplo: nome=valor.
Resumo: Os elementos em HTML podem fornecer informações adicionais para elementos HTML definindo atributos como características que pertencem ao elemento.
1. Atributos comuns
Os atributos a seguir se aplicam à maioria dos elementos HTML
(1) aula
Defina um ou mais nomes de classe (nomes de classe) para elementos HTML (nomes de classe são introduzidos a partir de arquivos de estilo)
O atributo de classe pode ser usado várias vezes, ou seja, class=classname1 classname2 classname3... (Vários atributos de classe podem ser preenchidos entre aspas)
(2) identificação
Defina o id exclusivo do elemento
O atributo id só pode ser definido individualmente, ou seja, id=myid (apenas um pode ser preenchido, vários são inválidos)
(3) estilo
Especifique o estilo embutido de um elemento
(4) título
Descreve informações adicionais sobre o elemento (usado como barra de ferramentas)
2. Valores de atributos de referência comumente usados de atributos HTML
Os valores das propriedades devem sempre ser colocados entre aspas.
Aspas duplas são as mais comumente usadas, mas não há problema em usar aspas simples.
Dica: Em alguns casos individuais, como o próprio valor do atributo contém aspas duplas, deve-se usar aspas simples, por exemplo:
nome='JohnShotGunNelson'
3. Dica de HTML: use atributos em minúsculas
Propriedades e valores de propriedade não diferenciam maiúsculas de minúsculas.
No entanto, o World Wide Web Consortium recomenda atributos/valores de atributos em letras minúsculas em suas recomendações HTML 4.
A nova versão do (X)HTML requer atributos em minúsculas.
4. Manual de referência de atributos HTML
Veja a lista completa de atributos HTML: Lista de tags HTML.
Os atributos que se aplicam à maioria dos elementos HTML estão listados abaixo: