Atributos Globais

Atributos Globais são atributos comuns a todos elementos HTML; eles podem ser usados em todos os elementos, embora os atributos não tenham efeito em alguns elementos.

Os atributos globais podem ser especificados em todos os elementos HTML, mesmo aqueles não especificados no padrão. Isso significa que qualquer elemento não padrão ainda deve permitir esses atributos, mesmo que usar esses elementos significa que o documento não é mais compatível com HTML5. Por exemplo, navegadores compatíveis com HTML5 escondem o conteúdo marcado como <foo hidden>...<foo>, mesmo que <foo> não seja um elemento HTML válido.

Além dos atributos globais HTML básicos, os seguintes atributos globais também existem:

  • xml:lang e xml:base — Estes são herdados das especificações XHTML e obsoletos, mas mantidos para fins de compatibilidade.
  • Os vários atributos aria-*, são utilizados para promover a acessibilidade.
  • Os atributos manipuladores de eventos:: onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

Lista dos Atributos Globais

accesskey

Fornece uma dica para gerar um atalho de teclado para o elemento atual. Este atributo consiste em uma lista de caracteres separados por espaços. O navegador deve usar o primeiro que existe no layout do teclado do computador.

class

É uma lista separada por espaço das classes do elemento. as classes permitem ao CSS e ao JavaScript selecionar e acessar elementos específicos atraves dos seletores de classe ou funciona como um método Document.getElementsByClassName().

contenteditable

É um atributo enumerado que indica se o elemento deve ser editado pelo usuário. Se assim for, o navegador modifica seu widget para permitir a edição. O atributo deve ter um dos seguintes valores:

  • true ou uma string vazia, indica que o elemento deve ser editável;
  • false, indica que o elemento não deve ser editável.
contextmenu

É o id de um <menu> para usar como o menu contextual para este elemento.

data-*

Forma uma classe de atributos, denominado de dados personalizados, que permite troca de informações proprietárias entre o HTML e a sua representação no DOM pode ser usada por scripts. Todos esses dados personalizados estão disponíveis através da interface do elemento HTMLElement em que o atributo está definido. A propriedade HTMLElement.dataset dá acesso a eles.

dir

É um atributo enumerado que indica a direcionalidade do texto do elemento. Pode ter os seguintes valores:

  • ltr, significa da esquerda para a direita e deve ser usado para idiomas que são escritos da esquerda para a direita (como o português do Brasil, inglês, espanhol, etc);
  • rtl, significa da direita para a esquerda e deve ser usado para idiomas que são escritos da direita para a esquerda (como o árabe);
  • auto, que permite que o agente do usuário decida. Ele usa um algoritmo básico, pois analisa os caracteres dentro do elemento até encontrar um caractere com uma direcionalidade forte e, em seguida, aplica essa direcionalidade para todo o elemento.
draggable Experimental

É um atributo enumerado que indica se o elemento pode ser arrastado, usando a API Drag and Drop. Pode ter os seguintes valores:

  • true, que indica que o elemento pode ser arrastado
  • false, que indica que o elemento não pode ser arrastado.
dropzone Experimental

É um atributo enumerado que indica quais tipos de conteúdo podem ser descartados em um elemento, usando a API Drag and Drop. Pode ter os seguintes valores:

  • copy, que indica que o lançamento criará uma cópia do elemento que foi arrastado.
  • move, que indica que o elemento que foi arrastado será movido para esta nova localização.
  • link, irá criar um link para os dados arrastados.
hidden

Um atributo booleano indica que o elemento ainda não é relevante ou não é mais relevante. Por exemplo, ele pode ser usado para ocultar elementos da página que não podem ser usados até que o processo de login tenha sido concluído. O navegador não renderizará esses elementos. Este atributo não deve ser usado para ocultar conteúdo que possa ser legível.

id

Define um identificador exclusivo (ID) que deve ser único em todo o documento. Seu objetivo é identificar o elemento ao vincular (usando um identificador de fragmento), um script ou estilo (com CSS).

Nota: Os 5 atributos seguintes são partes do Recursos de Microdados WHATWG HTML.

itemid Experimental

O identificador único e global de um item.

itemprop Experimental

Usado para adicionar propriedades a um item. Cada elemento HTML pode ter um atributo itemprop especificado, onde um itemprop consiste em um par de nomes e valores.

itemref Experimental

