Atributos Globais - HTML: Linguagem de Marcação de Hipertexto

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` (en-US)

É o **`id`** de um `<menu>` (en-US) 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` (en-US) em que o atributo está definido. A propriedade `HTMLElement.dataset` (en-US) dá acesso a eles.

`dir` (en-US)

É 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` (en-US)
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` (en-US)
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` (en-US)
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` (en-US) para especificar o HTML dentro de um bloco é sobre um item particular. `itemscope` (en-US) cria o item e define o escopo do `itemtype` (en-US) associado a ele. `itemtype` (en-US) é uma URL válida de um vocabulário (como o schema.org) que descreve o item e o context de seus atributos.

`itemtype` (en-US)
Experimental

Especifica a URL do vocabulário que será usado para definir as propriedades do item na estrutura de dados. `itemscope` (en-US) é usado para alterar o escopo na estrutura de dados onde o vocabulário definido por `itemtype` (en-US) 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` (en-US)

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` (en-US)

É um atributo enumerado, usado para especificar se um atributo de um elemento e os valores dos seus nós descendentes (filhos) `Text` (en-US) 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 # the-accesskey-attribute |
| HTML Standard # attr-autocapitalize |
| HTML Standard # attr-fe-autocomplete |
| HTML Standard # dom-fe-autofocus |
| HTML Standard # global-attributes:classes-2 |
| HTML Standard # attr-contenteditable |
| HTML Standard # attr-data-\* |
| HTML Standard # the-dir-attribute |
| HTML Standard # the-draggable-attribute |
| HTML Standard # attr-enterkeyhint |
| CSS Shadow Parts # element-attrdef-html-global-exportparts |
| HTML Standard # the-hidden-attribute |
| HTML Standard # global-attributes:the-id-attribute-2 |
| HTML Standard # the-inert-attribute |
| HTML Standard # attr-inputmode |
| HTML Standard # attr-is |
| HTML Standard # attr-itemid |
| HTML Standard # names:-the-itemprop-attribute |
| HTML Standard # attr-itemref |
| HTML Standard # attr-itemscope |
| HTML Standard # attr-itemtype |
| HTML Standard # attr-lang |
| HTML Standard # attr-nonce |
| CSS Shadow Parts # part-attr |
| HTML Standard # the-popover-attribute |
| HTML Standard # attr-popovertarget |
| HTML Standard # attr-popovertargetaction |
| HTML Standard # attr-slot |
| DOM Standard # ref-for-dom-element-slot① |
| HTML Standard # attr-spellcheck |
| HTML Standard # the-style-attribute |
| HTML Standard # attr-tabindex |
| HTML Standard # the-title-attribute |
| HTML Standard # attr-translate |
| VirtualKeyboard API # dom-elementcontenteditable-virtualkeyboardpolicy |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `Element` e `GlobalEventHandlers` interfaces que permitem acessar a maioria dos atributos globais.


CORS_habilitar_imagens - HTML: Linguagem de Marcação de Hipertexto

CORS\_habilitar\_imagens
========================

The HTML specification introduces a `crossorigin` attribute for images that, in combination with an appropriate CORS header, allows images defined by the `<img>` element that are loaded from foreign origins to be used in canvas as if they were being loaded from the current origin.

See CORS settings attributes for details on how the `crossorigin` attribute is used.

O que é um "contaminado" canvas?
--------------------------------

Embora você possa usar imagens sem aprovação do CORS em seu canvas, criando contaminação ao canvas. Uma vez o canvas tenhya sido "contaminado" você não pode mais "puxar" informações do canvas.Por exemplo, você pode não mais usar os métodos canvas toBlob(), toDataURL(), ou getImageData(), fazendo isto você irá lançar um erro de sergurança.

Esta proteção de usuário tem tido dados expostos por uso de informações de imagens de site web remoto sem permissão.

Exemplo: Armazenando uma imagem de uma origem estrangeira
---------------------------------------------------------

Você precisa ter um servidor hospedando as imagenscom o apropriado Access-Control-Allow-Origin cabeçalho. Adicionando atributos crossOrigin faz uma requisição ao cabeçalho. Você pode usar este exemplo das Configurações Apache Server HTML5 Boilerplate para aproximadamente responder com este cabeçalho de resposta.

```xml
<IfModule mod\_setenvif.c>
    <IfModule mod\_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>
```

Dado que está tudo classificado, você permiti salvar àquelas imagens no Armazenamento DOM (en-US)

```js
var img = new Image(),
  canvas = document.createElement("canvas"),
  ctx = canvas.getContext("2d"),
  src = "http://example.com/image"; // insert image url here

img.crossOrigin = "Anonymous";

img.onload = function () {
  canvas.width = img.width;
  canvas.height = img.height;
  ctx.drawImage(img, 0, 0);
  localStorage.setItem("savedImageData", canvas.toDataURL("image/png"));
};
img.src = src;
// make sure the load event fires for cached images too
if (img.complete || img.complete === undefined) {
  img.src =
    "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  img.src = src;
}
```

Veja também
-----------

* Usando imagens de Cross-domínio em WebGL e Chrome 13
* Especificações HTML - o atributo crossorigin


Elementos HTML - HTML: Linguagem de Marcação de Hipertexto

Elementos HTML
==============

Esta página lista todos os elementos HTML. Eles são agrupados por função para ajuda-lo a achar o que quer fácilmente. Apesar deste guia ser escrito para aqueles mais inexperientes com a programação, nós esperamos que seja útil para todos.

Elementos básicos
-----------------

Elementos básicos são o que constituem a base de todo documento HTML. Se vê esses elementos no código fonte de todas as páginas da web, logo em seguida da declaração de doctype, que está na primeira linha da página. O doctype específica qual a versão de (X)HTML que a página está usando. Os elementos que formam o conteúdo da página são postos entre a tag de abertura `<html>` e a tag de fechamento `</html>`. O elemento `<html>` é também conhecido como o elemento raiz.

| Element | Description |
| --- | --- |
| `<html>` | O elemento **HTML <html>** (ou *HTML root element*) representa a raiz de um HTML ou XHTML documento. Todos os outros elementos devem ser descendentes desse elemento. |

Metadados do documento
----------------------

Os metadados são onde se guardam várias informações sobre a página, incluindo informações sobre estilos, scripts e dados para auxiliar software (ferramentas de pesquisa (en-US), navegadores, etc) usar e renderizar a página. Os metadados de estilos e scripts podem ser definidos dentro da própria página ou escritos em um arquivo externo que é referênciado pela mesma.

| Element | Description |
| --- | --- |
| `<base>` | O *elemento HTML Base* (**<base>**) especifica o endereço (URL) utilizada por todos os endereços relativos contidos dentro de um documento. Há um número máximo de 1 (um) elemento *Base* <base> do documento. |
| `<head>` | O elemento **HTML `<head>` providencia informações gerais** (metadados) sobre o documento, incluindo seu título e links para scripts e folhas de estilos. |
| `<link>` | O **Elemento HTML *<link>*** especifica as relações entre o documento atual e um recurso externo. Possíveis usos para este elemento incluem a definição de uma estrutura relacional para navegação. Este elemento é mais usado para vincular as folhas de estilo. |
| `<meta>` | O elemento \*\*HTML `<meta>` \*\*define qualquer informação de metadados que não podem ser definidos por outros elementos **HTML.** (`<base>`, `<link>`, `<script>`, `<style>` ou `<title>`). |
| `<style>` | O **elemento HTML <style>** contém informações de estilo para um documento ou uma parte do documento. As informações de estilo específico estão contidas dentro deste elemento, geralmente no CSS. |
| `<title>` | O **elemento HTML** `<title>` (*Elemento HTML Título*) define o título do documento, mostrado na barra de título de um navegador ou na aba da página. Pode conter somente texto e quaisquer marcações contidas no texto não são interpretadas. |

Sectioning root
---------------

| Element | Description |
| --- | --- |
| `<body>` | O **elemento** `<body>` do **HTML** representa o conteúdo de um documento HTML. è permitido apenas um `<body>` por documento. |

Separação de conteúdo
---------------------

Elementos de separação de conteúdo permitem organizar o conteúdo do documento em partes lógicas. Use elementos de separação para criar um esboço do conteúdo da página, incluindo navegação por cabeçalho e rodapé, e elementos de cabeçalho para identificar seções de conteúdo.

| Element | Description |
| --- | --- |
| `<address>` | O **elemento HTML `<address>`** fornece informações de contato para seu ancestral `<article>` ou `<body>` mais próximo; no segundo caso, ele se aplica ao documento inteiro. |
| `<article>` | O *Elemento HTML Article* (<article>) representa uma composição independente em um documento, página, aplicação, ou site, ou que é destinado a ser distribuido de forma independente ou reutilizável, por exemplo, em sindicação. Este poderia ser o post de um fórum, um artigo de revista ou jornal, um post de um blog, um comentário enviado por um usuário, um gadget ou widget interativos, ou qualquer outra forma de conteúdo independente. |
| `<aside>` | O elemento HTML **`<aside>`** representa uma seção de uma página que consiste de conteúdo que é tangencialmente relacionado ao conteúdo do seu entorno, que poderia ser considerado separado do conteúdo. Essas seções são, muitas vezes, representadas como barras laterais. Elas muitas vezes contem explicações laterais, como a definição de um glossário; conteúdo vagamente relacionado, como avisos; a biografia do autor; ou, em aplicações web, informações de perfil ou links de blogs relacionados. |
| `<footer>` | O elemento HTML de Rodapé (<footer>) representa um rodapé para o seu sectioning content (conteúdo de seção) mais próximo ou sectioning root elemento (ou seja, seu parente mais próximo `<article>`, `<aside>`, `<nav>`, `<section>`, `<blockquote>`, `<body>`, `<details>`, `<fieldset>`, `<figure>`, `<td>` (en-US)). Normalmente um rodapé contém informações sobre o autor da seção de dados, direitos autorais ou links para documentos relacionados. |
| `<header>` | O **elemento HTML** **`<header>`** representa um grupo de suporte introdutório ou navegacional. Pode conter alguns elementos de cabeçalho mas também outros elementos como um logo, seções de cabeçalho, formulário de pesquisa, e outros. |
| `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` | Os **elementos HTML** **`<h1>`–`<h6>`** representam seis níveis de título de seção. `<h1>` é o nível de seção mais alto e `<h6>` é o mais baixo. |
| `<main>` | O elemento **`<main>`** define o conteúdo principal dentro do `<body>` em seu documento ou aplicação. Entende-se como conteúdo principal aquele relacionado diretamente com o tópico central da página ou com a funcionalidade central da aplicação. O mesmo deverá ser único na página, ou seja, dentro do elemento <main> não deverão ser incluidas seções da página que sejam comuns a todo o site ou aplicação, tais como mecanismos de navegação, informações de copyright, logotipo e campos de busca (a não ser, é claro, caso a função principal do documento seja fazer algum tipo de busca). |
| `<nav>` | O *Elemento* *HTML* *de Navegação* (`<nav>`) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação. |
| `<section>` | O **elemento HTML `<section>`** representa uma seção genérica contida em um documento HTML, geralmente com um título, quando não existir um elemento semântico mais específico para representá-lo. |

