Este artigo apresenta principalmente os atributos padrão e os atributos personalizados no HTML5. O artigo também fala sobre alguns pontos de conhecimento relacionados sobre o acesso a atributos personalizados quando o JavaScript opera DOM. É muito recomendado. Amigos que precisam podem se referir a ele.
Conforme declarado na sintaxe HTML5, um elemento pode conter atributos para definir várias propriedades para um elemento.
Algumas propriedades são definidas como globais e podem ser usadas em qualquer elemento, enquanto outras são definidas como específicas do elemento. Todas as propriedades têm um nome e um valor, que se parece com o exemplo a seguir.
Aqui está um exemplo usando os atributos HTML5 que demonstram como marcar um elemento div com um atributo e um exemplo de valor denominado classe:
<div class = exemplo> ... </div>
Os atributos só podem ser especificados na etiqueta inicial e não devem ser usados na etiqueta final.
Os atributos HTML5 são insensíveis a minúsculas e podem ser usados em todo o capital ou misturados, embora a convenção mais comum seja sempre usada em minúsculas.
Atributos padrãoAs propriedades listadas abaixo são suportadas por quase todas as tags HTML5.
| propriedade | Opções | Função |
| AccessKey | Definido pelo usuário | Define atalhos de teclado para acessar elementos. |
| alinhar | Direita, esquerda, centro | Alinhe o rótulo horizontalmente. |
| fundo | Url | Defina uma imagem de fundo atrás do elemento. |
| bgcolor | Valor, valor hexadecimal, valor RGB | Defina uma cor de fundo por trás do elemento. |
| aula | Definido pelo usuário. | Classifique um elemento para facilitar o uso de folhas de estilo em cascata. |
| contentável | Verdadeiro, falso | Define se o usuário pode editar o conteúdo de um elemento. |
| ContextMenu | ID do menu | Defina o menu de contexto para o elemento. |
| Data-xxxx | Definido pelo usuário. | Propriedades personalizadas. O autor de um documento HTML pode definir suas próprias propriedades. As propriedades personalizadas devem começar com dados. |
| arrastável | Verdadeiro, falso, automático | Define se o usuário pode arrastar elementos. |
| altura | Valor numérico | Define a altura de uma tabela, imagem ou célula de tabela. |
| Escondido | Escondido | Define se um elemento deve ser visível. |
| eu ia | Definido pelo usuário. | Elementos de nome para facilitar o uso de folhas de estilo em cascata. |
| item | Lista de elementos. | Usado para combinar elementos. |
| ItemProp | Lista de entradas. | Usado para combinar entradas. |
| Verificação ortográfica | Verdadeiro, falso | Define se um elemento deve ter ortografia ou verificação de erros. |
| estilo | CSS STILELEET. | Defina estilos embutidos para elementos. |
| assunto | ID definido pelo usuário. | Define a entrada associada ao elemento. |
| Tabindex | Número da guia | Determinado para a ordem da chave da guia do elemento. |
| título | Definido pelo usuário. | Título pop -up do elemento. |
| Valign | Top, médio, inferior | Alinhamento vertical de tags nos elementos HTML. |
| largura | valor numérico. | Define a largura de tabelas, imagens e células de tabela. |
O HTML5 também apresenta um novo recurso, que é adicionar atributos de dados personalizados.
Os atributos de dados personalizados começam com dados e são nomeados com base em nossas necessidades. Aqui está um exemplo simples:
<div class = exemplo de dados de dados = nível de dados da física = complexo>
...
</div>
No exemplo acima, duas propriedades personalizadas chamadas de sujeito de dados e nível de dados são completamente válidas no HTML5. Também podemos usar a API JavaScript ou obter seus valores no CSS de maneira semelhante para obter atributos padrão.
Adicione atributos personalizados aos elementos HTML e acesse -os através do JavaScript. Se você já tentou antes, descobrirá que é fácil ignorar a verificação de tags, e o HTML5 pode fornecer a capacidade de criar e usar seus próprios atributos de elemento em uma página da Web válida.
Crie arquivos HTML5:
Se você não descobriu qual deles usar, pode copiar o seguinte código:
Código XML/HTML Copito de Conteúdo para a área de transferência