As propriedades que não são descendentes de um elemento com o atributo itemscope podem ser associadas ao item usando um itemref. Itemref fornece uma lista de ids de elementos (não itemid) com propriedades adicionais em outro lugar do documento.

itemscope Experimental

Este atributo funciona, em geral, com o atributo itemtype para especificar o HTML dentro de um bloco é sobre um item particular. itemscope cria o item e define o escopo do itemtype associado a ele. itemtype é uma URL válida de um vocabulário (como o schema.org) que descreve o item e o context de seus atributos.

itemtype Experimental

Especifica a URL do vocabulário que será usado para definir as propriedades do item na estrutura de dados. itemscope é usado para alterar o escopo na estrutura de dados onde o vocabulário definido por itemtype estará ativo.

lang

Participa da definição do idioma do elemento, o idioma no qual os elementos não-editáveis estão escritos, ou o idioma no qual elementos editáveis devem ser escritos. A Tag contém um único valor no formato definido no documento da IEFT Tags para Identificação de Idiomas (BCP47). xml:lang tem prioridade mais alta que lang.

spellcheck Experimental

É um atributo enumerado que define se o elemento pode ser verificado por errors de ortografia. Pode ter os seguintes valores:

  • true, indica que o elemento deve ser, se possível, verificado por errors ortográficos;
  • false, indica que o elemento não deve ser verificado quanto à ortogratia do texto.
style

Contém regras de declarações CSS para aplicar no elemento. Note que é recomendado que as regras CSS fiquem num arquivo, ou vários arquivos, separado do HTML. Este atributo e o elemento <style> tem principalmente o propósito para rápida estilização do elemento, como por exemplo para testes.

tabindex

É um atributo que recebe valores inteiros e indica se um elemento pode receber o foco de entrada de valores (é focável), se ele deve entrar na sequência da navegação pelo teclado (através da tecla TAB), e qual posição da sequência. Sobre seus valores:

  • um valor negativo indica que o elemento é focável, mas não é alcançável pela navegação sequencial do teclado (através da tecla TAB);
  • 0 indica que o elemento é focável e alcançavel pela navegação sequencial do teclado, mas sua ordem de seleção relativa é definida pela convenção da plataforma (ou do navegador);
  • um valor positivo indica que o elemento é focável e alcançável pela navegação sequencial do teclado; sua ordem de seleção relativa é definida pelo valor colocado: a sequência segue em ordem crescente definida no tabindex. Se vários elementos possuem o mesmo valor de tabindex, sua ordem relativa é estabelecida pela posição relativa no documento HTML.
title

Contém um texto representativo sobre a informação relacionada ao elemento ao qual este atributo pertence. Tal informação pode, mas não necessariamente, ser apresentada através de um tooltip.

translate

É um atributo enumerado, usado para especificar se um atributo de um elemento e os valores dos seus nós descendentes (filhos) Text serão traduzidos quando a página for localizada, ou se não serão alterados. Pode ter os seguintes valores:

  • yes ou string vazia: indicam que o elemento será traduzido;
  • no: indica que o elemento não será traduzido.

Especificações

Specification
HTML Standard
# attr-contenteditable
CSS Shadow Parts
# part-attr
HTML Standard
# attr-translate
CSS Shadow Parts
# element-attrdef-html-global-exportparts
HTML Standard
# attr-nonce
HTML Standard
# attr-is
HTML Standard
# writing-suggestions
HTML Standard
# attr-inputmode
HTML Standard
# attr-data-*
HTML Standard
# the-dir-attribute
HTML Standard
# attr-slot
DOM Standard
# ref-for-dom-element-slot①
HTML Standard
# the-inert-attribute
HTML Standard
# attr-enterkeyhint
HTML Standard
# attr-tabindex
HTML Standard
# the-accesskey-attribute
HTML Standard
# the-title-attribute
VirtualKeyboard API
# dom-elementcontenteditable-virtualkeyboardpolicy
HTML Standard
# the-hidden-attribute
HTML Standard
# global-attributes:the-id-attribute-2
HTML Standard
# global-attributes:classes-2
HTML Standard
# dom-fe-autofocus
HTML Standard
# the-draggable-attribute
HTML Standard
# the-style-attribute
CSS Style Attributes
# style-attribute
HTML Standard
# attr-spellcheck
HTML Standard
# attr-lang
HTML Standard
# nonce-does-not-update-dom
HTML Standard
# attr-autocorrect
HTML Standard
# attr-autocapitalize
HTML Standard
# the-popover-attribute

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também