recursal/MDN huggingface dataset:
<html>
======

Sumário
-------

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.

* *Categorias de conteúdo (en-US)* Nenhuma.
* *Conteúdo permitido* Um elemento `<head>`, seguido por um elemento `<body>`.
* *Omissão de tag* A tag inicial pode ser omitida se a primeira coisa dentro do elemento `<html>` não for um comentário.
 A tag final pode ser omitida se o elemento `<html>` não for imediatamente seguido por um comentário, e conter um elemento `<body>` ou que não está vazio, ou cuja tag inicial está presente.
* *Elementos pais permitidos* Como o elemento raiz do documento, ou qualquer fragmento de subdocumento é permitido em um documento composto.
* *DOM interface* `HTMLhtmlElement` (en-US)
Atributos
---------

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

`manifest` 
Deprecated

Non-standard

Especifica a URI de um recurso manifest indicando os recursos que devem ser carregados na memória local. Veja Recursos offline em Firefox para detalhes.

`version` 
Deprecated

Especifica a versão da definição de tipo de documento HTML que governa o documento atual. Esse atributo não é necessário, porque é redundante com a informação de versão na declaração de tipo de documento.

Exemplo
-------

O DOCTYPE usado no exemplo seguinte indica HTML5.


```html
<!doctype html>
<html>
  <head>
    ...
  </head>
  <body>
    ...
  </body>
</html>
```

Notas
-----

Desde que o elemento `<html>` seja o primeiro em documento outro que comenta, esse é chamado o elemento raiz. Embora essa tag possa ser implícita, ou não requerida, com HTML, essa é requerida para ser aberta e fechada em XHTML.

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

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

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

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

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

* Elemento de alto nível MathML: `<math> (en-US)`
* Elemento de alto nível SVG: `<svg>`
footer (rodapé)
===============

### Resumo

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.

> 
> **Note:** **Notas de Uso:**
> 
> 
> * Coloque informações sobre o autor em um elemento `<address>` que pode ser incluído no elemento `<footer>`.
> * O elemento `<footer>` não é sectioning content portanto, não introduz uma nova seção no outline.
> 
> 
> 

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

| Conteúdo permitido | Flow content (en-US), mas não o `<footer>` ou `<header>` descendentes. |
| --- | --- |
| Omissão de tag | Nenhuma, ambas as tags de início e fim são obrigatórias. |
| Parent Elements permitidos | Qualquer elemento que aceite flow content (en-US). Note-se que um elemento <footer> não deve ser um descendente de um `<address>`, `<header>` ou outro elemento `<footer>`. |
| Documento normativo | HTML5, section 4.4.9 |

Atributos
---------

Este elemento não tem outros atributos que os global attributes (en-US), comuns a todos os elementos.

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

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

Exemplos
--------


```html
<footer>
  Algumas informações de copyright ou talvez alguma informação do autor de um <article>?
</footer>
```

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

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>`, `<article>`, `<aside>`, `<h1>` (en-US), `<h2>` (en-US), `<h3>` (en-US), `<h4>` (en-US), `<h5>` (en-US), `<h6>` (en-US), `<hgroup>`, `<header>`, `<section>`, `<address>`;
* Sections and outlines of an HTML5 document.
<dd>: elemento Detalhes da Descrição
====================================

O **elemento HTML <dd>** fornece detalhes ou uma definição mais completa do termo precedente (definido por `<dt>`) numa lista de descrições (`<dl>`).

|  |  |
| --- | --- |
| Categorias de conteúdo | Nenhuma. |
| Conteúdo permitido | Conteúdo de fluxo. |
| Omissão de Tag | 
 A Tag inicial (`<dd>`) é obrigatória.A Tag
 final (</dd>) pode ser omitida se seguida imediatamente por outro
 elemento `<dd>`, ou se o elemento pai não tiver
 mais conteúdo.
  |
| Ancestrais permitidos | `<dl>` ou (em
 WHATWG HTML) uma
 `<div>` que está dentro de uma
 `<dl>`.
  |
| Tags irmãs | `<dt>` ou outro elemento
 `<dd>` .
  |
| Papeis ARIA permitidos | Nenhum. |
| Tipo de elemento DOM | `HTMLElement` (en-US) |

Atributos
---------

Este elemento inclui os atributos globais como seus.

`nowrap` 
Non-standard

Se o valor deste atributo for `yes`, o texto de definição não será envolvido. O valor padrão é `no`.

Exemplo
-------

Para exemplos, veja os exemplos de <dl>.

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

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

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

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

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

* `<dl>`
* `<dt>`
<span>
======

Resumo
------

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.

Contexto de Uso
---------------

| Categorias de conteúdo | Flow content (en-US), phrasing content (en-US) |
| --- | --- |
| Conteúdo permitido | Phrasing content (en-US) |
| Omissão de Tag | Nenhum, deve ter tanto tag de início quanto tag final. |
| Elementos pai permitidos | Qualquer elemento que aceite phrasing content (en-US), ou flow content (en-US). |
| Padrões de documento | HTML5, section 4.6.24; HTML 4.01, section 7.5.4 |

Atributos
---------

Esse elemento inclui apenas os a (en-US)tributos globais (en-US).

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

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

Exemplos
--------


```html
<p><span>Some text</span></p>
```

### Resultado

Some text

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

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

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

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

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

* Elemento HTML `<div>`
<title>: O titulo do documento.
===============================

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.

* *Categorias de conteúdo (en-US)* Conteúdo de metadados.
* *Conteúdo permitido* Texto que não seja whitespace entre elementos.
* *Omissão de marcação* Todas as marcações são necessárias. Perceba que suprimir `</title>` fará o navegador ignorar o resto da página.
* *Elementos pais permitidos* Um elemento `<head>` que não contenha outro elemento `<title>`.
* *Funções ARIA permitidas* Nenhuma.
* *Interface DOM* `HTMLTitleElement` (en-US)
Atributos
---------

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

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

O elemento `<title>` é sempre usado dentro da `<head>` da página.

Exemplo
-------


```html
<title>Título incrível</title>
```

Preocupações de acessibilidade
------------------------------

É importante informar um valor para o `title` que descreva o propósito da página.

Uma técnica comum de navegação para usuários de tecnologias assistivas é ler o título da página a fim de deduzir o que ela contém. Isso ocorre porque navegar pela página para determinar o conteúdo dela pode ser confuso e consumir muito tempo.

#### Exemplo


```html
<title>
  Menu - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!
