recursal/MDN huggingface dataset:
<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.
<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>
=========

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).
<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>`
<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.
<dfn>
=====

Resumo
------

O elemento \*\*HTML `<dfn>` \*\*(ou *Elemento Definição* *HTML*) representa uma instância de definição de um termo.

> 
> **Note:** **Notas de uso no** **HTML5:**- O elemento `<dfn>` marca o termo que será definido; a definição do termo deve ser data em torno de `<p>`, `<section>` ou uma lista de definições por grupo (usualmente um `<dt>`, `<dd>` pareado com o `<dt>`).
> 
> 
> * O valor exato do termo a ser definido é determinado pelas seguintes regras:
>     1. Se o elemento <dfn> tiver um atributo title, então o termo é o valor deste atributo.
>     2. Senão, se contiver somente um elemento `<abbr>` com um atributo `title`, então o termo é o valor deste atributo.
>     3. Caso contrário, o conteúdo do texto do elemento `<dfn>` é o termo a ser definido.
> 
> 
> 

* *Categorias de conteúdo (en-US)* Conteúdo de fluxo (en-US), Conteúdo de fraseamento (en-US), conetúdo palpável.
* *Conteúdo permitido* Conteúdo de fraseamento (en-US), mas um elemento `<dfn>` não deve ser um descendente.
* *Omissão de tag* None, both the starting and ending tag are mandatory.
* *Elementos pais permitidos* Qualquer elemento que aceite conteúdo de fraseamento (en-US).
* *Interface DOM* `HTMLElement` (en-US)
Atributos
---------

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

No HTML5, o atributo **title** tem um significado especial, como mencionado acima.

Exemplos
--------

Os exemplos a seguir são válidos em HTML5.


```html
<!-- Define "A Internet" -->
<p>
  <dfn id="def-internet">A Internet</dfn> é um sistema global de redes
  interconectadas que usam o Internet Protocol Suite (TCP/IP) para servir
  bilhões de usuários no mundo todo.
</p>
```


Posteriormente no mesmo documento:


```html
<dl>
  <!-- Define "World-Wide Web" a definição de referência para "A Internet" -->
  <dt>
    <dfn>
      <abbr title="World-Wide Web">WWW</abbr>
    </dfn>
  </dt>
  <dd>
    A World-Wide Web (WWW) é um sistema de documentos de hipertexto interligados
    acessados pela <a href="#def-internet">Internet</a>.
  </dd>
</dl>
```

### Resultado

*A Internet* é um sistema global de redes interconectadas que usam o Internet Protocol Suite (TCP/IP) para servir bilhões de usuários no mundo todo.

*WWW*

A World-Wide Web (WWW) é um sistema de documentos de hipertexto interligados acessados pela Internet.

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

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

Navegadores compatíveis
-----------------------

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

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

* Elementos relacionados à lista de definições: `<dl>`, `<dt>`, `<dd>`
* `<abbr>`
<var>
=====

Resumo
------

O elemento HTML Variable (`<var>`) representa uma variável em uma expressão matemática ou um contexto de programação.

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

| Permitted content | Phrasing content |
| --- | --- |
| Tag omission | Both start and end tags are required |
| Permitted parent elements | Any element that accepts phrasing content (en-US). |
| Normative document | HTML, "The `var` element" |

Atributos
---------

Este elemento somente inclui os global attributes (en-US).

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

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

> 
> **Note:** **Implementation note:** up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.
> 
> 
> 

Propriedades típicas padrão de estilo
-------------------------------------


```css
var {
  font-style: italic;
}
```

Exemplo
-------


```html
<p>A simple equation: <var>x</var> = <var>y</var> + 2</p>
```


A simple equation: *x* = *y* + 2
article (artigo)
================

Resumo
------

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.

> 
> **Note:** *Notas de uso:*
> 
> 
> * Quando um elemento `<article>` está aninhado, o elemento interior representa um artigo relacionado com o elemento exterior. Por exemplo, os comentários do post de um blog podem ser elementos `<article>` aninhados em `<article>` representando o post do blog.
> * Informações sobre o autor de um elemento `<article>` podem ser fornecidas através do elemento `<address>` ,mas ele não se aplica aos elementos `<article>` aninhados.
> * A data e hora de publicação de um elemento `<article>` pode ser descrita usando o atributo `pubdate` de um elemento `<time>`.
> 
> 
> 

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

| Conteúdo permitido | Flow content |
| --- | --- |
| Omissão de tag | Nenhuma, tanto tag de início quanto de fim são obrigatórias |
| Elementos pai permitidos | Qualquer elemento que aceita flow content. Note-se que um elemento `<article>` não pode ser descendente de um elemento `<address>`. |
| Documento normativo | HTML5, section 4.4.4 |

Atributos
---------

Este elemento não possui outros elementos se não os global attributes, comuns a todos os elementos.

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

Este elemento implementa a interface `HTMLElement` .

Exemplos
--------


```html
<article>
  <h4>Um artigo realmente impressionante</h4>
  <p>Lotes de texto incrível.</p>
</article>
```

### Resultado

<article>

#### Um artigo realmente impressionante

Lotes de texto incrível.

</article>

### Compatibilidade

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

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

* Outros elementos de seção relacionados: `<body>`, `<nav>`, `<section>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<hgroup>`, `<header>`, `<footer>`, `<address>`
* Sections and outlines of an HTML5 document.
<div>
=====

Resumo
------

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>`).

