Referência dos elementos HTML
Esta página lista todos os HTML elementos. Eles são agrupados por função para ajudá-lo a encontrar facilmente o que tem em mente. Uma lista alfabética de todos os elementos é fornecida na barra lateral na página de cada elemento, bem como nesta.
Para mais informação sobre os conceitos básicos dos elementos e atributos HTML, consulte a secção sobre elementos no artigo de Introdução ao HTML.
Raiz principal
| Element | Description |
|---|---|
<html> |
Metadados do documento
Os metadados contêm informação acerca da página. Incluem informação sobre estilos, scripts e dados que ajudam a usar o software (motor de busca, Browsers, etc.) e a interpretar a página. Os metadados para estilos e scripts devem ser definidos na página ou num link para um ficheiro que contém a informação.
| Element | Description |
|---|---|
<base> |
|
<head> |
O elemento <head> de HTML fornece a informação geral (metadados) sobre o documento, incluindo o seu título e hiperligações para as suas folhas de estilo e scripts. |
<link> |
|
<meta> |
|
<style> |
|
<title> |
Secção de raiz
| Element | Description |
|---|---|
<body> |
Segmentação de conteúdo
Os elementos de segmentação de conteúdo permitem-lhe organizar o documento em partes lógicas. Use os elementos de segmentação para criar um esquema vasto dos conteúdos da sua página, incluindo a navegação de cabeçalho e rodapé, e elementos de título para identificar secções de conteúdo.
| Element | Description |
|---|---|
<address> |
|
<article> |
|
<aside> |
|
<footer> |
|
<header> |
|
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
|
<hgroup> |
|
<main> |
|
<nav> |
O elemento de HTML <nav> representa a seção de uma página cujo propósito é providenciar links de navegação, tanto dentro do documento em questão como para outros documentos. Exemplos comuns de seções de navegação são menus, tabelas de conteúdo e indíces. |
<section> |
Conteúdo textual
Use elementos textuais HTML para organizar blocos ou secções de conteúdo situados entre os elementos </body> de início <body> e fim. Sendo importantes para accessibility e SEO, estes elementos identificam o propósito ou estrutura desse conteúdo.
| Element | Description |
|---|---|
<blockquote> |
|
<dd> |
|
<div> |
|
<dl> |
|
<dt> |
|
<figcaption> |
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. |
<figure> |
O elemento de figura HTML (<figure>) representa uma tag de conteúdo próprio, frequentemente com legenda. Geralmente referenciada idendependente do fluxo principal do documento, podendo assim ser movido atravéz do fluxo principal sem afeta-lo. |
<hr> |
|
<li> |
|
<ol> |
|
<p> |
|
<pre> |
|
<ul> |
Semântica de texto em linha
Use a semântica de texto em linha do HTML para definir o significado, estrutura ou estilo de uma palavra, linha ou texto arbitrário.
| Element | Description |
|---|---|
<a> |
|
<abbr> |
|
<b> |
|
<bdi> |
|
<bdo> |
|
<br> |
|
<cite> |
|
<code> |
|
<data> |
|
<dfn> |
|
<em> |
|
<i> |
|
<kbd> |
|
<mark> |
|
<q> |
|
<rb> |
|
<rp> |
|
<rt> |
|
<rtc> |
|
<ruby> |
|
<s> |
|
<samp> |
|
<small> |
|
<span> |
|
<strong> |
|
<sub> |
|
<sup> |
|
<time> |
|
<u> |
|
<var> |
|
<wbr> |
Imagem e multimédia
O HTML suporta vários recursos multimédia como imagens, áudio e vídeo.
| Element | Description |
|---|---|
<area> |
|
<audio> |
O elemento audio é usado para embutir conteúdo de som em um documento HTML or XHTML. O elemento audio foi adicionado como parte do HTML 5. |
<img> |
|
<map> |
|
<track> |
|
<video> |
O elemento video é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento video foi adicionado como parte do HTML 5. |
Conteúdo incorporado
Além do conteúdo multimédia regular, o HTML poderá incluir diversos outros conteúdos, ainda que a interação com este nem sempre seja fácil.
| Element | Description |
|---|---|
<embed> |
|
<iframe> |
|
<object> |
|
<param> |
|
<picture> |
|
<portal> |
|
<source> |
Scripting
De modo a criar conteúdos dinâmicos e aplicações Web, o HTML suporta o uso de linguages de script, nomeadamente JavaScript. Certos elementos suportam esta capacidade.
| Element | Description |
|---|---|
<canvas> |
|
<noscript> |
|
<script> |
Edições de demarcação
Estes elementos permitem-lhe dar indicações sobre que partes do texto específicas foram alteradas.
| Element | Description |
|---|---|
<del> |
|
<ins> |
Conteúdo de tabela
Estes elementos são usados para criar e manipular dados tabulares.
| Element | Description |
|---|---|
<caption> |
|
<col> |
|
<colgroup> |
|
<table> |
|
<tbody> |
|
<td> |
|
<tfoot> |
|
<th> |
|
<thead> |
|
<tr> |
Formulários
O HTML fornece um número de elementos que podem ser usados em conjunto para criar formulários que o utilizador poderá preencher e submeter na página web ou aplicação. Existe uma considerável quantidade de informação sobre o mesmo disponível na página HTML forms guide.
| Element | Description |
|---|---|
<button> |
|
<datalist> |
|
<fieldset> |
O elemento HTML <fieldset> é utilizado para agrupar vários controlos, bem como as etiquetas (label) dentro de um formulário da Web. |
<form> |
|
<input> |
|
<label> |
|
<legend> |
|
<meter> |
|
<optgroup> |
|
<option> |
|
<output> |
|
<progress> |
O HTML progress (<progress>) é o elemento usado para mostrar o progresso de uma tarefa. Enquanto os detalhes específicos de como ele é exibido é deixado para o desenvolvedor web, é tipicamente exibido como uma barra de progresso. |
<select> |
|
<textarea> |
Elementos interativos
O HTML oferece uma selecção de elementos que ajudam a criar objectos interativos de interface com o utilizador.
| Element | Description |
|---|
Componentes da Web
Os Componentes Web são uma tecnologia relacionada com o HTML que possibilitam a criação e utilização de elementos personalizados como se se tratassem de elementos HTML vulgares. Adicionalmente, poderá criar versões personalizadas de elementos HTML standard.
| Element | Description |
|---|---|
<slot> |
|
<template> |
Elementos obsoletos e desaprovados
Aviso: Estes são elementos HTML antigos que foram desaprovados e não devem ser usados. Nunca deve usá-los em projectos novos, e deve substitui-los em antigos projectos assim que possa. Os mesmos são aqui listados apenas para informação.