Lista de elementos do HTML5

Esta página lista todos os elementos do padrão HTML5, descrito por sua tag de abertura e agrupadas por função. Ao contrário do que o índice do elemento HTML que lista todas as tags possíveis, padrão, não-padrão, os válidos, obsoletos ou obsoleto, esta lista apenas os elementos HTML5 válidos. Somente aqueles devem ser utilizados em novos sites.

O simbolo indica que o elemento foi adicionado em HTML5. Note que outros elementos listados, podem ter sido modificados ou mantidos no hTML5.

Elemento raiz

Elemento	Descrição
`<html>`	Representa a raiz de um documento HTML ou XHTML. Todos os outros elementos devem ser descendentes desse elemento.

Metadatos do documento

Elemento	Descrição
`<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>`	Tag usada para escrever CSS dentro do documento HTML.

Scripting

Elemento	Descrição
`<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.
`<template>`	Container para conteúdo no lado cliente instanciado em tempo de execução usando JavaScript.

Seções

Elemento	Descrição
`<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 item independente 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 elementos <h1> a <h6> 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ções legal 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

Elemento	Descrição
`<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 ol ou de uma 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.

Semântica textual

Elemento	Descrição
`<a>`	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>`	Representa lado comentário , que é o texto como um aviso legal, um autor que não é essencial para a compreensão do documento.
`<s>`	Representa o conteúdo que é nolonger precisos e pertinentes.
`<cite>`	Representa o titulo de uma obra.
`<q>`	Representa um inlinequotation .
`<dfn>`	Representa um termo cuja definição está contida em seu conteúdo ancestral mais próximo.
`<abbr>`	Representa uma abreviatura ou acrónimo , eventualmente, com o seu significado .
`<data>`	Associa o seu conteúdo a um equivalente legível por máquina.(Este elemento esta apenas na versão padrão HTML do WHATWG, e não documentado na versão HTML5 da W3C).
`<time>`	Representa um valor de data e hora, eventualmente com um equivalente legível por máquina.
`<code>`	Representa uma codificação
`<var>`	Representa uma variavel, que pode ser uma expressão matemática, ou código de programação, um identificador representando uma constante, um simbulo identificando uma quantificação física um parametro de função ou um mero place holder.
`<samp>`	Representa uma saída de um programa de computador.
`<kbd>`	Representa uma entrada do usuário, geralmente pelo teclado, mas não necessáriamente, podendo representar outro tipo de entrada como comandos de voz transcritos.
`<sub>`,`<sup>`	Represents asubscript , respectively asuperscript.
`<i>`	Representa texto em uma voz ou humor alternativo ou em uma qualidade diferente. Exemplos são : denominações taxonômica, termos técnicos, expressões idiomáticas, pensamentos ou o nome de um barco.
`<b>`	Representa um texto que a que chama a atenção para fins utilitários. Ele não transmite importância extra e não implica uma voz alternativa.
`<u>`	Representsunarticulate non-textual annoatation, such labeling the text as being misspelt or labeling a proper name in Chinese text.
`<mark>`	Representa texto destacado para fins de referência , que é por sua relevância em outro contexto.
`<ruby>`	Represents content to be marked withruby annotations , short runs of text presented alongside the text. This is often used in conjunction with East Asian language where the annotations act as a guide for pronunciation, like the Japanesefurigana .
`<rt>`	Represents thetext of a ruby annotation .
`<rp>`	Representsparenthesis around a ruby annotation, used to display the annotation in an alternate way by browsers not supporting the standard display for annotations.
`<bdi>`	Represents text that must beisolated from its surrounding for bidirectional text formatting. It allows to embed span of text with a different, or unknown, directionality.
`<bdo>`	Represents thedirectionality of its children, in order to explicitly override the Unicode bidirectional algorithm.
`<span>`	Represents text with no specific meaning. This has to be used when noother text-semantic element conveys an adequate meaning, which, in this case, is often brought by global attributes like `class`, `lang`, or `dir`.
`<br>`	Represents aline break .
`<wbr>`	Represents aline break opportunity , that is a suggested wrapping point in order to improve readability of text split on several lines.

Edições

Elemento	Descrição
`<ins>`	Define um complemento para o documento
`<del>`	Defines aremoval from the document.

Conteúdo embutido

Elemento	Descrição
`<img>`	Representa uma imagem.
`<iframe>`	Represents anested browsing context , that is an embedded HTML document.
`<embed>`	Represents aintegration point for an external, often non_HTML, application or interactive content.
`<object>`	Represents anexternal resource , which will be treated as an image, an HTML sub-document or an external resource to be processed by a plugin.
`<param>`	Definesparameters for use by plugins invoked by `<object>` elements.
`<video>`	Represents avideo , and its associated audio files and captions, with the necessary interface to play it.
`<audio>`	Represents asound , or anaudio stream .
`<source>`	Allows authors to specify alternative media resources for media elements like `<video>` or `<audio>`.
`<track>`	Allows authors to specify timedtext track for media elements like `<video>`or `<audio>`.
`<canvas>`	Represents abitmap area that scripts can be used to render graphics, like graphs, game graphics, any visual images on the fly.
`<map>`	In conjunction with `<area>`, defines animage map .
`<area>`	In conjunction with `<map>`, defines animage map .
`<svg>`	Defines an embeddedvectorial image .
`<math>`	Defines amathematical formula .

Tabulação de dados

Elemento	Descrição
`<table>`	Representsdata with more than one dimension .
`<caption>`	Represents thetitle of a table .
`<colgroup>`	Represents aset of one or more columns of a table.
`<col>`	Represents acolumn of a table.
`<tbody>`	Represents the block of rows that describes theconcrete data of a table.
`<thead>`	Represents the block of rows that describes thecolumn labels of a table.
`<tfoot>`	Represents the block of rows that describes thecolumn summaries of a table.
`<tr>`	Represents arow of cells in a table.
`<td>`	Represents adata cell in a table.
`<th>`	Represents aheader cell in a table.

Formulários

Elemento	Descrição
`<form>`	Represents aformular , consisting of controls, that can be submitted to a server for processing.
`<fieldset>`	Represents aset of controls .
`<legend>`	Represents thecaption for a `<fieldset>`.
`<label>`	Represents thecaption of a form control.
`<input>`	Represents atyped data field allowing the user to edit the data.
`<button>`	Represents abutton .
`<select>`	Represents a control allowing theselection among a set of options .
`<datalist>`	Represents aset of predefined options for other controls.
`<optgroup>`	Represents aset of options , logically grouped.
`<option>`	Represents anoption in a `<select>` element, or a suggestion of a `<datalist>` element.
`<textarea>`	Represents amultiline text edit control .
`<keygen>`	Represents akey pair generator control .
`<output>`	Represents theresult of a calculation .
`<progress>`	Represents thecompletion progress of a task.
`<meter>`	Represents a scalarmeasurement (or a fractional value), within a known range

Elementos interativos

Elemento	Descrição
`<details>`	Represents awidget from which the user can obtain additional information or controls.
`<summary>`	Represents asummary ,caption , orlegend for a given `<details>`.
`<command>`	Represents acommand that the user can invoke.
`<menu>`	Representa uma lista de comandos.

Veja também

Um conjunto de comentários sobre HTML5.
A referência de todas as tags HTML, incluindo elementos não mais válidos em HTML5.