* *Categoria de conteúdo* Flow content, palpable content.
* *Conteúdo permitido* Flow content.
* *Omissão de tag* Nenhuma, as tags de abertura e fechamento são obrigatórias. None, both the starting and ending tag are mandatory.
* *Elementos pais permitidos* Qualquer elemento que aceite conteúdo de fluxo.
* *Interface DOM* `HTMLDivElement`
Atributos
---------

Esse elemento inclui atributos globais.

No HTML 5, o atributo **align** no **<div>** é obsoleto.

Exemplos
--------


```html
<div>
  <p>
    Qualquer tipo de conteúdo aqui. Como &lt;p&gt;, &lt;table&gt;. Você dá o
    nome!
  </p>
</div>
```

### Resultado

Qualquer tipo de conteúdo aqui. Como <p>, <table>. Você dá o nome!

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

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

Compatibilidade dos navegadores
-------------------------------

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

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

* Semantic sectioning elements: `<section>`, `<article>`, `<nav>`, `<header>`, `<footer>`
* `<span>` element for styling of phrasing content
<hr>
====

Sumário
-------

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.

* *Categorias de conteúdo (en-US)* Fluxo de conteúdo (en-US).
* *Conteúdo permitido* Nenhum, é um empty element (en-US).
* *Omissão de Tag* Deve conter a tag de início, mas não precisa ter uma tag de encerramento.
* *Elementos pai permitidos* Qualquer elemento que aceite fluxo de conteúdo (en-US).
* *Interface DOM* `HTMLHRElement` (en-US)
Atributos
---------

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

`align` 
Deprecated

Non-standard

Define a regra de alinhamento na página. Se nenhum valor for especificado, o valor padrão é `left`.

`color` 
Deprecated

Non-standard

Denife a regra da cor através do nome da cor ou um valor hexadecimal.

`noshade` 
Deprecated

Non-standard

Deine a regra para não ter sombreamento.

`size` 
Deprecated

Non-standard

Denife a altura, em pixels.

`width` 
Deprecated

Non-standard

Define a regra de comprimento na página através de um valor em pixel ou porcentagem.

Exemplo
-------


```html
<p>
  Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.
  Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.
</p>

<hr />

<p>
  Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este
  é o segundo parágrafo do texto. Este é o segundo parágrafo do texto.
</p>
```


O HTML acima irá produzir:

Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.

---

Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto.

Notas
-----

Para alterar a aparencia da linha ou as lacunas entre ela e os parágrafos, utilize folhas de estilo em cascata.

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

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

Compatibilidade nos Navegadores
-------------------------------

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

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

* Elemento HTML parágrafo (en-US)
header (cabeçalho)
==================

Sumário
-------

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.

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

> 
> **Note:** **Notas de utilização:**
> 
> 
> * O elemento `<header>` não é separador de conteúdo (sectioning content), portanto, não introduz uma nova seção no outline.
> 
> 
> 

* *Categoria de conteúdo (en-US)* Flow content (en-US), conteúdo palpável.
* *Conteúdo permitido*Flow content (en-US), mas não com descendentes de `<header>` ou `<footer>`
* *Omissão da tag* Nenhuma, as tags de abertura e fechamento são obrigatórias.
* *Elementos-pai permitidos* Qualquer elemento que aceite flow content (en-US). Note que o elemento `<header>` não deve ser descendente de `<address>`, `<footer>` ou outro elemento `<header>` .
* *Interface DOM* `HTMLElement` (en-US)
Atributos
---------

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

Exemplos
--------
```

<header>
  <h1>Título da Página Principal</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header>
```

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

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

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

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

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

* Uma descrição mais detalhada: O elemento header | HTML5 Doctor
* Outros elementos relacionados a seção: `<body>`, `<nav>`, `<article>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<hgroup>`, `<footer>`, `<section>`, `<address>`;
* Seções e outlines de um documento HTML5.
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.

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

| Conteúdo permitido | Conteúdo de texto |
| --- | --- |
| Omissão de Tag | Nenhum, ambas as tags (abertura e encerramento) são obrigatórias |
| Elemento pai permitido | Conteúdo fraseado (phrasing content), mas não deve haver descendentes do elemento progress |
| Documento normativo | HTML5, seção 4.10.16 |

Atributos
---------

Como todos os outros elementos HTML, este elemento tem os atributos globais (global attributes)

`max`

Este atributo descreve quanto trabalho é demandado pela tarefa indicada pelo elemento progress.

`value`

Este atributo especifica quanto da tarefa foi concluído. Se este não existir, a barra de progresso é indeterminada; isso indica que uma atividade está em progresso sem previsão de quanto tempo é esperado para que seja concluída.

Você pode usar a propriedade `orient` (en-US) para especificar se a barra de progresso deve ser renderizada horizontalmente (padrão) ou verticalmente. A pseudo-classe `:indeterminate` (en-US) pode ser associada a barras de progresso indeterminadas.

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

Este elemento implementa a interface HTMLProgressElement.

Exemplos
--------


```html
<progress value="70" max="100">70 %</progress>
```

### Resultado

View Live Examples

No Mac OS X, o progresso resultante deve aparecer assim:

![progress-1.png](/pt-BR/docs/Web/HTML/Element/progress/progress-1.png)

No Windows, o progresso resultante deve aparecer assim:

![progress-firefox.JPG](/pt-BR/docs/Web/HTML/Element/progress/progress-firefox.jpg)

### Exemplos adicionais

Veja `orient` (en-US).

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

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

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

* `orient` (en-US)
* `:indeterminate` (en-US)