Conteúdo textual
----------------

Usam-se elementos HTML de conteúdo textual para se organizar blocos ou seções de conteúdo postos entre as tags de abertura `<body>` e fechamento `</body>`. Importantes para accessibilidade e SEO, esses elementos identificam o propósito ou estrutura do conteúdo.

| Element | Description |
| --- | --- |
| `<blockquote>` | O Elemento HTML <blockquote> (ou Elemento HTML de citação de bloco) indica que o texto incluído é uma longa citação. Normalmente, este é processado visualmente pelo recuo (ver Notas (en-US) sobre como mudá-lo). A URL para a fonte da citação pode ser dada usando o atributo **cite**, enquanto uma representação de texto da fonte pode ser dada usando o `<cite>` elemento. |
| `<dd>` | O **elemento HTML <dd>** fornece detalhes ou uma definição mais completa do termo precedente (definido por `<dt>`) numa lista de descrições (`<dl>`). |
| `<div>` | O **elemento de divisão** \*\*HTML `<div>` \*\*é um container genérico para conteúdo de fluxo, que de certa forma não representa nada. Ele pode ser utilizado para agrupar elementos para fins de estilos (usando **class** ou **id**), ou porque eles compartilham valores de atributos, como **lang**. Ele deve ser utilizado somente quando não tiver outro elemento de semântica (tal como `<article>` ou `<nav>`). |
| `<dl>` | O elemento HTML *Definition List* (`<dl>`) engloba uma lista de pares de termos e descrições. Um uso comum para este elemento é para implementar um glossário ou exibir metadados(uma lista de pares chave e valor). |
| `<dt>` | O elemento **HTML `<dt>`** (ou Elemento HTML de Definição de Termo) identifica um termo na lista de definição. Este elemento pode ocorrer somente em um elemento filho de `<dl>`. Geralmente seguido por um elemento `<dd>`; ou multiplos `<dt>` na mesma linha indicam vários termos sendo definidos pelo próximo element `<dd>`. |
| `<figcaption>` | O **Elemento HTML Figcaption** (`<figcaption>`) representa uma legenda ou uma legenda associada com uma figura ou ilustração descrita pelo resto dos dados do elemento `<figure>` que seu elemento pai. |
| `<figure>` | O elemento **`<figure>`** HTML representa conteúdo autocontido, potencialmente com uma legenda opcional, que é especificada usando o `<figcaption>` elemento. A figura, sua legenda e seu conteúdo são referenciados como uma única unidade. |
| `<hr>` | O **elemento HTML `<hr>`** representa uma quebra temática entre elementos de nível de parágrafo (por exemplo , uma mudança da cena de uma história, ou uma mudança de tema com uma seção). Nas versões anteriores do HTML, representava uma linha horizontal. Pode continuar sendo exibida como uma linha horizontal nos navegadores, mas agora está definida em termos semânticos, em vez de termos de apresentação. |
| `<li>` | O ***elemento*** ***HTML* `<li>`** (ou a Lista dos Itens de um elemento HTML) é usado para representar um item que faz parte de uma lista. Este item deve estar contido em um elemento pai: uma lista ordenada (`<ol>`), uma lista desordenada (`<ul>`) , ou um menu (`<menu>` (en-US)) e representa uma única entidade dessa lista. Em menus e listas desordenadas a relação de itens é exibida, normalmente, usando pontos de marcação (as bolinhas). Em listas ordenadas eles são, comumente, mostrados com algum contador ascendente - como um número, ou letra - à sua esquerda. |
| `<menu>` (en-US) | A semantic alternative to (`<ul>`, but treated by browsers (and exposed through the accessibility tree) as no different than (`<ul>`. It represents an unordered list of items (which are represented by (`<li>` elements). |
| `<ol>` | O **Elemento HTML <ol>** (ou *Elemento HTML de lista ordenada*) representa uma lista de itens ordenados. De forma característica esses itens ordenados em uma lista são mostrados com uma contagem que os precede, que pode ser de qualquer tipo, como numerais, letras, algarismos romanos, ou simples símbolos. Esse modelo numerado não é definido na descrição html da página, mas na folha de estilos CSS associada, pela propriedade `list-style-type` (en-US). |
| `<p>` | O **elemento HTML** **`<p>`** representa um parágrafo. Em mídias visuais, parágrafos são representados como blocos indentados de texto com a primeira letra avançada e separados por linhas em branco. Já em HTML, parágrafos são usados para agrupar conteúdos relacionados de qualquer tipo, como imagens e campos de um formulário. |
| `<pre>` | *HTML texto preformatado* (**<pre>**) é a tag utilizada para representar texto pré-formatado. Um texto dentro desse elemento é tipicamente exibido em uma fonte não proporcional da mesma maneira em que o texto original foi disposto no arquivo. Espaços em branco são mantidos no texto da mesma forma em que este foi digitado. |
| `<ul>` | O **elemento HTML`<ul>`** (ou *elemento* *HTML de Lista desordenada*) representa uma lista de itens sem ordem rígida, isto é, uma coleção de itens que não trazem uma ordenação numérica e as suas posições, nessa lista, são irrelevantes. Caracteristicamente, os itens em uma lista desordenada são exibidos com um marcador que pode ter várias formas, como um ponto, um círculo, ou um quadrado. O tipo de marcador não é definido na descrição HTML da página, mas na CSS associada, utilizando a propriedade `list-style-type` (en-US). |

Semânticas textuais inline
--------------------------

Usa-se a semântica textual inline para definir o significado, estrutura, ou estilo de uma palavra, linha, ou de qualquer outro tipo de texto.

| Element | Description |
| --- | --- |
| `<a>` | O **elemento** **`<a>`** em **HTML** (ou elemento âncora), com o atributo `href` cria-se um hiperligação nas páginas web, arquivos, endereços de emails, ligações na mesma página ou endereços na URL. O conteúdo dentro de cada `<a>` **precisará** indicar o destino do link. |
| `<abbr>` | O *Elemento* \_HTML `<abbr>` \_(ou Elemento de Abreviação HTML) representa uma abreviação e opcionalmente fornece uma descrição completa para ela. Se presente, o atributo **`title`** deve conter a descrição completa e apenas ela. |
| `<b>` | O **elemento HTML <b>** representa um intervalo de texto estilísticamente diferente do texto normal, sem transmitir qualquer importância ou relevância. Ele é geralmente usado para destacar palavras-chaves em um resumo, nomes de produtos em um comentário ou outros vãos de texto cuja a apresentação típica seria negrito. Outro exemplo de seu uso é como marcação da frase principal de cada paragrafo de um artigo. |
| `<bdi>` | O HTML <bdi>elemento (ou elemento de isolamento de Bi-direcional) isola um trechode texto que pode ser formatado em uma direção diferente de outro texto fora dela. |
| `<bdo>` | O \*\**elemento* HTML `<bdo>` \*\*(*bidirectional override*) é usado para substituir a direcionalidade atual do texto. Isso faz com que a direcionalidade dos personagens seja ignorada em favor da direcionalidade especificada. |
| `<br>` | O elemento HTML *quebra-de-linha* <br> produz uma quebra de linha em um texto (carriage-return).É útil para escrever poemas ou um endereço, onde a divisão de linha é significante. |
| `<cite>` | O **elemento** **HTML <cite>** representa uma referência a um trabalho artístico. Deve incluir o título do trabalho ou uma URL de referência, que pode ser em uma forma abreviada de acordo com as convenções usadas para a adição dos metadados de citação. |
| `<code>` | O **elemento** \*\*HTML `<code>` \*\*apresenta seu conteúdo estilizado de maneira a indicar que o texto é um pequeno fragmento de código. Por padrão, o conteúdo é exibido utilizando a fonte monoespaçada padrão do user agent's (en-US). |
| `<data>` (en-US) | The **HTML `<data>` Element** links a given content with a machine-readable translation. If the content is time- or date-related, the `<time>` must be used. |
| `<dfn>` | O elemento \*\*HTML `<dfn>` \*\*(ou *Elemento Definição* *HTML*) representa uma instância de definição de um termo. |
| `<em>` | O **elemento** **HTML** **`<em>`** marca o texto que tem ênfase. O elemento <em> pode ser aninhado, com cada nível de aninhamento indicando um grau maior de ênfase. |
| `<i>` | O \*\*elemento HTML `<i>` \*\*representa uma parte do texto que é destacada do restante por algum motivo, por exemplo, termos técnicos, expressões de outros idiomas ou pensamentos de personagens fictícios. Normalmente, é apresentado com o uso do tipo "itálico". |
| `<kbd>` (en-US) | Represents a span of inline text denoting textual user input from a keyboard, voice input, or any other text entry device. By convention, the user agent defaults to rendering the contents of a `<kbd>` element using its default monospace font, although this is not mandated by the HTML standard. |
| `<mark>` | O \*\*Elemento HMTL `<mark>` \*\*representa um trecho de destaque em um texto, por exemplo, uma sequência de texto marcado como referência, devido à sua relevância em um contexto particular. Por Exemplo, pode ser utilizado em uma página que mostra os resultados de uma busca onde todas as instâncias da palavra pesquisadas receberam destaque. |
| `<q>` | O elemento HTML <q> indica que o texto dentro da tag é uma pequena citação. Este elemento destina-se a citações curtas que não requerem marcações de parágrafo; para citações maiores use o elemento `<blockquote>`. |
| `<rp>` (en-US) | Used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the `<ruby>` element. One `<rp>` element should enclose each of the opening and closing parentheses that wrap the `<rt>` (en-US) element that contains the annotation's text. |
| `<rt>` (en-US) | The **HTML `<rt>` Element** embraces pronunciation of character presented in a ruby annotations, which are for showing pronunciation of East Asian characters and the `<rt>` element is used inside of `<ruby>` element. |
| `<ruby>` | O **elemento** \*\*HTML `<ruby>` \*\*representa uma anotação ruby. Anotações ruby são para mostrar a pronúncia de caracteres do Leste Asiático |
| `<s>` | O **elemento HTML `<s>`** renderiza um texto tachado ou uma linha cortando o texto. Use o elemento `<s>` para representar texto que não sejam relevante ou que não estam corretos. Não é apropriado o uso do `<s>` indicar edições no texto; para indicar edições no texto utilize `<del>` e `<ins>` (en-US), que são elementos mais apropriados. |
| `<samp>` (en-US) | Used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console). |
| `<small>` (en-US) | Represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from `small` to `x-small`. |
| `<span>` | O elemento **HTML `<span>` é um conteiner generico em linha para conteúdo fraseado** , que não representa nada por natureza. Ele pode ser usado para agrupar elementos para fins de estilo (usando os atributos `class` ou `id` ), ou para compartilhar valores de atributos como `lang`. Ele deve ser usado somente quando nenhum outro elemento semântico for apropriado. `<span>` é muito parecido com o elemento `<div>` , entretando `<div>` é um elemento de nível de bloco enquanto `<span>` é um elemento em linha. |
| `<strong>` | ``` |
| `<sub>` (en-US) | Specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. |
| `<sup>` (en-US) | Specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. |
| `<time>` | O elemento HTML *time* (`<time>`) representa o tempo tanto no formato de 24 horas ou como uma data precisa no calendário Gregoriano (com informações opcionais de tempo e fuso horário) |
| `<u>` (en-US) | Represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS. |
| `<var>` | O elemento HTML Variable (`<var>`) representa uma variável em uma expressão matemática ou um contexto de programação. |
| `<wbr>` | O elemento HTML `<wbr>` representa uma posição no texto onde o navegador pode, opcionalmente, quebrar uma linha, embora suas regras de quebra de linha de outra forma não criar uma ruptura naquele local. |

Imagem e multimídia
-------------------

HTML suporta vários recursos multimídia como imagens, audio, e video.

| Element | Description |
| --- | --- |
| `<area>` | O *HTML `<area>` elemento* define uma região hot-spot em uma imagem, e, opcionalmente, associa-lo com um link de hipertexto (en-US). Este elemento é usado somente dentro de um `<map>` elemento. |
| `<audio>` | O elemento `audio` é utilizado para embutir conteúdo de som em um documento HTML ou XHTML.O elemento `audio` foi adicionado como parte do HTML5. |
| `<img>` | O **elemento** \*\*HTML `<img>` \*\*(or *HTML Image Element*) representa a inserção de imagem no documento, sendo implementado também pelo HTML5 para uma melhor experiência com o elemento `<figure>` e `<figcaption>`. |
| `<map>` | O **elemento HTML `<map>`** é usado com os elementos `<area>` para definir um mapa de imagem (a área clicável do link). |
| `<track>` | O **elemento HTML `<track>`** é usado como filho dos elementos de mídia`<audio>` e `<video>`. Ele permite que você especifique faixas de texto temporizadas (ou dados baseados em tempo), por exemplo, para lidar automaticamente com legendas. As faixas são formatadas em WebVTT format (en-US) (arquivos `.vtt`) — Web Video Text Tracks or Timed Text Markup Language (TTML). |
| `<video>` | O elemento HTML `<video>` é utilizado para incorporar conteúdo de vídeo em um documento HTML ou XHTML. |

Conteúdo integrado
------------------

Além do conteúdo normal de multimídia, HTML pode incluir uma variedade de outros conteúdos, apesar de nem todos serem possuírem fácilidade de interação.

| Element | Description |
| --- | --- |
| `<embed>` | O \*\*elemento HTML `<embed>` \*\*incorpora conteúdo externo no ponto especificado no documento. Este conteúdo é fornecido por um aplicativo externo ou outra fonte de conteúdo interativo, como um plug-in de navegador. |
| `<iframe>` | O **elemento** **HTML** **<iframe>** (ou *elemento HTML* *inline frame*) representa um contexto de navegação aninhado, efetivamente incorporando outra página HTML para a página atual. Em HTML 4.01, um documento pode conter uma cabeça e um corpo ou uma cabeça e um conjunto de quadros, mas não tanto um corpo e um conjunto de quadros. No entanto, um <iframe> pode ser usado dentro de um corpo de documento normal. Cada contexto de navegação tem sua própria história de sessão e o documento ativo. O contexto de navegação que contém o conteúdo incorporado é chamado o pai de contexto de navegação. O contexto de navegação de nível superior (que não tem um pai) normalmente é a janela do navegador. |
| `<object>` (en-US) | Represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. |
| `<picture>` | O **elemento HTML `<picture>`** é um container usado para especificar múltiplos elementos `<source>` para um elemento específico `<img>` contido nele. O navegador irá escolher a imagem mais adequada de acordo com o layout atual da página, caracteristicas do dispositivo em que será exibido (p.e. um dispositivo normal ou um hiDPI), e a habilidade do navegador de renderizar um certo tipo de imagem (p.e., envie uma imagem WebP para os navegadores baseados no Chromium ou PNG para navegadores não-Chromium); se não houver correspondência entre os elementos `<source>`, o arquivo especificado pelo elemento `<img>` será selecionado. A imagem selecionada é então exibida no espaço ocupado pelo elemento `<img>`. |
| `<portal>` (en-US) | Enables the embedding of another HTML page into the current one for the purposes of allowing smoother navigation into new pages. |
| `<source>` | O elemento `source` é utilizado para especificar múltiplos recursos de mídia de elementos `<picture>`, `<audio>` ou `<video>` em HTML5. É um elemento vazio. É normalmente usado para disponibilizar multiple formats supported by different browsers. |

SVG and MathML
--------------

You can embed SVG and MathML content directly into HTML documents, using the `<svg>` and `<math> (en-US)` elements.

| Element | Description |
| --- | --- |
| `<svg>` | O elemento `svg` é um contêiner que define um novo sistema de coordenadas e janela de visualização (en-US). É usado como o elemento mais externo dos documentos SVG, mas também pode ser usado para incorporar um fragmento SVG dentro de um documento SVG ou HTML. |
| `<math> (en-US)` | The top-level element in MathML is `<math>`. Every valid MathML instance must be wrapped in `<math>` tags. In addition you must not nest a second `<math>` element in another, but you can have an arbitrary number of other child elements in it. |

Scripting
---------

Com o intuito de permitir a criação de conteúdo dinâmico e aplicações Web, HTML foi projetado com suporte a linguagens de scripting, a mais prominiente sendo JavaScript. Certos elementos suportam essa capacidade.

| Element | Description |
| --- | --- |
| `<canvas>` | O elemento HTML *Canvas* (`<canvas>`) pode ser utilizado para desenhar gráficos utilizando scripts (geralmente JavaScript). Por exemplo, além de desenhar gráficos, ele pode ser usado para fazer composições de fotos e também para animações. Você poderá colocar conteúdos alternativos dentro do bloco `<canvas>`. Este conteúdo será renderizado também em navegadores antigos e em navegadores com JavaScript desabilitado. |
| `<noscript>` | O **Elemento HTML `<noscript>`** define uma seção de html a ser inserida se um tipo de script não é suportado pela página ou se o script está desativado no navegador. |
| `<script>` | O **elemento HTML `<script>`** é usado para incluir ou referenciar um script executável. |

Demarcando edições
------------------

Estes elementos permitem prover indicações que partes específicas de um texto foram alteradas.

| Element | Description |
| --- | --- |
| `<del>` | O **elemento** **HTML `<del>`** (ou *Elemento* *HTML* *de Texto Excluído*) representa uma parte do texto que foi excluída de um documento. Este elemento é (não necessariamente) renderizado pelos navegadores com uma linha entre o texto. |
| `<ins>` (en-US) | The **HTML `<ins>` Element** (or *HTML Inserted Text*) HTML represents a range of text that has been added to a document. |

Conteúdo tabulado
-----------------

Estes elementos são usados para se criar e manipular dados em tabelas.

| Element | Description |
| --- | --- |
| `<caption>` | O elemento HTML **`caption`** especifica a legenda (ou título) de uma tabela. |
| `<col>` (en-US) | O elemento **HTML `<col>`** define uma tabela contendo colunas e sendo utilizada para definições semanticas em todas as colunas comuns. É normalmente encontrada dentro do elemento("colgroup")}} .Este elemento permite a estilização de colunas utilizando-se do CSS, porém apenas um numero pequeno de atributos que terão efeito dentro das colunas (veja as especificações do CSS 2.1 a partir dessa lista). |
| `<colgroup>` (en-US) | Defines a group of columns within a table. |
| `<table>` | O elemento HTML *Table* (`<table>`) representa dados em duas dimensões ou mais. |
| `<tbody>` (en-US) | Encapsulates a set of table rows (`<tr>` (en-US) elements), indicating that they comprise the body of the table (`<table>`). |
| `<td>` (en-US) | Defines a cell of a table that contains data. It participates in the *table model*. |
| `<tfoot>` | O **`<tfoot>`** é um **elemento HTML** que define um conjunto de linhas as quais farão parte do rodapé de uma tabela HTML |
| `<th>` | O **elemento HTML `<th>`** define uma célula cabeçalho do grupo de células de sua tabela. A exatidão natural deste grupo é definida pelos atributos `scope` e `headers`. |
| `<thead>` (en-US) | Defines a set of rows defining the head of the columns of the table. |
| `<tr>` (en-US) | Defines a row of cells in a table. The row's cells can then be established using a mix of `<td>` (en-US) (data cell) and `<th>` (header cell) elements. |

Formulários
-----------

HTML provê de vários elementos que podem ser usados juntos para criar formulários que o usuário pode preencher e mandar para o website ou aplicativo. Há muito mais informação no guia de formulários HTML.

| Element | Description |
| --- | --- |
| `<button>` | O **Elemento HTML *`<button>`*** representa um botão clicável. |
| `<datalist>` | O elemento HTML *Datalist* (<datalist>) contém um conjunto de elementos `<option>` que representam as opções possíveis para o valor de outros controles. |
| `<fieldset>` | O **elemento** **HTML `<fieldset>`** é usado para agrupar elementos, assim como labels (`<label>`), dentro de um formulário web. |
| `<form>` (en-US) | O \*\*elemento HTML `<form>` \*\*representa uma seção de um documento que contém controles interativos que permitem ao usuário submeter informação a um determinado servidor web. |
| `<input>` | O **elemento HTML `<input>`** é usado para criar controles interativos para formulários baseados na web para receber dados do usuário. A semântica de um `<input>` varia consideravelmente dependendo do valor de seu atributo `type`. |
| `<label>` | Um **elemento** \*\*HTML `<label>` \*\*representa uma legenda para um item em uma interface de usuário. Ele pode estar associado com um elemento de controle, colocando este dentro do elemento `label`, ou usando o atributo `for`. Tal controle é chamado o *controle etiquetado* do elemento etiqueta. Um input pode ser associado a diversas etiquetas (<label>s). |
| `<legend>` | O \*\*Elemento HTML <legend> \*\*(ou *Elemento* *HTML Campo "Legend"*) representa um rótulo para o conteúdo do seu ancestral `<fieldset>`. |
| `<meter>` | O elemento HTML *meter* (`<meter>`) pode representar um valor escalar dentro de um intervalo conhecido ou um valor fracionário. |
| `<optgroup>` | Em um Formulário Web, o elemento HTML `<optgroup>` cria um agrupamento de opções dentro do elemento `<select>`. |
| `<option>` | Em um formulário Web, o **elemento HTML** `<option>` é usado para criar um controle que representa um item dentro de um elemento HTML5 `<select>`, `<optgroup>` ou `<datalist>`. |
| `<output>` | O elemento de saída (<output>) é um elemento no qual um site ou aplicativo pode injetar os resultados de um cálculo ou o resultado de uma ação do usuário. |
| `<progress>` | o elemento HTML progress (<progress>) é usado para visualizar o progresso de uma tarefa. Embora as especifidades de como é mostrado ficam a cargo do desenvolvedor, tipicamente, é mostrado como uma barra de progresso. |
| `<select>` | O elemento HTML *select* (<select>) representa um controle que apresenta um menu de opções. As opções dentro do menu são representadas pelo elemento `<option>`, que podem ser agrupados por elementos ``<optgroup>``. As opções podem ser pré-selecionadas para o usuário. |
| `<textarea>` | O **elemento** HTML `<textarea>` representa um controle de edição para uma caixa de texto, útil quando você quer permitir ao usuário informar um texto extenso em formato livre, como um comentário ou formulário de retorno. |

Elementos interativos
---------------------

HTML oferece uma seleção de elementos que auxiliam na criação de objetos interativos de interface para usuários.

| Element | Description |
| --- | --- |
| `<details>` | O elemento HTML *details* (`<details>`) é usado como uma ferramenta de onde o usuário irá obter informações adicionais. |
| `<dialog>` | O **elemento HTML `<dialog>`** representa uma caixa de diálogo ou outro componente interativo, tal como um inspetor ou janela. |
| `<summary>` | O elemento HTML *summary* (`<summary>`) é utilizado como um sumário ou legenda para o conteúdo de um elemento `<details>`. |

Componentes Web
---------------

Componentes Web são uma tecnologia relacionada a HTML que faz possível, essencialmente, a criação e customização de elementos como se fossem parte normal do HTML. Além disso, se pode criar versões customizadas de elementos padrão do HTML.

>
> **Note:** **Observação:** Os elementos pertencentes aos Componentes Web são definidos na coleção de especificações dos Componentes Web da World Wide Web Consortium (W3C) em vez da específicação do HTML. Além disso, a especificação dos Componentes Web ainda não foi finalizada e está sujeita a mudanças.
>
>
>

| Element | Description |
| --- | --- |
| `<slot>` (en-US) | Part of the Web Components technology suite, this element is a placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together. |
| `<template>` | O elemento **HTML `<template>`** é um mecanismo para encapsular um conteúdo do lado do cliente que não é renderizado quando a página é carregada, mas que pode ser instanciado posteriormente em tempo de execução usando JavaScript. |

Elementos obsoletos
-------------------

>
> **Warning:** **Aviso:** Estes elementos HTML antigos são obsoletos e não devem mais ser usados. **Você deve sempre evitar usa-los em novos projetos, e deve substitui-los assim que possível.** Eles estão listados apenas por motivos educacionais.
>
>
>

| Element | Description |
| --- | --- |
| `<acronym>` | O Elemento HTML Acrônimo (`<acronym>)` permite à autores claramente indicar que uma seqüência de caracteres compõe um acrônimo ou uma abreviação de uma palavra. |
| `<applet>` | The HTML Applet Element (`<applet>`) identifies the inclusion of a Java applet. |
| `<bgsound>` (en-US) | Sets up a sound file to play in the background while the page is used; use `<audio>` instead. |
| `<big>` | The obsolete **HTML Big Element** (**`<big>`**) renders the enclosed text at a font size one level larger than the surrounding text (`medium` becomes `large`, for example). The size is capped at the browser's maximum permitted font size. |
| `<center>` | O elemento **Center do HTML** (**`<center>`**) se tornou obsoleto, é um elemento de nível de bloco que exibe o conteúdo em nível de bloco ou em linha centralizado horizontalmente dentro do elemento que o contém. O contêiner `<body>` geralmente está presente, mas não é necessário. Essa tag foi descontinuada no HTML 4 (e XHTML 1) em favor da propriedade CSS `text-align`, que pode ser aplicada ao elemento `<div>` ou à um paragráfo indivídual `<p>`. Para blocos de centralização, use outras propriedades CSS como `margin-left` (en-US) e `margin-right` (en-US) e defina-as como `auto` (ou defina `margin` para `0 auto`). |
| `<content>` (en-US) | The **HTML `<content>` element**—an obsolete part of the Web Components suite of technologies—was used inside of Shadow DOM (en-US) as an insertion point, and wasn't meant to be used in ordinary HTML. It has now been replaced by the `<slot>` (en-US) element, which creates a point in the DOM at which a shadow DOM can be inserted. |
| `<dir>` | O elemento de diretório HTML obsoleto (**`<dir>`**) é usado como um contêiner para um diretório de arquivos e/ou pastas, potencialmente com estilos e ícones aplicados pelo user agent (en-US). Não use este elemento obsoleto; em vez disso, você deve usar o `<ul>` elemento para listas, incluindo listas de arquivos. |
| `<font>` (en-US) | Defines the font size, color and face for its content. |
| `<frame>` (en-US) | Defines a particular area in which another HTML document can be displayed. A frame should be used within a `<frameset>` (en-US). |
| `<frameset>` (en-US) | Used to contain `<frame>` (en-US) elements. |
| `<image>` (en-US) | O \*\*elemento HTML `<hgroup>` \*\*destina-se a agrupar cabeçalhos de diferentes níveis para uma seção do documento. Ele agrupa (é um container para) um conjunto de elementos `<h1>–<h6>`. |
| `<marquee>` | Used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes. |
| `<menuitem>` (en-US) | O elemento html <marquee> é usado para inserir uma área de rolagem de texto"scrolling" , similar a um letreiro. Você pode controlar o comportamento do conteúdo fornecendo alguns atributos extras. |
| `<nobr>` | Prevents the text it contains from automatically wrapping across multiple lines, potentially resulting in the user having to scroll horizontally to see the entire width of the text. |
| `<noembed>` (en-US) | `O elemento HTML <nobr>` previne que um texto quebre em uma nova linha automaticamente, de forma que ele seja exibido em uma única grande linha, podendo tornar o *scroll* (horizontal) necessário. Esta tag não é padrão HTML e não deve ser usada. Como alternativa, use a propriedade CSS `white-space` como segue: |
| `<noframes>` (en-US) | Provides content to be presented in browsers that don't support (or have disabled support for) the `<frame>` (en-US) element. Although most commonly-used browsers support frames, there are exceptions, including certain special-use browsers including some mobile browsers, as well as text-mode browsers. |
| `<param>` (en-US) | Defines parameters for an `<object>` (en-US) element. |
| `<plaintext>` (en-US) | Renders everything following the start tag as raw text, ignoring any following HTML. There is no closing tag, since everything after it is considered raw text. |
| `<rb>` (en-US) | Used to delimit the base text component of a ruby annotation, i.e. the text that is being annotated. One `<rb>` element should wrap each separate atomic segment of the base text. |
| `<rtc>` (en-US) | Embraces semantic annotations of characters presented in a ruby of `<rb>` (en-US) elements used inside of `<ruby>` element. `<rb>` (en-US) elements can have both pronunciation (`<rt>` (en-US)) and semantic (`<rtc>` (en-US)) annotations. |
| `<shadow>` | An obsolete part of the Web Components technology suite that was intended to be used as a shadow DOM insertion point. You might have used it if you have created multiple shadow roots under a shadow host. |
| `<spacer>` | Allows insertion of empty spaces on pages. It was devised by Netscape to accomplish the same effect as a single-pixel layout image, which was something web designers used to use to add white spaces to web pages without actually using an image. However, `<spacer>` is no longer supported by any major browser and the same effects can now be achieved using simple CSS. |
| `<strike>` (en-US) | Places a strikethrough (horizontal line) over text. |
| `<tt>` (en-US) | Creates inline text which is presented using the user agent default monospace font face. This element was created for the purpose of rendering text as it would be displayed on a fixed-width display such as a teletype, text-only screen, or line printer. |
| `<xmp>` (en-US) | Renders text between the start and end tags without interpreting the HTML in between and using a monospaced font. The HTML2 specification recommended that it should be rendered wide enough to allow 80 characters per line. |


Categorias de conteúdo - HTML: Linguagem de Marcação de Hipertexto

Categorias de conteúdo
======================

Cada elemento HTML deve permanecer, por regras, definindo que tipo de conteúdo ele pode ter. Essas regras estão agrupadas em modelos de conteúdo para muitos elementos. Cada elemento HTML pertence a nenhum, um, ou múltiplos modelos de conteúdo, cada regra de definição que o conteúdo do elemento deve seguir em um documento HTML.

Há três tipos de categorias de conteúdo:

* Principais categorias de conteúdo, as quais descrevem regras comuns de conteúdo compartilhado por vários elementos;
* Categorias de conteúdo relacionado, as quais decrevem regras comuns de conteúdo para elementos relacioados;
* Categorias de conteúdo específico, as quais descrevem categorias raras compartilhadas somente por poucos elementos, às vezes apenas em um contexto específico.

![Content_categories_venn.png](/pt-BR/docs/Web/HTML/Content_categories/content_categories_venn.png)

Principais categorias de conteúdo
---------------------------------

### Conteúdo de metadados

Os elementos pertencentes a categoria *conteúdo de metadados* modificam a apresentação ou o comportamento do resto do documento, define ligações para outros documentos ou transmite outras informações *fora da banda.*

Os elementos pertencentes a essa categoria são `<base>`, `<command>`, `<link>`, `<meta>`, `<noscript>`, `<script>`, `<style>` e `<title>`.

### Conteúdo de fluxo

Elementos pertencentes a categoria de conteúdo de fluxo tipicamente contém texto ou conteúdo embutido. Eles são: `<a>`, `<abbr>`, `<address>`, `<article>`, `<aside>`, `<audio>`, `<b>`,`<bdo>`, `<bdi>`, `<blockquote>`, `<br>`, `<button>`, `<canvas>`, `<cite>`, `<code>`, `<command>`, `<data>` (en-US), `<datalist>`, `<del>`, `<details>`, `<dfn>`, `<div>`, `<dl>`, `<em>`, `<embed>`, `<fieldset>`, `<figure>`, `<footer>`, `<form>` (en-US), `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<header>`, `<hgroup>`, `<hr>`, `<i>`, `<iframe>`, `<img>`, `<input>`, `<ins>` (en-US), `<kbd>` (en-US), `<label>`, `<main>`, `<map>`, `<mark>`, `<math> (en-US)`, `<menu>` (en-US), `<meter>`, `<nav>`, `<noscript>`, `<object>` (en-US), `<ol>`, `<output>`, `<p>`, `<pre>`, `<progress>`, `<q>`, `<ruby>`, `<s>`, `<samp>` (en-US), `<script>`, `<section>`, `<select>`, `<small>` (en-US), `<span>`, `<strong>`, `<sub>` (en-US), `<sup>` (en-US), `<svg>`, `<table>`, `<template>`, `<textarea>`, `<time>`, `<ul>`, `<var>`, `<video>`, `<wbr>` e Text.

Alguns outros elementos pertencem a essa categoria, mas somente se uma condição específica é realizada:

* `<area>`, se for um descendente de um elemento `<map>`
* `<link>`, se o atributo **itemprop (en-US)** estiver presente
* `<meta>`, se o atributo **itemprop (en-US)** estiver presente
* `<style>`, se o atributo `scoped` estiver presente
### Conteúdo de seccionamento

Os elementos pertencentes ao modelo de conteúdo de seccionamento criam uma seção no esboço atual que define o escopo dos elementos `<header>`, elementos `<footer>` e na conteúdo do cabeçalho.

Elementos pertencentes a essa categoria são `<article>`, `<aside>`, `<nav>` e `<section>`.

**Nota:** Não confunda esse modelo de conteúdo com a categoria de seccionamento raiz que isola seus conteúdos dos esboços regulares.

### Conteúdo do cabeçalho

O conteúdo do cabeçalho define o título de uma seção, se é marcada por um explícito elemento do conteúdo de seccionamento ou implicitamente definido pelo próprio conteúdo do cabeçalho.

Os elementos pertencentes a essa categoria são `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US) e `<hgroup>`.

