Tags HTML5

maar3amt · Nov 20, 2014

Lista das tags do HTML5.

Elemento raiz

<html>

Representa a raiz de um documento HTML ou XHTML. Todos os outros elementos devem ser descendentes desse elemento.

Metadatas do documento

<head>	Representa uma coleção de metadados sobre o documento, incluindo links suas definições de scripts e folhas de estilo.
<title>	Define o título do documento , apresentado na barra de título do navegador ou na guia da página. Ele só pode conter texto e todas as tags contidas não são interpretados.
<base>	Define a URL base para URL relativa na página .
<link>	Usado para linkar JavaScript e CSS externo o documento HTML .
<meta>	Define os metadados que não podem ser definidas usando outro elemento HTML .
<style>	Style tag usada para escrever CSS iline.

Scripts

<script>	Define um script interno ou link para um script externo. A linguagem de script é JavaScript
<noscript>	Define um conteúdo alternativo a ser exibido quando o navegador não suporta scripts...

Secções

<body>	Representa o principal conteúdo de um documento HTML. Há apenas um elemento <body> em um documento.
<section>	Define a seção do Documento.
<nav>	Define uma seção que contém apenas links de navegação
<article>	Define que pode existir de forma independente do resto do conteúdo. Esta Tag poderia ser um post no fórum, um artigo de revista ou jornal, uma entrada de log da Web, um comentário enviado pelo usuário, ou qualquer outro itemindependente do conteúdo.
<aside>	Define um conteúdo reservado do resto do conteúdo da página. Se for removida, o conteúdo restante ainda fazem sentido.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>	São elementos que representam os seis níveis de titulos de cabeçalhos dos documentos. Um elemento título descreve brevemente o tema da seção.
<hgroup>	Agrupa um conjunto de <h1> para <h6> elementos quando um título tem vários níveis. *tag excluida da documentação do html5 pelo W3C.
<header>	Define o cabeçalho de uma página ou seção. Muitas vezes contém um logotipo, o título do site e uma menu de navegação do conteúdo.
<footer>	Define o rodapé de uma página ou seção. Muitas vezes contém um aviso de copyright, alguns links para informaçõeslegal ou endereços para dar feedback.
<address>	Define uma seção que contém informações de contato, como endereço e telefone.
<main>	Define o conteúdo principal ou importante no documento. Existe apenas um elemento <main> no documento.

Agrupando conteúdo

<p>	Define uma parte que deve ser exibido como um paragrafo.
<hr>	Representa uma ruptura temática entre parágrafos de um artigo ou seção ou qualquer conteúdo mais longo.
<pre>	Indica que o seu conteúdo é pré-formatado e que este formato deve ser preservada.
<blockquote>	Representa uma citação.
<ol>	Define uma lista ordenada de itens, que é uma lista que mudam o seu significado, se alterar a ordem dos seus elementos
<ul>	Define uma lista não ordenada.
<li>	Define um item de uma lista de uma ol ou de um ul.
<dl>	Representa uma Lista de Definição
<dt>	Representa um item da Lista de Definição <dd>.
<dd>	Representa a definição dos termos listados imediatamente antes dele.
<figure>	O elemento figura representa um conteúdo de fluxo, opcionalmente com um subtítulo.
<figcaption>	Representa a legenda do Figure.
<div>	Representa um contêiner genérico sem nenhum significado especial.

Text-level semantics

<a>	Representa um contêiner genérico sem nenhum significado especial Representa um hyperlink, ligando a outro recurso.
<em>	Representa a enfâse do conteudo.
<strong>	Representa a importância de um pedaço de texto com o forte elemento não altera o sentido da frase.
<small>	Especifica um texto em tamanho pequeno para impressão
<s>	Represents content that is no longer accurate or relevant .
<cite>	Represents the title of a work .
<q>	Especifica uma breve citação
<dfn>	Especifica uma definição
<abbr>	Especifica uma abreviação
<data>	Associates to its content a machine-readable equivalent . (This element is only in the WHATWG version of the HTML standard, and not in the W3C version of HTML5).
<time>	Especifica data e hora
<code>	Especifica um pedaço de código
<var>	Especifica uma variável
<samp>	Especifica a saída de um programa de computador, script, etc.
<kbd>	Especifica um texto que foi digitado pelo usuário
<sub>,<sup>	Especifica texto subscrito
<i>	Especifica um texto em itálico
<b>	Especifica que o texto deve ser em negrito
<u>	Represents unarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
<mark>	Especifica um texto destacado para fins de referência
<ruby>	Especifica texto Ruby (tipografia utilizada no Sudeste Asiático)
<rt>	Especifica um componente do texto ruby em uma anotação ruby
<rp>	Especifica anotações ruby em benefício dos browsers que não suporta
<bdi>	Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
<bdo>	Especifica a direção em que o texto deve ser mostrado
<span>	Especifica elementos inline em um documento HTML
<br>	Especifica uma quebra de linha.
<wbr>	Especifica uma quebra de linha em texto único

Edições

<ins>	Especifica que um novo texto foi inserido no lugar de um que foi removido
<del>	Especifica texto eliminado

Conteúdo embutido

<img>	Especifica uma imagem
<iframe>	Especifica uma sub janela no documento
<embed>	Especifica uma aplicação externa com conteúdo interativo
<object>	Especifica um objeto dentro de um documento HTML
<param>	Especifica um parâmetro para um objeto incorporado no documento HTML
<video>	Especifica um streaming de vídeo em um documento html
<audio>	Especifica um streaming de áudio em um documento HTML
<source>	Especifica múltiplos recursos multimédia de uma página
<track>	Especifica dados em texto para um determinado conteúdo multimédia dentro de <video> ou <audio>.
<canvas>	Especifica a criação de gráficos em uma página web
<map>	Especifica um mapa de imagem
<area>	Especifica uma área no interior de um mapa de imagem <map>
<svg>	Especifica uma imagem vectorial .
<math>	Especifica uma formula matemática.

Tabulação de dados

<table>	Especifica uma tabela
<caption>	Especifica a criação de legendas em tabelas
<colgroup>	Especifica grupo de colunas em tabelas
<col>	Especifica atributos para colunas em tabelas
<tbody>	Especifica um corpo para a tabela
<thead>	Especifica o cabeçalho de uma tabela
<tfoot>	Especifica um rodapé para a tabela
<tr>	Especifica uma linha em uma tabela que pode conter colunas ou células individuais
<td>	Especifica uma célula para a tabela
<th>	Especifica uma célula de cabeçalho em uma tabela

Formulários

<form>	Represents a formular , consisting of controls, that can be submitted to a server for processing.
<fieldset>	Represents a set of controls .
<legend>	Represents the caption for a <fieldset>.
<label>	Represents the caption of a form control.
<input>	Represents a typed data field allowing the user to edit the data.
<button>	Represents a button .
<select>	Represents a control allowing the selection among a set of options .
<datalist>	Represents a set of predefined options for other controls.
<optgroup>	Represents a set of options , logically grouped.
<option>	Represents an option in a <select> element, or a suggestion of a <datalist> element.
<textarea>	Represents a multiline text edit control .
<keygen>	Represents a key pair generator control .
<output>	Represents the result of a calculation .
<progress>	Represents the completion progress of a task.
<meter>	Represents a scalar measurement (or a fractional value), within a known range

Elementos interativos

<details>	Represents a widget from which the user can obtain additional information or controls.
<summary>	Represents a summary , caption , or legend for a given <details>.
<command>	Represents a command that the user can invoke.
<menu>	Represents a list of commands .

Tags HTML5

maar3amt

Administrator