Artigo original: HTML Role Attribute Explained

O atributo role (em português, "função" ou "papel") descreve a função de um elemento em programas que podem fazer uso dele, como leitores de tela ou lupas.

Exemplo de uso:

<a href="#" role="button">Link de botão</a>

Os leitores de tela lerão esse elemento como um "botão" ao invés de um "link".

Há quatro categorias de roles:

  • Roles abstratos
  • Roles de widget
  • Roles de estrutura de documento
  • Roles de ponto de referência

Mais informações sobre os atributos do HTML (textos em inglês):

atributo <script src>

atributo <a href>

atributo <a target>

atributo <body background>

atributo <p align>

atributo <img src>

<font> attribute

Atributos em HTML

Os elementos em HTML podem ter atributos, que contêm informações adicionais sobre o elemento.

Os atributos do HTML geralmente vêm em pares nome-valor. Eles sempre vão na tag de abertura de um elemento. O nome do atributo diz que tipo de informação você está fornecendo sobre o elemento e o valor dele é a informação real.

Por exemplo, um elemento âncora (<a>) em um documento em HTML cria links para outras páginas ou outras partes da página. Você usa o atributo href na tag de abertura de <a> para informar ao navegador para onde o link envia um usuário.

Aqui está um exemplo de um link que envia os usuários para a página inicial do freeCodeCamp:

<a href="www.freecodecamp.org">Clique aqui para visitar o freeCodeCamp!</a>

Observe que o nome do atributo (href) e o valor ("www.freeCodeCamp.org") são separados com um sinal de igual. As aspas cercam o valor.

Existem muitos atributos diferentes em HTML, mas a maioria deles trabalha apenas com certos elementos do HTML. Por exemplo, o atributo href não funcionará se for colocado em uma tag <h1>.

No exemplo acima, o valor fornecido para o atributo href poderia ser qualquer link válido. Entretanto, alguns atributos têm apenas um conjunto de opções válidas que você pode usar, ou os valores precisam estar em um formato específico. O atributo lang diz ao navegador o idioma padrão do conteúdo em um elemento <html>. Os valores para o atributo lang devem usar o idioma padrão ou os códigos de país, como en para o inglês ou it para o italiano.

Atributos booleanos

Alguns atributos do HTML não precisam de um valor porque eles têm apenas uma opção. Eles são chamados de atributos booleanos. A presença do atributo em uma tag o aplicará a esse elemento do HTML. Entretanto, não há problema de escrever o nome do atributo e defini-lo como a única opção do valor. Neste caso, o valor é normalmente o mesmo que o atributo nome.

Por exemplo, o elemento <input> em um formulário pode ter um atributo required (em português, obrigatório). Isso exige que os usuários preencham esse item antes de poderem enviar um formulário.

Aqui estão exemplos de sintaxe que fazem a mesma coisa:

<input type="text" required >
<input type="text" required="required" >