**Nota:** Embora provavelmente contenha algum conteúdo do cabeçalho, o `<header>` não faz parte do conteúdo do cabeçalho em si.

### Conteúdo fraseado

O conteúdo fraseado define o texto e a marcação que ele contém. Séries de conteúdos fraseados compõem parágrafos.

Os elementos pertencentes a essa categoria são `<abbr>`, `<audio>`, `<b>`, `<bdo>`, `<br>`, `<button>`, `<canvas>`, `<cite>`, `<code>`, `<command>`, `<datalist>`, `<dfn>`, `<em>`, `<embed>`, `<i>`, `<iframe>`, `<img>`, `<input>`, `<kbd>` (en-US), `<label>`, `<mark>`, `<math> (en-US)`, `<meter>`, `<noscript>`, `<object>` (en-US), `<output>`, `<progress>`, `<q>`, `<ruby>`, `<samp>` (en-US), `<script>`, `<select>`, `<small>` (en-US), `<span>`, `<strong>`, `<sub>` (en-US), `<sup>` (en-US), `<svg>`, `<textarea>`, `<time>`, `<var>`, `<video>`, `<wbr>` e texto simples (não consistindo somente de caracteres de espaço em branco).

Alguns outros elementos pertencem a essa categoria, mas somente se uma condição específica é realizada:

* `<a>`, se contém somente conteúdo fraseado
* `<area>`, se for um descendente de um elemento `<map>`
* `<del>`, se contém somente conteúdo fraseado
* `<ins>` (en-US), se contém somente conteúdo fraseado
* `<link>`, se o atributo **itemprop** (en-US) estiver presente
* `<map>`, se contém somente conteúdo fraseado
* `<meta>`, se o atributo **itemprop** (en-US) estiver presente
### Conteúdo embutido

O conteúdo embutido importa outro recurso ou insere conteúdo de uma outra linguagem de marcação no documento. Os elementos que pertencem a essa categoria incluem: `<audio>`, `<canvas>`, `<embed>`, `<iframe>`, `<img>`, `<math> (en-US)`, `<object>` (en-US), `<svg>` e `<video>`.

### Conteúdo interativo

O conteúdo interativo inclui elementos que são especificamente desenvolvidos para a interação do usuário. Os elementos que pertencem a essa categoria incluem: `<a>`, `<button>`, `<details>`, `<embed>`, `<iframe>`, `<label>`, `<select>`, e `<textarea>`. Alguns elementos pertencem a essa categoria somente sob condições específicas:

* `<audio>`, se o atributo `controls` estiver presente
* `<img>`, se o atributo `usemap` estiver presente
* `<input>`, se o atributo `type` não estiver no modo escondido
* `<menu>` (en-US), se o atributo `type` (en-US) estiver no modo barra de ferramentas
* `<object>` (en-US), se o atributo `usemap` (en-US) estiver presente
* `<video>`, se o atributo `controls` estiver presente
### Conteúdo associado ao **form**

