Você está na página 1de 4

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, onca
ncel, oncanplay, oncanplaythrough, onchange, onclick, onclose, on
contextmenu, oncuechange, ondblclick, ondrag, ondragend, ondrage
nter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, o
ndurationchange, onemptied, onended, onerror, onfocus, oninput, o
ninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, o
nloadedmetadata, onloadstart, onmousedown, onmouseenter, onmous
eleave, onmousemove, onmouseout, onmouseover, onmouseup, onmouse
wheel, onpause, onplay, onplaying, onprogress, onratechange, onre
set, onresize, onscroll, onseeked, onseeking, onselect, onshow, on
sort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onv
olumechange, 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 através 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

É 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

É 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

O identificador único e global de um item.

itemprop
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
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

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

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

É 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.

Você também pode gostar