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

Resumo
------

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.

* *Categorias de conteúdo (en-US)* Metadata content (en-US), flow content (en-US), phrasing content (en-US).
* *Conteúdo permitido* Quando scripting está desabilitado e quando este é um descendente do elemento `<head>` : em qualquer ordem, de zero ou mais elementos `<link>`, zero ou mais elementos `<style>`, e zero ou mais elementos `<meta>`.
 Quando o script está desativado e quando não é descendente do elemento `<head>` : qualquer conteúdo transparente, mas nenhum elemento `<noscript>` entre seus descendentes.
 Nos outros casos: conteúdo de fluxo ou conteúdo de texto.
* *Omissão da tag* Tags inicial e final obrigatórias.
* *Elemento pai permitidos* Qualquer elemento que aceite 'conteúdo de texto (en-US)' (phrasing content (en-US)), se não há um elemento `<noscript>` anterior ou em um elemento `<head>` (mas somente em um documento HTML), e também se não existe elemento `<noscript>` anterior.
* *Interface DOM* `HTMLElement` (en-US)
Atributos
---------

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

Exemplo
-------


```html
<noscript>
  <!-- referência a arquivo externo -->
  <a href="http://www.mozilla.com/">Link Externo</a>
</noscript>
<p>Rocks!</p>
```

### Resultado com o script ativado

Rocks!

### Resultado com o script desativado

Link Externo

Rocks!

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

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

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

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

Resumo
------

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

*Content categories (en-US)* Flow content (en-US), palpable content.

* *Conteúdo permitido* Phrasing content (en-US).
* *Tag omission* None, both the starting and ending tag are mandatory.
* *Elementos pai permitidos* Any element that accepts flow content (en-US).
* *interface DOM* `HTMLPreElement` (en-US)
Atributos
---------

Esse elemento apenas inclui atributos globais.

This element only includes the global attributes (en-US).

`cols` 
Non-standard

Contains the *preferred* count of characters that a line should have. It was a non-standard synonym of `width`. To achieve such an effect, use CSS styling instead.

`width`

Contains the *preferred* count of characters that a line should have. Though technically still implemented, this attribute has no visual effect; to achieve such an effect, use CSS styling instead.

`wrap` 
Non-standard

Is a *hint* indicating how the overflow must happen. In modern browser this hint is ignored and no visual effect results in its present; to achieve such an effect, use CSS styling instead.

Exemplos
--------


```html
<!-- Um exemplo de código css -->
<pre>
body {
  color:red;
}
</pre>
```

### Resultado
```

body {
  color:red;
}
```

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

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

Compatibilidade de navegador
----------------------------

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

Veja mais
---------

* CSS: `white-space`, `word-break`
<nobr>
======

**Non-standard:** This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Sumário
-------

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


```css
<span style="white-space: nowrap">Texto longo sem quebras de linha</span>
```

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

* `white-space`
* `overflow`
<figcaption>: O elemento de legenda da figura
=============================================

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

|  |  |
| --- | --- |
| Categorias de conteúdo (en-US) | Nenhuma. |
| Conteúdo permitido | Flow content (en-US). |
| Omissão de Tag | Nenhuma, tanto a tag de início quanto a de fim são obrigatórias. |
| Elemento Pai Permitido | Um Elemento `<figure>` |
| Interface DOM | `HTMLElement` (en-US) |

Atributos
---------

Esse elemento possui somente os atributos globais (en-US).

Exemplos
--------

Por favor, consulte a página `<figure>` para visualizar o exemplos do elemento `<figcaption>`.

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

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

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

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

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

* O elemento `<figure>`.
<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".

|  |  |
| --- | --- |
| Categorias de conteúdo | Conteúdo de fluxo (flow content),
 conteúdo com texto (phrasing content), conteúdo palpável (palpable content).
  |
| Conteúdo permitido | Conteúdo com texto (phrasing content). |
| Omissão de tag | None, both the starting and ending tag are mandatory. |
| Pais permitidos | 
 Qualquer elemento que aceite
 conteúdo com texto (phrasing content).
  |
| ARIA roles permitidos | Qualquer um. |
| Interface DOM | `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 atributos globais.

Exemplo
-------


```html
<p>
  A expressão em latim <i class="latin">Veni, vidi, vici</i> é frequentemente
  mencionada na música, na arte e na literatura.
</p>
```

### Resultado

A expressão em latim *Veni, vidi, vici* é frequentemente mencionada na música, na arte e na literatura.

Notas
-----

Nas primeiras versões das especificações HTML, a tag `<i>` era usada apenas para apresentar textos em itálico, assim como a tag `<b>` tag era usada para mostrar textos em negrito. Isso não é mais verdade, já que, atualmente, essas tags definem a semântica, e não mais aparência tipográfica. A tag `<i>` pode representar uma parte do texto com uma diferença semântica, na qual a representação tipográfica padrão é no tipo itálico. Isso significa que os navegadores continuarão a apresentar o conteúdo em itálico, mas, de acordo com o que é definido, isso não é mais requerido.

Use esse elemento somente quando não existir mais nenhum outro elemento com semântica apropriada. Por exemplo:

* Use `<em>` para indicar ênfase ou estresse.
* Use `<strong>` para indicar importância.
* Use `<mark>` para indicar relevância.
* Use `<cite>` para citar o nome de um trabalho, tal como um livro, jogo ou música.
* Use `<dfn>` para marcar a instância de definição de um termo .

Uma boa ideia é usar o atributo **class** para identificar porque esse elemento está sendo usado. Com isso, caso a apresentação precise ser alterada com o tempo, isso pode ser feito de forma seletiva utilizando as folhas de estilo.

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

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

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

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

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

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

|  |  |
| --- | --- |
| 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 parents | 
 Any element that accepts
 phrasing content (en-US).
  |
| 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
---------

Os atributos desse elemento incluem os atributos globais (en-US).

`dir`

Direção de texto neste elemento. Os valores possíveis são:

* `ltr`: Indica que o texto ficará da **Esquerda para a Direita** (**L**eft-**T**o-**R**ight).
* `rtl`: Indica que o texto ficará da **Direita** **para a Esquerda** (**R**eft-**T**o-**L**ight).

Exemplos
--------


```html
<!-- Muda a direção do texto -->
<p>Este texto ficará da esquerda para a direita.</p>
<p><bdo dir="rtl">Este texto ficará da direita para a esquerda.</bdo></p>
```

### Resultado

Notas
-----

A especificação HTML 4 não especificam eventos para este elemento; eles foram adicionados no XHTML. Este é provavelmente um descuido.

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

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

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

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
<big>: Elemento para deixar o texto maio
========================================

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.

> 
> **Note:** **Usage note:** As it was purely presentational, this element has been removed in HTML5 (en-US) and shouldn't be used anymore. Instead web developers should use the CSS `font-size` property to adjust the font size.
> 
> 
> 

Atributos
---------

This element has no other attributes than the global attributes (en-US), common to all elements.

Examples
--------

Here we see examples showing the use of `<big>` followed by an example showing how to accomplish the same results using modern CSS syntax instead.

### Usando `<big>`

Este elemento usa o comando `<big>` para aumentar o tamanho do texto. O elemento é obsoleto, porém aceitável em todos os navegadores.

#### HTML


```html
<p>
  Este é o primeiro texto.
  <big>Este texto usa big para ficar com a aparência maior.</big>
</p>
```


#### Resultado

### Using CSS `font-size`

This example uses the CSS `font-size` property to increase the font size by one level.

#### CSS


```css
.bigger {
  font-size: larger;
}
```


#### HTML


```html
<p>
  This is the first sentence.
  <span class="bigger">This whole sentence is in bigger letters.</span>
</p>
```


#### Result

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

This element implements the `HTMLElement` (en-US) interface.

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

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

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

See also
--------

* CSS: `font-size`, `font` (en-US)
* HTML: `<small>` (en-US), `<font>` (en-US), `<style>`
* HTML 4.01 Specification: Font Styles
<legend>
========

Resumo
------

O \*\*Elemento HTML <legend> \*\*(ou *Elemento* *HTML Campo "Legend"*) representa um rótulo para o conteúdo do seu ancestral `<fieldset>`.

* *Categorias de Conteúdo (en-US)* Nenhuma.
* *Conteúdo permitido* Conteúdo Textual (en-US).
* *Omissão de Tag* None, both the starting and ending tag are mandatory.
* *Elementos ancestrais permitidos* Um `<fieldset>` cujo primeiro filho seja esse elemento <legend>
* *Interface DOM* `HTMLLegendElement` (en-US)
Atributos
---------

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

Exemplos
--------

Veja `<form>` (en-US) para exemplos sobre `<legend>`.

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

| Specification |
| --- |
| HTML Standard # the-legend-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), `<option>`, `<label>`, `<button>`, `<select>`, `<datalist>`, `<optgroup>`, `<fieldset>`, `<textarea>`, `<input>`, `<output>`, `<progress>` and `<meter>`.
<center>: O elemento de texto centralizado (obsoleto)
=====================================================

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

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

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

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

Exemplo 1
---------


```html
<center>
  Esse texto vai ficar centralizado.
  <p>Este parágrafo também.</p>
</center>
```


O efeito da centralização vai acontecer até onde o elemento `center` for fechado.

Exemplo 2 (Alternativa CSS)
---------------------------


```html
<div style="text-align:center">
  Esse texto vai ficar centralizado.
  <p>Este parágrafo também.</p>
</div>
```


Isso acontece por os textos que sofreram as alterações estão dentro dos elementos que foi aplicado a propriedade.

Exemplo 3 (Alternativa CSS)
---------------------------


```html
<p style="text-align:center">
  Essa linha vai ficar centralizada.<br />
  E esta linha também.
</p>
```

Nota
----

Aplicar `text-align``:center` a um elemento `<div>` ou `<p>` centraliza o *conteúdo* desses elementos, deixando suas dimensões gerais inalteradas.

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

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

Apesar de obsoleto, o elemento é aceito em todos os navegadores do mercado.

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

* `text-align`
* `display`
<time>
======

Resumo
------

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)

Este elemento é destinado a apresentar datas e horas no dispositivo em um formato legível. Isto pode ser útil aos agentes do usuário em oferecer qualquer programação de eventos ao calendário do utilizador.

> 
> **Note:** **Notas de uso:** Este elemento não é adequado por exemplo, quando uma data específica não pode ser calculada, e nem deveria ser utilizado em datas anteriores ao calendário Gregoriano (devido as complicações com os cálculos dessas datas).
> 
> 
> 

> 
> **Note:** **Nota de estatus:** Este elemento foi concebido e está em discussão desde 2011 (http://blog.whatwg.org/weekly-time-data)
> 
> 
> 

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

| Categorias de conteúdo (en-US) | flow content (en-US), phrasing content (en-US) |
| --- | --- |
| Permitted content | Phrasing content (en-US), but no descendant `time` elements. |
| Tag omission | None, both the start tag and the end tag are mandatory. |
| Permitted parent elements | Any element that accepts phrasing content. |
| Normative document | HTML5, section 4.6.10 |

Atributos
---------

Como todo outro elemento HTML, este elemento suporta os atributos globais (en-US).

`datetime`

Esse atributo indica a hora e a data do elemento e deve ser uma data válida com uma string de tempo opcional. Se o valor não puder ser analisado como uma data com uma string de tempo opcional, o elemento não possui um timestamp associado.

`pubdate`

(This feature is still being discussed by the WHATWG and the W3C HTML5 Working Group.) This Boolean attribute specifies that the date and time given by the element is the publication date of a document. The document it applies to is either the nearest ancestor article element or the document as a whole (if there is no ancestor article element). If true, the `time` element must have a corresponding date. Additionally, each `time` element indicating a publication date must be the only `time` element that does so for that document.

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

This element implements the `HTMLTimeElement` (en-US) interface.

Exemplos
--------

### Simple example


```html
<p>The concert starts at <time>20:00</time>.</p>
```


Above HTML will output:

The concert starts at 20:00.

### `pubdate` example


```html
<article>
  <p>This article was created on <time pubdate>2011-01-28</time>.</p>
</article>
```


Above HTML will output:

This article was created on 2011-01-28.

### `datetime` example


```html
<p>
  The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.
</p>
```


Above HTML will output:

The concert took place on May 15.

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

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

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

* The `time` element (HTML5 specification)
<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.

Por exemplo, um menu de navegação deve estar dentro um elemento `<nav>`, mas uma lista de resultados de pesquisa ou a exibição de um mapa e seus controles não possuem elementos específicos, e podem ser colocados dentro de uma <section>.

|  |  |
| --- | --- |
| Categorias de conteúdo | Conteúdo de fluxo
 ,
 conteúdo de seção, conteúdo palpável.
  |
| Conteúdo permitido | Conteúdo de fluxo. |
| Omissão de tags | Sem omissão de tags |
| Tags-pai permitidas | 
 Qualquer elemento que aceite
 conteúdo de fluxo. Note que um elemento `<section>` não deve
 ser um descendente de um elemento `<address>`.
  |
| Regras ARIA permitidas | `alert`, `alertdialog (en-US)`,
 `application (en-US)`, `banner (en-US)`,
 `complementary (en-US)`,
 `contentinfo (en-US)`, `dialog (en-US)`,
 `document (en-US)`, `feed (en-US)`,
 `log (en-US)`, `main (en-US)`,
 `marquee (en-US)`, `navigation (en-US)`,
 `search (en-US)`, `status (en-US)`,
 `tabpanel (en-US)` |
| Interface DOM | `HTMLElement` (en-US) |

Atributos
---------

Este elemento inclui apenas os atributos globais.

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

* Cada `<section>` deve ser identificado, geralmente incluindo um cabeçalho (elemento `<h1>` (en-US)-`<h6>` (en-US)) como um filho do elemento `<section>`.
* Se faz sentido distribuir separadamente o conteúdo de um elemento `<section>`, use um elemento `<article>` em seu lugar.
* Não use o elemento `<section>` como um container genérico; para isso que a `<div>` serve, especialmente quando a seção é apenas com propósito de estilização. Uma regra de ouro é ,"usar quando uma seção deve aparecer logicamente na estrutura de um documento".
Exemplo 1
---------

### Antes


```html
<div>
  <h1>Cabeçalho</h1>
  <p>Um monte de conteúdo incrível</p>
</div>
```

### Depois


```html
<section>
  <h1>Cabeçalho</h1>
  <p>Um monte de conteúdo incrível</p>
</section>
```

Exemplo 2
---------

### Antes


```html
<div>
  <h2>Cabeçalho</h2>
  <img src="passaro.jpg" alt="pássaro" />
</div>
```

### Depois


```html
<section>
  <h2>Cabeçalho</h2>
  <img src="passaro.jpg" alt="pássaro" />
</section>
```

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

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

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

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

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

* Outros elemtnos 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>`, `<footer>`, `<address>`;
* Seções e estrurura do um documento HTML5.
canvas
======

Sumário
-------

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.

Para mais artigos sobre canvas, veja canvas topic page.

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

| Conteúdo permitido | Transparente, tanto phrasing content ou flow content. |
| --- | --- |
| Omissão de tags | Nenhuma, tanto a tag de início quanto a de fim devem ser incluídas. |
| Elementos "pai" permitidos | Qualquer elemento que aceite phrasing content ou flow content. |
| Documento normativo | HTML 5, section 4.8.10 |

Atributos
---------

Como qualquer outro elemento HTML, este também tem global attributes.

`width`

A largura do espaço em pixels CSS. O padrão é 300.

`height`

A altura do espaço em pixels CSS. O padrão é 150.


**Nota:** The displayed size of the canvas can be changed using a stylesheet. The image is scaled during rendering to fit the styled size.

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

* HTMLCanvasElement
Exemplo
-------


```html
<canvas id="canvas" width="300" height="300">
  Desculpe-me, seu navegador não suporta o elemento &lt;canvas&gt;.
</canvas>
```

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

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

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

* MDN canvas portal
* Um canvas tutorial
* Canvas cheat sheet
* Canvas-related demos