O conteúdo associado ao **form** compreende elementos que têm um formulário de proprietário, exposto por um atributo **form**. Um formulário de proprietário é ou um elemento `<form>` (en-US) ou o elemento o qual o ID é especificado no atributo **form**.

* `<button>`
* `<fieldset>`
* `<input>`
* `<label>`
* `<meter>`
* `<object>` (en-US)
* `<output>`
* `<progress>`
* `<select>`
* `<textarea>`

Essa categoria contém várias sub-categorias:

listed

Elementos que estão listados nas coleções IDL form.elements (en-US) e fieldset.elements. Contém `<button>`, `<fieldset>`, `<input>`, `<object>` (en-US), `<output>`, `<select>` e `<textarea>`.

labelable

Elementos que podem ser associados com elementos `<label>`. Contém `<button>`, `<input>`, `<meter>`, `<output>`, `<progress>`, `<select>` e `<textarea>`.

submittable

Elementos que podem ser usados para construir o formulário de dados quando o formulário é enviado. Contém `<button>`, `<input>`, `<object>` (en-US), `<select>`, e `<textarea>`.

resettable

Elementos que podem ser afetados quando um formulário é reinicializado. Contém `<input>`, `<output>`,`<select>` e `<textarea>`.

Modelo de conteúdo transparente
-------------------------------

Se um elemento tem um modelo de conteúdo transparente, então seu conteúdo deve ser estruturado de tal forma que ele seja um HTML5 válido, mesmo se o elemento transparente for removido e substituído pelos elementos filhos.

Por exemplo, os elementos `<del>` e `<ins>` (en-US) são transparentes:
```

<p>We hold these truths to be <del><em>sacred & undeniable</em></del> <ins>self-evident</ins>.</p>
```

Se aqueles elementos forem removidos, esse fragmento continuaria sendo um HTML válido.
```

<p>We hold these truths to be <em>sacred & undeniable</em> self-evident.</p>
```

Outros modelos de conteúdo
--------------------------

Raiz de secionamento.


<hgroup> - HTML: Linguagem de Marcação de Hipertexto

<hgroup>
========

**Experimental:** **Esta é uma tecnologia experimental (en-US)**
Verifique a tabela de compatibilidade entre Navegadores cuidadosamente antes de usar essa funcionalidade em produção.

O \*\*elemento HTML `<hgroup>` \*\*destina-se a agrupar cabeçalhos de diferentes níveis para uma seção do documento. Ele agrupa (é um container para) um conjunto de elementos `<h1>–<h6>`.

|  |  |
| --- | --- |
| Categorias de conteudo | Flow content (en-US), heading content, palpable content. |
| Conteúdo permitido |
 One or more `<h1>` (en-US), `<h2>` (en-US),
 `<h3>` (en-US), `<h4>` (en-US),
 `<h5>` (en-US), and/or `<h6>` (en-US).
  |
| Omissão de tag | None, both the starting and ending tag are mandatory. |
| Elementos-pai permitidos |
 Any element that accepts
 flow content (en-US).
  |
| DOM interface | `HTMLElement` (en-US) |

atributos
---------

Esse elemento admite apenas os global attributes (en-US) (atributos globais)

Notas sobre o uso
-----------------

>
>
> **Note:** O elemento `<hgroup>` foi removido da especificação do W3C para a HTML5, mas ainda se encontra na especificação HTML do WHATWG. Foi parcialmente implementado na maioria dos navegadores, contudo é pouco provável que seja incluído na especificação.
>  Considerando que a finalidade do elemento `<hgroup>` é a de definir a maneira como os títulos serão mostrados pelo outline algorithm definido na especificação da HTML (en-US) e considerando ainda que o **outline algorithm da HTML não está implementado em nenhum navegador**, conclui-se que, na prática, a semântica do elemento `<hgroup>` é meramente teórica.
>  A especificação do W3C para a HTML5 fornece algumas sugestões para a marcação de Subheadings, subtitles, alternative titles and taglines sem que se use o elemento `<hgroup>`.
>
>
>
>

`O elemento <hgroup> permite que o cabeçalho principal de uma seção de documento seja agrupado com quaisquer cabeçalhos secundarios-como subtitulos ou titulos alternativos-para formatar um cabeçalho de varios niveis.`

Em outras palavras o elemento <hgroup> impede que qualquer um dos seus filhos secundarios <h1>-<h6> crie seçoes separadas propias no esboço-como esses elementos <h1>-<h6> normalmene seriam se não fossem filhos de nenhum <hgroup>

Então, no esboço abstrato produzida pelo algortimo abstrato do HTML definido na especificação HTML, o <hgroup> como um todo forma uma posição lógica simples, com todo o conjunto de filhos <h1>-<h6> do <hgroup> entrando no esquema como uma unidade multinível, para compreender esse cabeçalho lógico único no resumo abstrato.

Para produzir alguma (não-abstrato) visualização não renderizada como um esboço, alguma escolhe deve ser feita no design para renderizar ferramentas sobre como renderizar <hgroup> cabeçalhos como um jeito para transmitir sua natureza multi-nível. Há uma varidade de jeitos que <hgroup> pode ser mostrado em um esboço renderizado; por exemplo:

* um <hgroup> pode ser mostrado em um esboço renderizado com dois pontos e espaço (": ") ou outra pontuação após o cabeçalho principal e antes do primeiro cabeçalho secundário (e como a mesma pontuaçã, ou parecida, antes de qualquer cabeçalho secundário).
* um <hgroup> pode ser mostrado em um esboço renderizado com o primeiro cabeçalho seguido de parênteses ao redor do segundo cabeçalho (s).

Considere o documento HTML a seguir:

```html
<!doctype html>
<title>HTML Standard</title>
<body>
  <hgroup id="document-title">
    <h1>HTML</h1>
    <h2>Living Standard — Last Updated 12 August 2016</h2>
  </hgroup>
  <p>Some intro to the document.</p>
  <h2>Table of contents</h2>
  <ol id="toc">
    ...
  </ol>
  <h2>First section</h2>
  <p>Some intro to the first section.</p>
</body>
```

Um esboço renderizado para esse documento seria como:

![](/pt-BR/docs/Web/HTML/Element/hgroup/outline-colon.png)

Isso é, o esboço renderizado deve ser o título primário, HTML, seguido por dois pontos e espaço, seguido pelo título secundário, Living Standard - Last Update 12 August 2016.

Ou, o esboço renderizado para aquele documento poderia ser como:

![Rendered outline that includes an 'hgroup' element, with parens around the secondary heading](/pt-BR/docs/Web/HTML/Element/hgroup/outline-paren.png)

Isso é, o esboço renderizado deve mostrar o título primário, HTML, seguido pelo título secundário mostrado entre parênteses: (Living Standard - Last Updated 12 August 2016).

Exemplos
--------

```html
<hgroup id="document-title">
  <h1>HTML</h1>
  <h2>Living Standard — Last Updated 12 August 2016</h2>
</hgroup>
```

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-hgroup-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

See also
--------

* Others section-related elements: `<body>`, `<article>`, `<section>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<nav>`, `<header>`, `<footer>`, `<address>`;
* Sections and outlines of an HTML5 document.


<acronym> - HTML: Linguagem de Marcação de Hipertexto

<acronym>
=========

Resumo
------