</title>
```


Para ajudar o usuário, atualize o valor do `title` para refletir mudanças significativas no estado da página (como problemas de validação em formulários).

#### Exemplo
```

<title>2 erros - Seu pedido - Casa Azul Comida Chinesa - FoodYum: Faça seu pedido online!</title>
```

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

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

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<embed>
=======

Sumário
-------

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.

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

**Nota:** Este tópico documenta apenas o elemento definido como parte do HTML5. Ele não trata da implementação anterior e não padronizada do elemento.

Lembre-se de que a maioria dos navegadores modernos descontinuou e removeu o suporte para plug-ins de navegador. Portanto, confiar no `<embed>` geralmente não é aconselhável se você deseja que seu site funcione no navegador do usuário comum.

* *Categoria de conteúdo (en-US)* Flow content (en-US), phrasing content (en-US), embedded content, interactive content, palpable content.
* *Conteúdo permitido* Nenhum, é um empty element (en-US).
* *Omissão de Tag* Deve iniciar com uma tag de início, mas não deve ter uma tag de fechamento.
* *Elementos pai (ancestral) permitidos* Qualquer elemento que aceita incorporação de conteúdo.
* *Interface DOM* `HTMLEmbedElement` (en-US)
Atributos
---------

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

`height`

A altura apresentada do recurso, em CSS pixels. Este deve ser um valor absoluto; porcentagens *não* são permitidas.

`src`

A URL do recurso que está sendo incorporado.

`type`

O tipo MIME (en-US) a ser usado para a seleção do *plug-in* de instanciação.

`width`

A largura apresentada do recurso, em CSS pixels. Este deve ser um valor absoluto; porcentagens *não* são permitidas.

Exemplo
-------


```html
<embed type="video/quicktime" src="movie.mov" width="640" height="480" />
```

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

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

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

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

**Nota:** Atualmente existe uma diferença na implementação pelos navegadores. Enquanto carrega, no Chrome e no Opera, aparece o conteúdo do recurso em HTML, no Firefox, mostra uma mensagem genérica falando que o conteúdo precisa de um *plug-in* (veja o Erro do Firefox 730768). É recomendado que se use os elementos `<object>` (en-US) ou `<iframe>`.

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

* Outros elementos usados para incorporar conteúdo de vários tipos, incluem: `<audio>`, `<canvas>`, `<iframe>`, `<img>`, `<math> (en-US)`, `<object>` (en-US), `<svg>`, and `<video>`.
* Posicionamento e dimensionamento de conteúdos incorporados dentro da janela de exibição: `object-position` (en-US) and `object-fit`
<bdi>
=====

Resumo
------

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.

Este elemento é útil ao incorporar o texto com uma direção desconhecida, de um banco de dados por exemplo, no interior do texto com uma direção fixa.

Apesar do mesmo efeito visual pode ser alcançado usando a regra de CSS`unicode-bidi` (en-US): isolar um `<span>` ou outro elemento de formatação de texto, o significado semântico só é transportado pelo elemento de<bdi>. Especialmente, os navegadores podem ignorar estilos CSS. Nesse caso, o texto seria ainda corretamente exibido usando o elemento HTML, mas se tornará lixo quando usando o estilo CSS para transmitir semântica.

* *Content categories (en-US)* Flow content (en-US), phrasing content (en-US), palpable content.
* *Permitted content*Phrasing content (en-US).
* *Tag omission* None, both the starting and ending tag are mandatory.
* *Permitted parent elements* Any element that accepts phrasing content (en-US).
* *DOM interface* `HTMLElement` (en-US)
Atributos
---------

Como todos os outros elementos do HTML, este elemento tem os atributos globais, com uma pequena diferença de semântica: o atributo dir não é herdado. Se não definido, o valor padrão é o auto que deixa o navegador decidir a direção com base no conteúdo do elemento.

Exemplo
-------


```html
<p dir="ltr">
  Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada
  da direita
</p>
```

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

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

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

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

Veja Também
-----------

* Related HTML element: `<bdo>`
* Related HTML properties: `direction` (en-US), `unicode-bidi` (en-US)
<ruby>
======

Resumo
------

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

* *Categorias de conteúdo* Conteúdo de fluxo, conteúdo fraseado, conteúdo palpável.
* *Conteúdo permitido* Conteúdo fraseado.
* *Omissão de tag* None, both the starting and ending tag are mandatory.
* *Elementos pais permitidos* Ver prosa
* *Interface DOM* `HTMLElement` (en-US)
Atributos
---------

Esse elemento somente inclui os atributos globais.

Exemplos
--------

### Exemplo 1: Caracter


```html
<ruby>
  漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>
```

### Exemplo 2: Palavra


```html
<ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>
```

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

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

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

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

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

* `<rt>` (en-US)
* `<rp>` (en-US)
<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.

|  |  |
| --- | --- |
| Categoria de conteúdo | Nenhuma. |
| Conteúdo permitido | Se o elemento é um `<iframe>`

`srcdoc`, ou se a informação
 do título está sendo avaliada desde um nivel alto do protocolo, zero
 ou mais elementos de conteúdo de metadados.


 Por outro lado, um ou mais elementos de conteúdo de metadados onde
 exatamente um é um `<title>` elemento.
  |
| Omissão de tag | 
 A tag inicial pode ser omitida se a primeira coisa dentro do head
 elemento é um elemento.


 A tag final pode ser omitida se a primeira coisa seguindo o elemento
 head não é um caractere espaço ou um comentário.
  |
| Elementos parentes permitidos | Um `<html>` elemento, como primeiro filho. |
| DOM interface | `HTMLHeadElement` (en-US) |

Attributos
----------

Estes elementos incluem os atributos globais.

`profile`

A URIs de um ou mais perfis de metadados , separado por espaço em branco.

Exemplo
-------


```html
<html>
  <head>
    <title>Document title</title>
  </head>
</html>
```

Notas
-----

Moderno, HTML5-compatível browsers automaticamente constrói um elemento `<head>` se as tags forem omitidas na marcação. Este comportamento não pode ser garantido por browsers antigos.

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

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

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

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

See also
--------

* Elementos que podem ser usados dentro de um `<head>` element: `<title>`, `<base>`, `<link>`, `<style>`, `<meta>`, `<script>`, `<noscript>`
===

O **elemento HTML `
`** renderiza um texto tachado ou uma linha cortando o texto. Use o elemento `
` para representar texto que não sejam relevante ou que não estam corretos. Não é apropriado o uso do `
` indicar edições no texto; para indicar edições no texto utilize `<del>` e `<ins>` (en-US), que são elementos mais apropriados.

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

|  |  |
| --- | --- |
| Categorias de conteúdo | Conteúdo fraseado
 ou
 conteúdo de fluxo.
  |
| Conteúdo permitido | Conteúdo freaseado. |
| Omissão de Tag | Nenhuma, as tags de abertura e de fechamento são obrigatórias. |
| Pais permitidos | 
 Qualquer elemento que aceite
 conteúdo fraseado.
  |
| Funções ARIA permitidas | Todas |
| DOM interface | `HTMLElement` (en-US) |

Atributos
---------

Esse atributo incluí atributos globais.

> 
> **Note:** **Notas de implementação:** Até Gecko 1.9.2 inclusive, Firefox implementa `HTMLSpanElement` para a interface deste elemento.
> 
> 
> 

Exemplo
-------


```xml

Hoje é um dia especial: Salmon
 ESGOTADO<br>
<span style="text-decoration:line-through;">Hoje é um dia especial:
  Salmon</span> ESGOTADO
```

### Resultado

~~Hoje é um dia especial: Salmão~~ ESGOTADO
 ~~Hoje é um dia especial: Salmão~~ ESGOTADO

Preocupações com acessibilidade
-------------------------------

A presença do elemento s não é anunciada pela maioria das tecnologias de leitura de tela em sua configuração padrão. Isso pode ser anunciado usando a propriedade CSS `content`, junto com os pseudoelementos `::before` and `::after`.
```

s::before,
s::after {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

s::before {
  content: " [início do texto utilizado] ";
}

s::after {
  content: " [fim do texto utilizado] ";
}
```


Algumas pessoas que usam leitores de tela que desativam deliberadamente o anúncio de conteúdo que criados com muita verbosidade. Por esse motivo, é importante não abusar dessa técnica e aplicá-la apenas nas situações em que o desconhecimento do conteúdo foi eliminado e que afetaria negativamente a compreensão.

* Nota curta sobre como deixar sua marca (mais acessível) | O Grupo Paciello
* Ajustando estilos de texto | Adrian Roselli
Especificações
--------------

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

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

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

Veja mais
---------

* O elemento `<strike>` (en-US), é o alter ego de `
` é obsoleto e não deve mais ser usado em sites.
* Elemento `<del>` deve ser usado quando o conteúdo for *deletado*.
* O CSS `text-decoration-line` (en-US) propriedade deve ser usada para alcançar o antigo aspecto visual do elemento `
`.
details
=======

Sumário
-------

O elemento HTML *details* (`<details>`) é usado como uma ferramenta de onde o usuário irá obter informações adicionais.

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

| Conteúdo permitido | Um elemento `<summary>` seguido por flow content |
| --- | --- |
| Omissão de tag | Nenhuma, tanto as tas iniciais quanto as finais são obrigatórias. |
| Elementos pais permitidos | Qualquer elemento que aceite flow content. |
| Documento normativo | HTML5, section 4.11.1 |

Atributos
---------

Como todos os elementos HTML, esse elemento aceita os global attributes.

`open`

Esse atributo Booleano indica se os detalhes serão mostrados para o usuário ao carregar a página. Se omitido os detalhes não serão mostrados.

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

Esse elemento implementa a interface`HTMLDetailsElement`.

Exemplos
--------


```html
<details>
  <summary>Alguns detalhes</summary>
  <p>Mais informações sobre os detalhes.</p>
</details>
```

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

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

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

* `<summary>`
<optgroup>
==========

Sumário
-------

Em um Formulário Web, o elemento HTML `<optgroup>` cria um agrupamento de opções dentro do elemento `<select>`.

* *Categorias de conteúdo (en-US)* Nenhuma.
* *Conteúdo permitido* Nenhum ou mais elementos do tipo `<option>`.
* *Omissão da tag* A abertura da tag é obrigatória. O fechamento da tag é opcional se o elemento é imediatamente seguido de de outro elemento <optgroup>, ou se o elemento pai não tiver nenhum conteúdo.
* *Elemento pai permitido* Um elemento `<select>`.
* *Interface DOM* `HTMLOptGroupElement` (en-US)

**Nota:** Elementos do tipo **optgroup** não podem ser aninhados.

Atributos
---------

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

`disabled`

Se este atributo booleano for definido, nenhum dos itens neste **optgroup** poderá ser selecionado. Muitos navegadores marcam como cinza e não permitem que o elemento receba nenhum evento de navegação, como cliques do mouse ou foco.

`label`

É o nome do optgroup, é o que os navegadores irão exibir como rótulo. Este atributo é obrigatório se o elemento for usado.

Exemplo
-------


```html
<select>
  <optgroup label="Grupo 1">
    <option>Opção 1.1</option>
  </optgroup>
  <optgroup label="Grupo 2">
    <option>Opção 2.1</option>
    <option>Opção 2.2</option>
  </optgroup>
  <optgroup label="Grupo 3" disabled>
    <option>Opção 3.1</option>
    <option>Opção 3.2</option>
    <option>Opção 3.3</option>
  </optgroup>
</select>
```

### Resultado

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

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

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

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

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

* Outros elementos de formularios relacionados: `<form>` (en-US), `<legend>`, `<label>`, `<button>`, `<select>`, `<datalist>`, `<option>`, `<fieldset>`, `<textarea>`, `<input>`, `<output>`, `<progress>` e `<meter>`.
<dt>
====

Sumário
-------

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

* *Content categories (en-US)* Vazio.
* *Permitted content*{{todo}} Flow content (en-US), but with no `<header>`, `<footer>`, sectioning content or heading content descendants.
* *Tag omission* Must have a start tag. The end tag may be omitted if this element is immediately followed by another `<dd>` element, or if there is no more content in the parent element.
* *Permitted parent elements* Before a `<dt>` or a `<dd>` element, inside a `<dl>`.
* *DOM interface* `HTMLElement` (en-US) Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.
Atributos
---------

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

Exemplo
-------

Para exemplo veja definição de lista.

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

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

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

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

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

* `<dd>`, `<dl>`