Atributos globais são atributos que podem ser usados em todos os elementos HTML. Eles definem a identidade, o estilo, o idioma e o comportamento de interação de um elemento.
Atributos de Identidade Principal
Global Attributes
Description
id
Um identificador único para o elemento, usado por seletores CSS, JavaScript e links de âncora.
class
Uma lista de nomes de classe separados por espaço usada por seletores CSS ou JavaScript.
style
Estilos CSS inline aplicados diretamente ao elemento, com prioridade maior que folhas de estilo externas.
title
Texto de dica exibido ao passar o mouse. Particularmente útil para elementos como <abbr> e <iframe>.
Idioma e Direção
Global Attributes
Description
lang
Declara o idioma do conteúdo do elemento. Importante para SEO e acessibilidade.
dir
Direção do texto: ltr (padrão) ou rtl.
Interação e Acessibilidade
Global Attributes
Description
contenteditable
Especifica se o conteúdo do elemento é editável: true ou false.
draggable
Especifica se o elemento é arrastável: true, false ou auto (padrão).
hidden
Oculta o elemento da renderização.
tabindex
Especifica a ordem de tabulação do elemento.
accesskey
Atribui um atalho de teclado para focar/ativar o elemento.
spellcheck
Especifica se o conteúdo do elemento passa por verificação ortográfica: true ou false.
translate
Especifica se o conteúdo do elemento deve ser traduzido: yes ou no.
inert
Torna o elemento e sua subárvore não interativos (sem clique, sem foco, oculto de tecnologias assistivas).
Dados e Outros
Global Attributes
Description
data-*
Atributos de dados personalizados para armazenar dados privados de página/aplicativo.
autofocus
Foca automaticamente o elemento no carregamento da página.
autocapitalize
Controla a capitalização automática em teclados móveis.
enterkeyhint
Sugere o rótulo para a tecla Enter do teclado virtual.
inputmode
Sugere o tipo de teclado virtual a exibir.
nonce
Um nonce criptográfico usado pela Content Security Policy.
slot
Atribui o elemento a um slot em um shadow DOM.
part
Nomeia as partes do elemento para estilização via CSS ::part().
popover
Especifica o comportamento de popover do elemento (auto, manual).
is
Especifica o nome de um elemento embutido personalizado.
Equipe Técnica Web-Tutorial
Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.