O Elemento HTML Acrônimo (`<acronym>)` permite à autores claramente indicar que uma seqüência de caracteres compõe um acrônimo ou uma abreviação de uma palavra.

>
> **Note:** Este elemento foi removido no HTML5 e não deve ser usado mais. Ao invés dele, desenvolvedores devem usar o elemento `<abbr>`.
>
>
>

Atributos
---------

Este elemento não possui qualquer outro atributo além dos atributos globais (en-US), comuns à todos os elementos.

Interface DOM
-------------

Este elemento implementa a interface `HTMLElement` (en-US).

>
> **Note:** **Nota de implementação:** Após o Gecko 1.9.2 inclusive, Firefox implementa a interface `HTMLSpanElement` para este elemento.
>
>
>

Exemplo
-------

```html
<p>
  A <acronym title="World Wide Web">WWW</acronym> é somente um dos componentes
  da Internet.
</p>
```

Estilo padrão
-------------

Embo is purely for the convenira o propósito desta tag seja meramente a conveniência dos autores, seu estilo padrão varia entre diferentes navegadores:

* Alguns navegadores, como o Internet Explorer, não criam qualquer estilo diferente do de um elemento `<span>`.
* Opera, Firefox, e alguns outros adicionam um sublinhado pontilhado no conteúdo do elemento.
* Alguns poucos navegadores não somente adicionam um sublinhado pontilhado, mas também colocam o conteúdo em versalete (small caps); para evitar este estilo, adicione algo como `font-variant` (en-US)`: none` no CSS que cuida deste caso.

É portanto fortemente recomendado que autores web não confiem no estilo padrão do navegador para este elemento.

Compatibilidade de navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver também
----------

* O elemento HTML `<abbr>`


nav - HTML: Linguagem de Marcação de Hipertexto

nav
===

Sumário
-------

O *Elemento* *HTML* *de Navegação* (`<nav>`) representa uma seção de uma página que aponta para outras páginas ou para outras áreas da página, ou seja, uma seção com links de navegação.

>
> **Note:** *Notas de utilização:*
>
>
> * Nem todos os links de um documento devem estar dentro de um elemento `<nav>`, o qual é destinado apenas para grupos importantes de links de navegação; tipicamente o elemento `<footer>` contém uma lista de links que não precisam estar em um elemento `<nav>`.
> * Um documento pode ter vários elementos `<nav>`, por exemplo, um para navegação no site e outro para navegação dentro da página.
> * Agentes de usuário, como leitores de tela para usuários deficientes, podem utilizar este elemento para determinar se a renderização inicial do conteúdo do mesmo deve ser omitida.
>
>
>

Contexto de uso
---------------

| Conteúdo permitido | Conteúdo de fluxo |
| --- | --- |
| Omissão de tag | Nenhuma, tanto a tag de início quanto a de fim são obrigatórias |
| Elementos-pai permitidos | Quaisquer elementos que permitam conteúdo de fluxo. Note que um elemento `<nav>` não deve descender de um elemento `<address>`. |
| Documento normativo | HTML5, seção 4.4.3 |

Atributos
---------

Este elemento não possui outros atributos além dos atributos globais, comuns a todos os elementos.

Interface DOM
-------------

Este elemento implementa a interface `HTMLElement`.

Exemplos
--------

```html
<nav>
  <ul>
    <li><a href="#">Página inicial</a></li>
    <li><a href="#">Sobre</a></li>
    <li><a href="#">Contato</a></li>
  </ul>
</nav>
```

Compatibilidade
---------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Outros elementos relacionados à seções: `<body>`, `<article>`, `<section>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<hgroup>`, `<header>`, `<footer>`, `<address>`;
* Seções e esboços de um documento HTML5


<option> - HTML: Linguagem de Marcação de Hipertexto

<option>
========

Sumário
-------

Em um formulário Web, o **elemento HTML** `<option>` é usado para criar um controle que representa um item dentro de um elemento HTML5 `<select>`, `<optgroup>` ou `<datalist>`.

* *Categorias de conteúdo* Nenhuma.
* *Conteúdo permitido* Texto com caracteres escapados (como `é`) ocasionalmente.
* *Omissão de tags* A tag de abertura é obrigatória. A tag de fechamento é opcional se este elemento é imediatamente seguido por um outro elemento `<option>` ou um `<optgroup>`, ou se o elemento pai não tem mais nenhum conteúdo.
* *Elementos pai permitidos* `<select>`, `<optgroup>` ou `<datalist>`.
* *Interface DOM* `HTMLOptionElement` (en-US)
Atributos
---------

Este elemento inclui os atributos globais.

`disabled`

Se este atributo booleano estiver definido, esta opção não é selecionável. Frequentemente navegadores acinzentam este tipo de controle, e ele deixa de receber quaisquer eventos de navegação, como cliques do mouse ou eventos relacionados a foco. Se este atributo não estiver definido, o elemento ainda pode ser desabilitado se um de seus ancestrais é um elemento `<optgroup>` desabilitado.

`label`

Este atributo é o texto para o rótulo indicando o significado da opção. Se o atributo **label** não estiver definido, seu valor é o conteúdo de texto do elemento.

>
> **Note:** O atributo **label** é projetado para conter um rótulo curto tipicamente usado num menu hierárquico. O atributo **value** descreve descreve um rótulo maior, designado para ser usado perto de um botão de escolha, por exemplo.
>
>
>

`selected`

Se presente, este atributo booleano indica que a opção está selecionada inicialmente. Se o elemento `<option>` for descendente de um elemento `<select>` cujo atributo `multiple` não está definido, apenas um único `<option>` deste elemento `<select>` pode ter o atributo **selected**.

`value`

O conteúdo textual deste atributo representa o rótulo que explica a opção. Se ele não estiver definido, seu valor padrão é o texto contido no elemento.

>
> **Note:** O atributo **label** é projetado para conter um rótulo curto tipicamente usado num menu hierárquico. O atributo **value** descreve descreve um rótulo maior, designado para ser usado perto de um botão de escolha, por exemplo.
>
>
>

Exemplos
--------

Veja os exemplos do elemento `<select>`.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-option-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Outros elementos relacionados a formulários: `<form>` (en-US), `<legend>`, `<label>`, `<button>`, `<select>`, `<datalist>`, `<optgroup>`, `<fieldset>`, `<textarea>`, `<input>`, `<output>`, `<progress>` e `<meter>`.


summary - HTML: Linguagem de Marcação de Hipertexto

summary
=======

Sumário
-------

O elemento HTML *summary* (`<summary>`) é utilizado como um sumário ou legenda para o conteúdo de um elemento `<details>`.

**Nota:** Se o elemento `<summary>` for omitido, o cabeçalho "details" será utilizado.

Contexto de uso
---------------

| Conteúdo permitido | Phrasing content |
| --- | --- |
| Omissão de tag | Nenhuma, tanto as tags iniciais quanto as finais devem estar presentes. |
| Elementos pai permitidos | O elemento `<details>`. |
| Documentos normativos | HTML5, section 4.11.2 |

Atributos
---------

Como todos os outros elementos HTML, esse elemento possui os atributos globais.

Interface do DOM
----------------

Esse elemento implementa a interface `HTMLElement`.

Exemplos
--------

Veja a página `<details>` para ver exemplos com `<summary>`.

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `<details>`


<q> - HTML: Linguagem de Marcação de Hipertexto

<q>
===

O elemento HTML <q> indica que o texto dentro da tag é uma pequena citação. Este elemento destina-se a citações curtas que não requerem marcações de parágrafo; para citações maiores use o elemento `<blockquote>`.

|  |  |
| --- | --- |
| Categorias de conteúdo (en-US) | Fluxo de conteúdo (en-US),
 conteúdo textual (en-US), conteúdo palpável.
  |
| Conteúdo permitido | Conteúdo textual (en-US). |
| Omissão de tag | None, both the starting and ending tag are mandatory. |
| Parents permitidos |
 Qualquer elemento que aceite
 conteúdo textual (en-US).
  |
| Atributos ARIA permitidos | Qualquer |
| Interface DOM | `HTMLQuoteElement` (en-US) |

**Nota:** A maioria dos browsers modernos adicionará automaticamente marcas de citação em volta do texto dentro de um elemento `<q>`. Talvez seja necessário criar uma regra de estilo para adicionar marcas de citação em browsers antigos.

Atributos
---------

Este elemento inclui os atributos globais (en-US).

`cite`

O valor deste atributo é uma URL que designa uma fonte ou mensagem para a informação citada. A intenção deste atributo é indicar a informação e explicar o contexto ou referência para a citação.

Exemplo
-------

### Conteúdo HTML

```html
<p>
  According to Mozilla's website,
  <q cite="https://www.mozilla.org/pt-BR/about/history/details/"
 >Firefox 1.0 was released in 2004 and became a big success.</q
 >
</p>
```

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-q-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* O elemento `<blockquote>` para longas citações.
* O elemento `<cite>` para citar fontes.


<th> - HTML: Linguagem de Marcação de Hipertexto

<th>
====

O **elemento HTML `<th>`** define uma célula cabeçalho do grupo de células de sua tabela. A exatidão natural deste grupo é definida pelos atributos `scope` e `headers`.

Experimente
-----------

|  |  |
| --- | --- |
| Categorias do conteúdo | Nenhuma. |
| Conteúdo permitido | Conteúdo de fluxo, mas sem descendentes de cabeçalho, rodapé, conteúdo de seção ou
 conteúdo de cabeçalho.
  |
| Omissão de tag |
 A tag de abertura é obrigatória.A tag de fechamento pode ser
 omitida, se for imediatamente seguido por um
 `<th>`, `<td>` (en-US) ou se não
 houver mais dados em seu elemento pai.
  |
| Elemento pai | Um elemento `<tr>` (en-US). |
| Funções ARIA permitidas | Qualquer |
| DOM interface | `HTMLTableHeaderCellElement` (en-US) |

Atributos
---------

Esse elemento inclui os atributos globais.

`abbr`

Este atributo contém uma breve descrição do conteúdo da célula. Alguns usuários-agentes, como leitores, pode apresentar essa descrição antes do próprio conteúdo.

`colspan`

Este atributo contém um valor inteiro não negativo que indica quantas colunas a célula ocupará. Valor padrão `1`. Valores acima de 1000 são considerados incorretos e serão modificados para o valor padrão `1`.

`headers`

Este atributo contém uma lista de palavras separadas por espaço, cada uma correspondendo ao atributo **id** dos elementos `<th>` que se aplicam a este elemento.

`rowspan`

Este atributo contém um valor inteiro não negativo que indica quantas linhas a célula estende. Valor padrão `1`. Se seu valor é definido como `0`, ele se estende até o final da tabela (`<thead>` (en-US), `<tbody>` (en-US), `<tfoot>`, mesmo que implicitamente definido), que a célula pertence. Não é possível colocar valores superiores a 65534.

`scope`

 Este atributo define as células a que o cabeçalho (definido no elemento `<th>`) se relaciona.
 Possíveis valores:

* `row`: O cabeçalho se relaciona com todas as células da linha a que pertence.
* `col`: O cabeçalho se relaciona com todas as células da coluna a que pertence.
* `rowgroup`: O cabeçalho pertence a um grupo de linhas e se relaciona com todas as suas células. Essas células podem ser colocadas à direita ou à esquerda do cabeçalho, dependendo do valor do atributo `dir` (en-US) no elemento `<table>`.
* `colgroup`: O cabeçalho pertence a um grupo de colgroup e se relaciona com todas as suas células.
* `auto`

O valor padrão quando este atributo não é especificado é `auto`.

### Atributos depreciados

`align`

Este atributo especifica como o alinhamento horizontal do conteúdo da célula será tratado.

Possíveis valores:

* `left`: O conteúdo é alinhado a esquerda da célula.
* `center`: O conteúdo é centralizado da célula.
* `right`: O conteúdo é alinhado a direita da célula.
* `justify` (somente com texto): O conteúdo é estendido dentro da célula para cobrir toda a sua largura.
* `char` (somente com texto): O conteúdo está alinhado a um caractere dentro do elemento `<th>` com deslocamento mínimo. Esse caractere é definido pelos atributos `char` e `charoff`.

O valor padrão quando não especificado é `left`.

>
> \*\*Note:\*\*Não use esse atributo, pois ele está obsoleto no padrão mais recente.- Para alcançar o mesmo efeito que os valores `left`, `center`, `right` ou `justify`, aplique a propriedade CSS `text-align` no elemento.
>
>
> * Para alcançar o mesmo efeito que os valor `char`, atribue a `text-align` o mesmo valor que você usaria para `char`. Unimplemented no CSS3.
>
>
>

`axis`

Este atributo contém uma lista de palavras separadas por espaço. Cada palavra é o `id` de um grupo de células às quais este cabeçalho se aplica.

>
> **Note:** Não use esse atributo, pois ele está obsoleto no padrão mais recente: use o atributo `scope`.
>
>
>

`bgcolor`
Non-standard

Esse atributo define a cor de fundo de cada célula na coluna. Ele consiste de 6 digitos hexadecimais definidos pelo sRGB com o prefixo '#. Nesse atributo pode ser usado dezesseis cores predefinidas:

|  | `black` = "#000000" |  | `green` = "#008000" |
| --- | --- | --- | --- |
|  | `silver` = "#C0C0C0" |  | `lime` = "#00FF00" |
|  | `gray` = "#808080" |  | `olive` = "#808000" |
|  | `white` = "#FFFFFF" |  | `yellow` = "#FFFF00" |
|  | `maroon` = "#800000" |  | `navy` = "#000080" |
|  | `red` = "#FF0000" |  | `blue` = "#0000FF" |
|  | `purple` = "#800080" |  | `teal` = "#008080" |
|  | `fuchsia` = "#FF00FF" |  | `aqua` = "#00FFFF" |

>
> **Note:** Não use esse atributo como padrão pois não é implementado em algumas versões do Microsoft Internet Explorer: O elemento `<th>` deve ser estilizado usando CSS. Para criar um efeito semelhante, use a propriedade `background-color` do CSS.
>
>
>

`char`

O conteúdo da célula está alinhado a um caractere. Os valores típicos incluem um ponto (.) para alinhar números ou valores monetários. Se `align` não está definido no `char`, o atributo é ignorado.

>
> **Note:** Não use esse atributo, pois ele está obsoleto no padrão mais recente. Para obter o mesmo efeito, você pode especificar o caractere como o primeiro valor da propriedade `text-align`, Unimplemented no CSS3.
>
>
>

`charoff`

Este atributo é usado para mudar os dados da coluna para a direita do caractere especificado pelo atributo **char**. Seu valor especifica o comprimento desse deslocamento.

>
> \*\*Note:\*\*Não use esse atributo, pois ele está obsoleto no padrão mais recente.
>
>
>

`height`
Deprecated

Esse atributo é usado para definir uma altura recomendada da célula.

>
> \*\*Note:\*\*Não use esse atributo, pois ele está obsoleto no padrão mais recente: use a propriedade CSS `height`.
>
>
>

`valign`

Esse atributo especifica como o texto é alinhado verticalmente na célula.

Possíveis valores:

* `baseline`: Posiciona o texto próximo à parte inferior da célula e o alinha ao roda pé. Se os caracteres não descerem abaixo da linha de base, o valor da linha de base alcançará o mesmo efeito que `bottom`.
* `bottom`: Posiciona o texto próximo à parte inferior da célula.
* `middle`: Centraliza o texto na célula.
* `top`: Posiciona o texto próximo à parte superior da célula.

>
> **Note:** Não use esse atributo, pois ele está obsoleto no padrão mais recente: use a propriedade CSS `vertical-align`.
>
>
>

`width`
Deprecated

Este atributo é usado para definir uma largura de célula recomendada. Espaço adicional pode ser adicionado com as propriedades `cellspacing` (en-US) e `cellpadding` (en-US), e a largura do elemento `<col>` (en-US) pode criar largura extra. Mas, se a largura de uma coluna for muito estreita para mostrar uma célula específica corretamente, ela será ampliada quando exibida.

>
> **Note:** Não use esse atributo, pois ele está obsoleto no padrão mais recente: use a propriedade CSS `width`.
>
>
>

Exemplos
--------

Veja `<table>` para mais elementos `<th>`.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-th-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja mais
---------

* Outros elementos HTML relacionados: `<caption>`, `<col>` (en-US), `<colgroup>` (en-US), `<table>`, `<tbody>` (en-US), `<td>` (en-US), `<tfoot>`, `<thead>` (en-US), `<tr>` (en-US).


<code>: O Elemento Inline Code - HTML: Linguagem de Marcação de Hipertexto

<code>: O Elemento Inline Code
==============================

O **elemento** \*\*HTML `<code>` \*\*apresenta seu conteúdo estilizado de maneira a indicar que o texto é um pequeno fragmento de código. Por padrão, o conteúdo é exibido utilizando a fonte monoespaçada padrão do user agent's (en-US).

Experimente
-----------

|  |  |
| --- | --- |
| Content categories | Flow content,
 phrasing content, palpable content.
  |
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents |
 Any element that accepts
 phrasing content.
  |
| Permitted ARIA roles | Any |
| DOM interface | `HTMLElement` (en-US) Up to Gecko 1.9.2 (Firefox 4)
 inclusive, Firefox implements the
 `HTMLSpanElement` interface for this element.
  |

Atributos
---------

Esse elemento inclui apenas os global attributes.

Exemplo
-------

Um parágrafo que inlcui `<code>`:

```html
<p>
  A função <code>selectAll()</code> destaca todo o texto no campo de entrada
  então o usuário pode, por exemplo, copiar ou deletar o texto.
</p>
```

A sainda gerada por esse trecho HTML se parece com isso:

Notas
-----

Para representar múltiplas linha de código, envolva o elemento `<code>` dentro do elemento `<pre>`. O elemento `<code>` por si só representa somente uma única senteça ou linha de código.

Uma regra CSS pode ser definida para o seletor `code` para sobrescrever a fonte padrão do navegador. Preferências definidas pelo usuário podem ter precedência sore o CSS especifciado.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-code-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `<samp>` (en-US)
* `<kbd>` (en-US)
* `<command>` (deprecated)
* `<var>`
* `<pre>`


<caption> - HTML: Linguagem de Marcação de Hipertexto

<caption>
=========

O elemento HTML **`caption`** especifica a legenda (ou título) de uma tabela.

Experimente
-----------

|  |  |
| --- | --- |
| Categoria de conteúdo (en-US) | Nenhuma. |
| Conteúdo permitido | Flow content (en-US). |
| Omissão de tag |
 A tag final pode ser omitida se o elemento não for seguido imediatamente por um
 espaço em branco ASCII ou um comentário.
  |
| Elementos pais permitidos | Um elemento `<table>`, como seu primeiro filho. |
| Função ARIA implícita | Nenhuma função correspondente |
| Permitted ARIA roles | No `role` permitted |
| DOM interface | `HTMLTableCaptionElement` (en-US) |

Atributos
---------

Este elemento inclui os atributos globais (en-US).

### Atributos obsoletos

Os seguintes atributos são obsoletos e não devem ser usados. Estão documentados abaixo apenas como referência ao atualizar o código, e interesse histórico.

`align`
Deprecated

Esse atributo enumerado (en-US) indica como a legenda deve ser alinhada em relação à tabela. Ele pode ter um dos seguintes valores:

`left`

A legenda é exibida à esquerda da tabela.

`top`

A legenda é exibida acima da tabela.

`right`

A legenda é exibida à direita da tabela.

`bottom`

A legenda é exibida abaixo da tabela.

**Aviso:** Não use este atributo já que ele foi depreciado: O elemento `<caption>` deve ser estilizado usando as propriedades CSS. Para dar um efeito similar ao atributo `align`, use as propriedades CSS `caption-side` (en-US) e `text-align`.

Notas de uso
------------

Se utilizado, o elemento `<caption>` deve ser o primeiro filho de seu elemento `<table>` pai.

Quando o elemento `<table>` que contém o `<caption>` é o único descendente de um elemento `<figure>`, você deve usar o `<figcaption>` elemento em vez de `<caption>`.

Um `background-color` na tabela não incluirá a legenda. Adicione um `background-color` ao elemento `<caption>` também se você deseja que a mesma cor de fundo esteja por trás de ambos.

Exemplo
-------

Esse exemplo simples apresenta uma tabela que inclui uma legenda

```html
<table>
  <caption>
    Exemplo de Legenda
  </caption>
  <tr>
    <th>Login</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>usuario1</td>
    <td>usuario1@dominio.com</td>
  </tr>
  <tr>
    <td>usuario2</td>
    <td>usuario2@dominio.com</td>
  </tr>
</table>
```

```
caption {
  caption-side: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table,
th,
td {
  border: 1px solid black;
}
```

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-caption-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Propriedades CSS que podem ser especialmente úteis para estilizar o elemento `<caption>`:
    + `text-align`, `caption-side` (en-US).


<body> - HTML: Linguagem de Marcação de Hipertexto

<body>
======

O **elemento** `<body>` do **HTML** representa o conteúdo de um documento HTML. è permitido apenas um `<body>` por documento.

|  |  |
| --- | --- |
| Categorias | Seção raiz. |
| Conteúdo permitido | Conteúdo de fluxo. |
| Omissão de tag |
 A tag inicial pode ser omitida se a primeira coisa dentro do elemento
 não for um espaço, comentário, elemento
 `<script>` ou elemento
 `<style>`.

 A tag final pode ser omitida se o elemento body possuir conteúdo ou
 tem uma tag inicial e não é imediatamente seguida por um comentário.
  |
| Elementos pais permitidos |
 Deve ser o segundo elemento de um elemento
 `<html>`.
  |
| DOM interface | `HTMLBodyElement` (en-US)* O elemento `<body>` expõe a interface
 `HTMLBodyElement` (en-US).
* Você pode acessar o elemento body através do atributo
 `document.body`.
 |

Atributos
---------

Estes elementos incluem os atributos globais.

`alink`

Cor do texto para hyperlinks quando selecionados. Esse método não está em conformidade, utilize a propriedade *`color` em conjunto com a pseudo-classe `:active`*

`background`

URI de uma imagem para usar como um papel de parede. Esse método não está em conformidade, utilize a propriedade *CSS `background`.*

`bgcolor`

Cor de fundo do documento. Esse método não está em conformidade, utilize a propriedade *CSS `background-color`.*

`bottommargin`

The margin of the bottom of the body. Esse método não está em conformidade, utilize a propriedade *CSS `margin-bottom`.*

`leftmargin`

The margin of the left of the body. Esse método não está em conformidade, utilize a propriedade *CSS `margin-left` (en-US).*

`link`

Cor de textos de links não visitados. Esse método não está em conformidade, utilize o *`color` em conjunto com a pseudo-classe `:link`*

`onafterprint`

Função para chamar depois que o usuário solicitou a impressão do documento.

`onbeforeprint`

Função para chamar quando o usuário solicita a impressão do documento.

`onbeforeunload`

Função para chamar quando o documento está prestes a ser descarregado.

`onblur`

Função para chamar quando o documento perde foco.

`onerror`

Função para chamar quando o documento falha ao carregar corretamente.

`onfocus`

Função para chamar quando o documento recebe foco.

`onhashchange`

Function to call when the fragment identifier part (starting with the hash (`'#'`) character) of the document's current address has changed.

`onlanguagechange`
Experimental

Function to call when the preferred languages changed.

`onload`

Função para chamar quando o documento terminar de carregar

`onmessage`

Função para chamar quando o documento receber uma mensagem.

`onoffline`

Função para chamar quando a conexão com a internet falha.

`ononline`

Função para chamar quando a conexão com a internet é restaurada.

`onpopstate`

Function to call when the user has navigated session history.

`onredo`

Function to call when the user has moved forward in undo transaction history.

`onresize`

Function to call when the document has been resized.

`onstorage`

Function to call when the storage area has changed.

`onundo`

Function to call when the user has moved backward in undo transaction history.

`onunload`

Function to call when the document is going away.

`rightmargin`

The margin of the right of the body. *This method is non-conforming, use CSS `margin-right` (en-US) property on the element instead.*

`text`

Foreground color of text. *This method is non-conforming, use CSS `color` property on the element instead.*

`topmargin`

The margin of the top of the body. *This method is non-conforming, use CSS `margin-top` property on the element instead.*

`vlink`

Cor do texto para links já visitados. Esse método não está em conformidade, utilize a propriedade *CSS `color` em conjunto com a pseudo-classe `:visited`.*

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-body-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `<html>`
* `<head>`


<map> - HTML: Linguagem de Marcação de Hipertexto

<map>
=====

Resumo
------

O **elemento HTML `<map>`** é usado com os elementos `<area>` para definir um mapa de imagem (a área clicável do link).

* *Categorias de conteúdo (en-US)* Conteúdo de fluxo (en-US), conteúdo fraseado (en-US), conteúdo palpável.
* *Conteúdo permitido* Qualquer elemento transparente (en-US).
* *Omissão da marcação*None, both the starting and ending tag are mandatory.
* *Elementos pai permitidos* Qualquer elemento que aceita conteúdo fraseado (en-US).
* *Interface DOM* `HTMLMapElement` (en-US)
Atributos
---------

Este elemento inclui os atributos globais (en-US).

`name`

O atributo name dá ao mapa de um nome, de modo que ela possa ser referenciada. O atributo deve estar presente e ter um valor não vazio, sem caracteres de espaço. O valor do atributo name não deve corresponder (independente da caixa) a um valor do atributo name de outro elemento no mesmo documento. Se o id de atributo também for especificado, ambos os atributos devem ter o mesmo valor.

Exemplos
--------

```html
<map>
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" />
</map>
```

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-map-element |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `<a>`
* `<area>`


<ul> - HTML: Linguagem de Marcação de Hipertexto

<ul>
====

O **elemento HTML`<ul>`** (ou *elemento* *HTML de Lista desordenada*) representa uma lista de itens sem ordem rígida, isto é, uma coleção de itens que não trazem uma ordenação numérica e as suas posições, nessa lista, são irrelevantes. Caracteristicamente, os itens em uma lista desordenada são exibidos com um marcador que pode ter várias formas, como um ponto, um círculo, ou um quadrado. O tipo de marcador não é definido na descrição HTML da página, mas na CSS associada, utilizando a propriedade `list-style-type` (en-US).

Não há nenhuma limitação para a profundidade e a imbricação das listas definidas com os elementos `<ol>` e `<ul>`.

>
> **Note:** **Nota sobre a utilização:** Ambos os elementos `<ol>` e `<ul>` representam uma lista de itens. São diferentes porque, com o elemento `<ol>`, a ordenação tem significado. Como regra de ouro para determinar qual dos dois usar, tente mudar a posição dos itens na lista; caso a significação seja alterada, o elemento `<ol>` deve ser utilizado mas, se não houver mudança, você pode aplicar `<ul>`.
>
>
>

Contexto de utilização
----------------------

|  |  |
| --- | --- |
| Categorias de conteúdo | Flutuantes |
| Conteúdo permitido | zero ou mais`<li>`elementos, eventualmente combinados com`<ol>`e elementos`<ul>`. |
| Omissão de etiqueta (*Tag*) | nenhuma, ambas as etiquetas - de início e de fim - são obrigatórias |
| Elementos pai permitidos | qualquer elemento que receba conteúdo flutuante |
| Interface DOM | `HTMLUListElement` (en-US) |

Atributos
---------

Este elemento inclui os atributos globais (en-US).

`compact`
Deprecated

Este atributo booleano sugere que a lista será processada em um modelo compacto. A interpretação deste atributo depende do perfil de navegação (*user agent*) e não funciona em todos os navegadores.

>
> **Note:** **Nota de utilização:** Não aplique este atributo, que foi preterido - o elemento `<ul>` deve ser definido utilizando-se a folha de estilos CSS. Para dar um efeito similar ao atributo compacto, a propriedade line-height (espaçamento), da CSS, pode ser utilizada com um valor de 80%.
>
>
>

`type`
Deprecated

Usados para estabelecer o tipo de marcador da lista. Os valores definidos durante a HTML3.2 e a versão de transição de HTML 4.0/4.01, são:

* `círculo`,
* `disco`,
* e `quadrado`.

Um quarto tipo de marcação está definido na interface *WebTV*, mas nem todos os navegadores o acolhem: `triângulo.`

Se não estiver presente e se nenhuma propriedade CSS `list-style-type` (en-US) se aplicar ao elemento, o perfil de navegação decidirá qual tipo de marcador utilizar, dependendo do nível de aninhamento da lista.

>
> **Note:** **Nota de utilização:** Não use este atributo, pois está ultrapassado; em seu lugar, utilize a propriedade CSS `list-style-type` (en-US).
>
>
>

Exemplos
--------

### Exemplo simples

```html
<ul>
  <li>primeiro item</li>
  <li>segundo item</li>
  <li>terceiro item</li>
</ul>
```

A HTML acima resulta em:

* primeiro item
* segundo item
* terceiro item
### Lista aninhada

```html
<ul>
  <li>primeiro item</li>
  <li>
    segundo item
    <!-- Observe que a tag de fechamento </li> não é colocada aqui! -->
    <ul>
      <li>segundo item primeiro subitem</li>
      <li>
        segundo item segundo subitem
        <!-- O mesmo para a segunda lista não ordenada aninhada (Same for the second nested unordered list)! -->
        <ul>
          <li>segundo item segundo subitem primeiro sub-subitem</li>
          <li>segundo item segundo subitem segundo sub-subitem</li>
          <li>segundo item segundo subitem terceiro sub-subitem</li>
        </ul>
      </li>
      <!-- A tag de fechamento </li>, que contém a terceira lista não ordenada (Closing </li> tag for the li that contains the third unordered list) -->
      <li>segundo item terceiro subitem</li>
    </ul>
  </li>
  <!-- Aqui entra a tag de fechamento </li> (Here is the closing </li> tag) -->
  <li>terceiro item</li>
</ul>
```

A saída HTML acima, é:

* primeiro item
* segundo item
    + segundo item primeiro subitem
    + segundo item segundo subitem
        - segundo item segundo subitem primeiro sub-subitem
        - segundo item segundo subitem segundo sub-subitem
        - segundo item segundo subitem terceiro sub-subitem
    + segundo item terceiro subitem
* terceiro item
### <ul> e <ol> aninhados

```html
<ul>
  <li>primeiro item</li>
  <li>
    segundo item
    <!-- Observe, a tag de fechamento </li> não é colocada aqui! (Look, the closing </li> tag is not placed here!) -->
    <ol>
      <li>segundo item primeiro subitem</li>
      <li>segundo item segundo subitem</li>
      <li>segundo item terceiro subitem</li>
    </ol>
  </li>
  <!-- Aqui está a tag de fechamento </li> (Here is the closing </li> tag) -->
  <li>terceiro item</li>
</ul>
```

A saída HTML acima será:

* primeiro item
* segundo item
    1. segundo item primeiro subitem
    2. segundo item segundo subitem
    3. segundo item terceiro subitem
* terceiro item
Veja também
-----------

* Outros elementos HTML relacionados à lista: `<ol>`, `<li>`, `<menu>` (en-US) e o obsoleto `<dir>`;
* Propriedades CSS que podem ser especialmente úteis para determinar o modelo do elemento <ul>:
    + a propriedade list-style, conveniente para escolher a maneira como os ordinais serão mostrados,
    + CSS counters, eficientes para guiar listas complexas aninhadas,
    + a propriedade line-height, válida para simular o atributo ultrapassado `compact`,
    + a propriedade margin, proveitosa para controlar a indentação da lista.


<dir>:  O elemento obsoleto Directory - HTML: Linguagem de Marcação de Hipertexto

<dir>: O elemento obsoleto Directory
====================================

O elemento de diretório HTML obsoleto (**`<dir>`**) é usado como um contêiner para um diretório de arquivos e/ou pastas, potencialmente com estilos e ícones aplicados pelo user agent (en-US). Não use este elemento obsoleto; em vez disso, você deve usar o `<ul>` elemento para listas, incluindo listas de arquivos.

>
> **Note:** Não use este elemento. Embora presente nas primeiras especificações do HTML, foi descontinuado no HTML 4 e, desde então, foi totalmente removido. Nenhum dos principais navegadores suporta esse elemento.
>
>
>

DOM interface
-------------

Este elemento implementa a interface `HTMLDirectoryElement`.

Atributos
---------

Como todos os outros elementos HTML, este elemento suporta os global attributes (en-US).

`compact`

Este atributo booleano indica que a lista deve ser renderizada em um estilo compacto. A interpretação deste atributo depende do agente do usuário e não funciona em todos os navegadores.

>
> **Note:** Não use este atributo, pois ele foi descontinuado: o `<dir>` elemento deve ser estilizado usando CSS. Para dar um efeito semelhante ao alcançado com o atributo `compact`, a propriedade CSS `line-height` (en-US) pode ser usado com um valor de `80%`.
>
>
>

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Outros relacionados a lista de elementos HTML: `<ol>`, `<ul>`, `<li>`, e `<menu>` (en-US);
* Propriedades CSS que podem ser especialmente úteis para estilizar o elemento `<dir>` :
    + A propriedade `list-style` (en-US), útil para escolher a maneira como o ordinal é exibido.
    + CSS counters (en-US), útil para lidar com listas aninhadas complexas.
    + A propriedade `line-height` (en-US), útil para simular o atributo obsoleto `compact`.
    + A propriedade `margin`, útil para controlar o recuo da lista.