Atributos HTML5

Existem atributos que podem ser aplicados apenas a um elemento específico, mas, em vez disso, alguns podem ser aplicados a um ou mais elementos.
No exemplo a seguir, veremos a aplicação de um atributo ao elemento

Este elemento permite criar um hiperlink ao clicar nele, é importante mencionar que os atributos só podem ser adicionados no início dos rótulos e devem ter um nome e seu valor correspondente.
Além disso, podemos adicionar vários atributos aos nossos elementos, o que fazemos separando-os com um espaço simples:
Eu gosto aula= "link" href= "/ apples.html" ir= "firstlink"> maçãs e laranjas.
Atributos Booleanos
Alguns atributos são booleanos, para estes não há necessidade de especificar um valor, ele somente é adicionado ao elemento e executará sua funcionalidade, por exemplo:
Digite seu nome:
Aqui estamos usando o atributo Desativado no elemento de entrada que fornece ao usuário os meios para inserir informações, adicionando o atributo Desativado evitamos que o usuário insira qualquer informação usando o teclado ou copie para a área de transferência.
Atributos personalizados
Podemos definir atributos personalizados, desde que o nome que usamos tenha o prefixo de dados:
Digite seu nome:
O nome correto para esses atributos são atributos definidos pelo autor e ao adicionar o prefixo de dados a eles, conseguimos que os navegadores os interpretem sem nenhum problema e sem nenhum conflito com nenhum outro atributo personalizado criado anteriormente.
Atributos globais HTML5
Existe uma segunda categoria de atributos, estes configuram o comportamento que é comum em todos os elementos, vamos ver o que são:

• 1. Tecla de acesso

Este atributo nos permite especificar um ou mais atalhos de teclado que selecionarão o elemento ao qual serão aplicados na página.

 Nome de exemplo:
Senha:

Aqui podemos ver que a entrada Nome será acessada com a tecla 'n', senha com 'p' e Login com 's'.

• 2. Classe

O atributo class é usado para classificar ou categorizar elementos, normalmente fazemos isso para que possamos localizar os elementos no documento que pertencem à classe dada e sermos capazes de aplicar um estilo CSS a ela.

 Exemplo de site da Apress
Site W3C 

Podemos aplicar várias classes a cada elemento, separando as classes com espaço, os nomes que atribuímos às classes são arbitrários, mas minha recomendação é colocar nomes que tenham algum significado no contexto em que estamos trabalhando.

• 3. Conteúdo editável

Este atributo permite alterar o conteúdo da página sem a necessidade de formulário ou programação extra.

 Exemplo 
Está chovendo agora

Aplicamos o atributo a um elemento

definir o valor do atributo como "true", permitindo que o usuário modifique o conteúdo desse parágrafo. Quando o usuário clica no elemento, ele pode começar a modificá-lo.

No próximo tutorial veremos o resto dos atributos que são usados ​​em nosso documento HTML e que nos permitirão configurar nossos elementos da maneira que quisermos e adaptados às nossas necessidades.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo