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

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

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

Notas
-----

* Um trabalho criativo deve conter a citação de um livro,um documento,um ensaio,um poema,um filme,um programa de televisão,um video game,uma escultura,uma pintura,uma produção cinematográfica,um jogo,uma opera,um musical,uma exibição,um relatório de um caso legal,um programa de computador,um website,uma página da web,um post de um blog ou comentário,um post em um forum ou um comentário no mesmo,um tweet,uma obra ou discurso,etc.
* O W3C específica alguns estados para referenciar um trabalho criativo que deve incluir o nome do autor,enquanto a WHATWG declarou que não deve ser incluso o nome do autor sob nenhuma circustância.
* Use o atributo `cite` em um elemento `<blockquote>` ou `<q>` para referenciar uma fonte online.
* Para evitar que o itálico padrão do estilo seja usado pelo elemento <cite> use a propiedade `font-style` (en-US) do CSS.
Exemplo
-------


```html
Mais informações podem ser encontradas em <cite>[ISO-0000]</cite>.
```


A saída do HTML acima:

Mais informações podem ser encontradas em [ISO-0000].

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

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

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

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

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

* O elemento `<blockquote>` é para citações longas.
* O elemento `<q>` é para citações curtas ou na mesma linha.
<label>
=======

Resumo
------

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

* *As categorias de conteúdo* Flow content, phrasing content, interactive content, form-associated element, palpable content.
* *conteúdo permitido* Phrasing content, mas há elementos do rótulo descendente. Nenhum outro do que o controle rotulado elementos labelable são permitidos.
* *Tag omissão* None, both the starting and ending tag are mandatory.
* *Elementos pai permitidas* Qualquer elemento que aceita phrasing content.
* *DOM interface* `HTMLLabelElement` (en-US)
Atributos
---------

A tecla de atalho para acessar este elemento a partir do teclado.

`accesskey`

A tecla de atalho para acessar este elemento a partir do teclado.

`for`

O ID de um elemento de formulário relacionados com labelable no mesmo documento como o elemento label. O primeiro elemento tal no documento com uma ID correspondente ao valor do atributo é o controle marcado for este elemento etiqueta.

**Nota:** Um elemento etiqueta pode ter tanto um for o atributo e um elemento de controlo continham, enquanto os pontos de atributo para o elemento de controlo contido.

`form`

O elemento de forma que o elemento label está associado a (seu proprietário formulário). O valor do atributo deve ser uma identificação de um `<form>` (en-US) elemento no mesmo documento. Se este atributo não for especificado, este elemento <label> deve ser um descendente de uma `<form>` (en-US) elemento. Este atributo permite que você coloque elementos do rótulo em qualquer lugar dentro de um documento, e não apenas como descendentes de seus elementos de formulário.

Exemplo
-------

### Exemplo simples de label


```html
<label>Click me <input type="text" id="User" name="Name" /></label>
```

### Usando o atributo "for"


```html
<label for="User">Click me</label> <input type="text" id="User" name="Name" />
```

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

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

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

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

See also
--------

* Other form-related elements: `<form>` (en-US), `<button>`, `<datalist>`, `<legend>`, `<select>`, `<optgroup>`, `<option>`, `<textarea>`, `<fieldset>`, `<output>`, `<progress>` and `<meter>`.
<blockquote>
============

Sumário
-------

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.

* *Categorias de conteúdo (en-US)* Fluxo de conteúdo (en-US), raiz selecionamento, conteúdo palpável.
* *Conteúdo permitido* Fluxo de conteúdo (en-US).
* *Tag Omissão* None, both the starting and ending tag are mandatory.
* *Elementos permitidos* Qualquer elemento que aceita o fluxo de conteúdo. (en-US)
* *Papéis ARIA permitidos* Qualquer
* *Interface DOM* `HTMLQuoteElement` (en-US)
Atributos
---------

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

`cite`

Uma URL que designa um documento de origem ou mensagem para a informação citada. Este atributo destina-se a apontar para informações explicando o contexto ou a referência para a cotação.

Notas
-----

Para alterar o recuo de `<blockquote>`, use a propriedade CSS `margin`.

Para citações curtas, use o elemento `<q>`.

Exemplo
-------


```html
<blockquote cite="http://developer.mozilla.org">
  <p>Esta é uma citação tirada da Mozilla Developer Center.</p>
</blockquote>
```


O código HTML acima vai resultar em:

> 
> Esta é uma citação tirada da Mozilla Developer Center.
> 
> 
> 

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

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

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

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

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

* O elemento `<q>` para citações em linha.
* O elemento `<q>` para citações de origem.
<base>
======

Resumo
------

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.

> 
> **Note:** Se multiplos elementos `<base>` forem especificados, apenas o primeiro valor de **href** e **target** serão utilizados, os demais serão ignorados.
> 
> 
> 

* *Content categories (en-US)* Metadata content.
* *Permitted content* None, it is an empty element (en-US).
* *Tag omission* There must be no closing tag.
* *Permitted parent elements* Any `<head>` that doesn't contain any other `<base>` element
* *DOM interface* `HTMLBaseElement` (en-US)
Atributos
---------

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

* `href`
    + : O URL de base para ser usado em todo o documento para endereços URL relativos.Se este atributo for especificado, este elemento deve vir antes de quaisquer outros elementos com atributos cujos valores são URLs.Endereços (URLs) absolutos e relativos são permitidos (mas ver seção nota abaixo).
* `target`
    + : Esse elemento é uma palavra-chave que indica o local padrão para exibir o resultado quando os hiperlinks causarem navegações, por elementos que não têm referência alvo explícita. Em HTML5, é um nome ou palavra-chave para um contexto de navegação. (por exemplo, guia, janela, ou frame incorporada). As seguintes formas têm significados específicos:
* \_self: Coloca i resultado no mesmo quadro HTML4 ou contexto de navegação, caso HTML5, como o atual. Este valor é o padrão se o atributo não for especificado.
* \_blank: Coloca o resultado em uma nova janela HTML4 ou janela no contexto de navegação HTML5.
* \_parent: Coloca o resultado no conjunto de quadros pai do quadro atual no caso de HTML4 ou contexto de navegação pai no atual HTML5. Se não houver nenhum pai, esta opção se comporta como a forma \_self.
* \_top: Em HTML4: Coloca o resultado na janela completa, original, cancelando todos os outros quadros. Em HTML5: Coloca o resultado no contexto de navegação de nível superior (ou seja, o contexto de navegação em que é um antepassado do atual, e não o pai). Se não houver nenhum pai, este opção se comporta da mesma forma que \_self.
Exemplos
--------


```html
<base href="http://www.example.com/" />
<base target="\_blank" href="http://www.example.com/" />
```

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

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

Navegadores Compatíveis
-----------------------

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

Notas
-----

* A URL base de um documento pode ser consultada utilizando o seguinte script `document.baseURI` (en-US).
* Support of relative URIs for `href` was added in Gecko 2.0 (Firefox 4.0)
* HTML 2.0 and 3.2 define only the `href` attribute
* XHTML requires a trailing slash: `<base />`
<style>
=======

Resumo
------

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.

* *Content categories (en-US)*Metadata content, e se o atributo `scoped` é apresentado: flow content.
* *Conteúdo Permitido* Style information matching the language of the `type` attribute.
* *Omissão de Tag* None, both the starting and ending tag are mandatory.
* *Permitted parent elements* Qualquer elemento que aceite Metadata content.
* *Interface DOM* `HTMLStyleElement` (en-US)
Atributos
---------

Este elemento inclui os atributos globais.

type

Este atributo define a linguagem de estilo como um tipo MIME (charset não deve ser especificado). ' text/css' presume se este atributo estiver ausente.

media

Qual mídia deve aplicar-se a este estilo. Deve ser uma consulta de mídia, consulte http://dev.w3.org/csswg/css3-mediaqueries.

scoped

Se este atributo está presente, então o estilo aplica-se apenas ao seu elemento pai. Se está ausente, o estilo aplica-se ao documento inteiro.

title

Especifica os conjuntos de folhas de estilo alternativa.

disabled

Se definido, desativa (não se aplica) às regras de estilo para a `Document` que são especificadas no elemento.

Exemplos
--------

### Uma folha de estilo simples


```html
<style type="text/css">
 body {
 color: red;
 }
</style>
```

### Uma folha de estilos com escopo


```html
<article>
  <div>
    The scoped attribute allows for you to include style elements mid-document.
    Inside rules only apply to the parent element.
  </div>
  <p>
    This text should be black. If it is red your browser does not support the
    scoped attribute.
  </p>
  <section>
    <style scoped>
 p {
 color: red;
 }
 </style>
    <p>This should be red.</p>
  </section>
</article>
```


#### Amostra

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

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

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

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

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

* O elemento `<link>` que permite usar folhas de estilo externas.
<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>`.

|  |  |
| --- | --- |
| Categorias de conteúdo | Conteúdo de fluxo,
 conteúdo fraseado,
 conteúdo embutido |
| Conteúdo permitido | 
 Zero ou mais elementos `<source>`, seguidos de um
 elemento `<img>`, opcionalmente mesclado com
 elementos de suporte para scripts (por exemplo,
 `<script>` e
 `<template>`).
  |
| Omissão de tag | Nenhuma, as tags de abertura e fechamento são mandatórias |
| Parentes permitidos | Qualquer elemento que permita conteúdo embutido (embedded). |
| Papéis ARIA permitidos | Nenhum |
| Interface do DOM | `HTMLPictureElement` (en-US) |

Atributos
---------

Esse elemento só inclui elementos globais.

Exemplo 1: Uso com atributo `media`
-----------------------------------

O atributo `media` permite você especificar uma media query que o navegador irá avaliar para selecionar um elemento `<source>` . Se a media query retornar `falso`, o elemento `<source>` é ignorado.


```html
<picture>
  <source srcset="mdn-logo-wide.png" media="(min-width: 600px)" />
  <img src="mdn-logo-narrow.png" alt="MDN" />
</picture>
```

Exemplo 2: Uso com atributo type
--------------------------------

O atributo `type` lhe permite especificar um tipo MIME para o(s) recurso(s) fornecido(s) no atributo srcset do elemento `<source>`. Se o navegador não suporta o tipo especificado, o elemento `<source>` é ignorado.


```html
<picture>
  <source srcset="mdn-logo.svg" type="image/svg+xml" />
  <img src="mdn-logo.png" alt="MDN" />
</picture>
```

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

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

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

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

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

* `<img>` element
* `<source>` element
<br>
====

Sumário
-------

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.

Não use <br> para aumentar o espaço entre as linhas de texto; para isso use a propiedade CSS `margin` ou o elemento `<p>`.

|  |  |
| --- | --- |
| Categorias de Conteúdo (en-US) | Conteúdo de Fluxo (en-US),
 conteúdo fraseado (en-US).
  |
| Conteúdo permitido | Nenhum, é um empty element (en-US). |
| Omissão de tag | 
 Deve ter uma tag de abertura, e não deve ter uma tag de fechamento. Em
 documentos XHTML , escreve esse elemento como `<br />`.
  |
| Elementos pai permitidos | 
 Qualquer elemento que aceita
 conteúdo fraseado (en-US).
  |
| Interface DOM | `HTMLBRElement` (en-US) |

Atributos
---------

Este elemento inclue os Atributos globais (en-US).

`clear` 
Deprecated

Indica onde começar a próxima linha depois da quebra.

**Nota:** Este atributo está obsoleto em HTML 5 e **Não deve ser usado por autores**. Use a propriedade CSS `clear` em vez disso.

Exemplo
-------


```html
Mozilla Foundation<br />
1981 Landings Drive<br />
Building K<br />
Mountain View, CA 94043-0801<br />
USA
```


Saída do HTML acima:

Mozilla Foundation  
1981 Landings Drive  
Building K  
Mountain View, CA 94043-0801  
USA

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

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

Compatibilidade com o browser
-----------------------------

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

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

* O elemento `<address>`
* O elemento `<p>`
lang
====

O atributo global **`lang`** ajuda a definir o idioma de um elemento: a língua em que elementos não-editáveis são escritos, ou a língua em que elementos editáveis devem ser escritos pelo usuário. O atributo contém uma uma única "tag de idioma" em um formato definido em *Tags para identificar linguagens(BCP47)*.

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

Se o valor do atributo é uma *string vazia* (`lang=""`), o idioma é definido como *unknown (desconhecido)*; se a tag de idioma não é válida conforme o BCP47, ela é definida como *invalid (invalida)*.

> 
> **Note:** ## Sintaxe da tag de idiomaA sintaxe completa do BCP47 é profunda o suficente para caracterizar dialetos de linguagem extremamente expecíficos, mas a maioria dos usos são bem mais simples.Uma tag de idioma é feita de *subtags de idioma* separadas por hífen, onde cada subtag indica uma certa propriedade da língua. As três subtags mais comuns são:- Subtag de idioma - : Necessária. Um código de 2 ou 3 caracteres que define o idioma base, tipicamente escrita em letras minúsculas. Por exemplo, o código para Inglês é `en` e o código para Português é `pt`.
> 
> 
> 
> Subtag de script
> 
> Opcional. Essa subtag define o sistema de escrita usado para a linguagem, e sempre tem 4 caracteres, com a primeira letra maiúscula. Por exemplo, Francês em Braile é `fr-Brai` e `ja-Kana` é Japonês escrito no alfabeto Katakana. Se a língua é escrita em uma maneira tipicamente comum, como Inglês no alfabeto Latino, não é necessário o uso da subtag.
> 
> 
> 
> Subtag de região
> 
> Opcional. Essa subtag define um dialeto do idioma base em uma localização particular e tem um código de duas letras maiúsculas referentes ao país, ou um código de três números referentes à uma área fora do país. Por exemplo, `es-ES` é para espanhol falado na Espanha, e `es-013` é o espanhol falado na America Central. "Espanhol Internacional" seria `es`.A subtag de script precede a região da subtag quando ambos estão presentes— `ru-Cyrl-BY` é Russo, escrito no alfabeto Cyrillic, falado em Belarus.Para encontrar os códigos corretos para uma subtag de idioma, acesse Language Subtag Lookup.
> 
> 
> 
> 
> 

Mesmo que o atributo **lang** esteja bem definido ele ainda pode ser ignorado, pois o atributo **xml:lang** tem prioridade.

Para as pseudo-classes CSS `:lang` (en-US), dois nomes de idiomas inválidos são diferentes se seus nomes forem diferentes. Por tanto, enquanto `:lang(es)` corresponde a ambos `lang="es-ES"` e `lang="es-419"`, `:lang(xyzzy)` não corresponde a `lang="xyzzy-Zorp!"`.

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

| Specification |
| --- |
| HTML Standard # attr-lang |

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

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

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

* Todos atributos globais.
autocapitalize
==============

O atributo global **`autocapitalize`** é um atributo enumerado que controla quando e como entradas de texto são automaticamente capitalizadas confome são escritas/editadas pelo usuário. O atributo deve receber um dos seguintes valores:

* `off` ou `none`: Nenhuma capitalização é aplicada (por padrão as letras serão minúsculas)
* `on` ou `sentences`: A primeira letra de cada sentença será por padrão uma letra maíuscula; todas as demais letras serão por padrão minúsculas.
* `words`: A letra inicial de cada palavra serão por padrão maiúsculas; todas as demais letras serão por padrão minúsculas.
* `characters`: Todas as letras deverão ser maiúsculas por padrão.

O atributo `autocapitalize` não afeta comportamentos quando digitando em um teclado físico. Ao invés disso, afeta o comportamento de outros mecanismos de entrada, tais quais teclados virtuais em dispositivos móveis e entradas por voz. O comportamento de tais mecanismos é que frequentemente auxiliam usuários aos capitalizar automaticamente a primeira letra de sentenças. O atributo `autocapitalize` permite a autores sobrescreverem esse comportamento por elemento.

O atributo `autocapitalize` nunca ativa a autocapitalização para um elemento `<input>` com um atributo `type` cujo valor seja `url`, `email`, ou `password`.

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

| Specification |
| --- |
| HTML Standard # attr-autocapitalize |

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

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

O atributo global **id** define um identificador exclusivo (ID) que deve ser único por todo o documento. Seu objetivo é identificar o elemento ao navegar por âncoras (usando um identificador de fragmento), quando utilizar scripts ou estilizando (com CSS).
O valor deste atributo é uma string opaca: isso significa que os desenvolvedores não devem utilizá-lo para transmitir nenhuma informação. Significados específicos como, por exemplo, significado semântico não devem ser provenientes desta string.

O valor deste atributo não deve conter lacunas (espaços, tabulações etc.). Navegadores tratam IDs inadequadas que contenham lacunas como se as lacunas fossem parte do ID. Em contraste com o atributo **class**, que permite múltiplos valores separados por espaço, os elementos podem ter somente um único ID.

**Nota:** Utilizar caracteres exceto letras e dígitos ASCII, `'_'`, `'-'` e `'.'` pode causar problemas de compatibilidade, já que eles não eram permitidos no HTML 4. Embora esta restrição fora suspensa no HTML 5, um ID deve iniciar com uma letra para fins de compatibilidade.

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

| Specification |
| --- |
| HTML Standard # global-attributes:the-id-attribute-2 |

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

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

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

* Todos os atributos globais.
* `Element.id` para explorar este atributo.
data-\*
=======

> 
> **Note:** 
> 
> 
> 

 Os atributos globais **data-\*** formam uma classe de atributos conhecida como **custom data attributes**, a qual permite que informações proprietárias sejam trocadas via script entre o HTML e sua representação DOM (en-US) . Todos esses dados personalizados estão disponíveis através da interface `HTMLElement` (en-US) do elemento, onde o atributo está definido. A propriedade `HTMLElement.dataset` (en-US) concede acesso a estes atributos .
 O `*` pode ser substituído por qualquer nome, desde que siga a regra de criação de nomes xml com as seguintes restrições:

* O nome não deve começar com xml, independente da caixa destas letras (Ex: XML, xml, XMl, XmL, ...);
* O nome não deve conter ponto e vírgula (`U+003A`);
* O nome não deve conter letras maiúsculas.

Observe que a propriedade `HTMLElement.dataset` (en-US) é uma `DOMStringMap`, e o nome da custom data attribute *data-test-value* será acessível através do `HTMLElement.dataset.testValue` ( ou `HTMLElement.dataset["testValue"]` ) e todo o traço (`U+002D`) será substituído pela capitalização(tornar maiúscula) da letra subsequente, deixando o nome no formato camelcase.

### Uso

Para adicionar atributos **data-\*** , mesmo os elementos HTML mais comuns podem tornar-se mais complexos e poderosos objetos programáveis. Por exemplo, um "sprite*"* de uma nave espacial em um jogo pode ser um simples elemento `<img>` com um atributo class e diversos atributos data-\*:
```

<img class="spaceship cruiserX3" src="shipX3.png"
  data-navio-id="324"   data-armas="laserI laserII"   data-escudos="72%"
  data-x="414354" data-y="85160" data-z="31940"
  onclick="navesespaciais[this.dataset.shipId].explodida()"
</img>
```


(Veja mais *aqui)*

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

| Specification |
| --- |
| HTML Standard # attr-data-\* |

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

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

See also
--------

* All global attributes.
* The `HTMLElement.dataset` (en-US) property that allows to access and modify these values.