Essa é a parte 16 de 16 na série HTML
- HTML: A Base da Web e o Que Você Precisa Saber
- Criando Seu Primeiro Documento HTML: Estrutura Básica e Primeiros Passos
- Elementos e Sintaxe HTML: Compreendendo a Estrutura do Código
- Atributos HTML: Como Definir Propriedades nos Elementos
- Cabeçalhos HTML: Como Usar Títulos Para Estruturar Seu Conteúdo
- Parágrafos HTML: Como Estruturar e Formatar Textos
- Links HTML: Como Criar e Usar Hiperlinks em Páginas Web
- Formatação de Texto HTML: Como Personalizar o Conteúdo da Sua Página
- Estilos CSS no HTML: Como Personalizar a Aparência das Páginas Web
- Imagens no HTML: Como Exibir e Manipular Imagens no HTML
- Tabelas no HTML: Como Criar e Estruturar Dados
- Listas no HTML: Como Criar e Estruturar Listas OL, UL e DL
- Formulários no HTML: Como Criar e Estruturar Formulários Eficientes
- Iframes no HTML: Como Incorporar Páginas e Recursos Externos
- Atributos Globais no HTML: O Que São e Como Usá-los
- Referência Completa das Tags HTML5 e XHTML1.1
Se você quer um guia de referência completo e atualizado sobre as tags HTML5 e XHTML1.1, este é o artigo certo!
Aqui, você encontrará todas as tags organizadas em ordem alfabética, com suas descrições e observações sobre obsolescência ou novidades no HTML5. 🚀
Como Usar Esta Referência
📌 Objetivo: Aprender sobre todas as tags HTML disponíveis.
📌 Formato: Lista completa com descrição e indicação de obsolescência, se houver.
📌 Dica: Utilize CTRL + F
para encontrar rapidamente uma tag específica.
Tabela de Tags HTML5 e XHTML1.1 (Ordem Alfabética)
Tag | Descrição | HTML5 |
---|---|---|
<a> | Define um hiperlink. | ✅ |
<abbr> | Representa uma abreviação ou sigla. | ✅ |
<acronym> | Obsoleto. Usar <abbr> . | ❌ |
<address> | Especifica informações de contato do autor. | ✅ |
<applet> | Obsoleto. Substituído por <object> . | ❌ |
<area> | Define uma área clicável em um mapa de imagem. | ✅ |
<article> | Representa um artigo independente. | ✅ (Novo no HTML5) |
<aside> | Define um conteúdo relacionado, como barras laterais. | ✅ (Novo no HTML5) |
<audio> | Adiciona áudio na página. | ✅ (Novo no HTML5) |
<b> | Define negrito sem ênfase semântica. | ✅ |
<base> | Define um caminho base para URLs. | ✅ |
<bdi> | Controla a direção do texto para compatibilidade bidirecional. | ✅ (Novo no HTML5) |
<bdo> | Define direção do texto explicitamente. | ✅ |
<blockquote> | Define citações longas. | ✅ |
<body> | Define o corpo do documento. | ✅ |
<br> | Insere uma quebra de linha. | ✅ |
<button> | Cria um botão interativo. | ✅ |
<canvas> | Permite criar gráficos dinâmicos com JavaScript. | ✅ (Novo no HTML5) |
<caption> | Define uma legenda para tabelas. | ✅ |
<cite> | Representa uma citação de fonte. | ✅ |
<code> | Representa um bloco de código-fonte. | ✅ |
<col> | Especifica atributos para colunas em uma tabela. | ✅ |
<colgroup> | Agrupa colunas dentro de uma tabela. | ✅ |
<data> | Associa um conteúdo a dados legíveis por máquina. | ✅ (Novo no HTML5) |
<datalist> | Define uma lista de opções para um <input> . | ✅ (Novo no HTML5) |
<dd> | Define a descrição de um termo em uma lista <dl> . | ✅ |
<del> | Representa texto excluído. | ✅ |
<details> | Define uma área colapsável. | ✅ (Novo no HTML5) |
<dfn> | Define um termo de definição. | ✅ |
<dialog> | Define um modal/caixa de diálogo. | ✅ (Novo no HTML5) |
<div> | Cria uma divisão genérica de conteúdo. | ✅ |
<dl> | Define uma lista de descrição. | ✅ |
<dt> | Define um termo dentro de uma <dl> . | ✅ |
<em> | Define ênfase no texto. | ✅ |
<embed> | Incorpora conteúdo multimídia externo. | ✅ (Novo no HTML5) |
<fieldset> | Agrupa campos de formulário. | ✅ |
<figcaption> | Define a legenda de uma imagem dentro de <figure> . | ✅ (Novo no HTML5) |
<figure> | Agrupa imagens e gráficos. | ✅ (Novo no HTML5) |
<footer> | Define um rodapé para o documento ou seção. | ✅ (Novo no HTML5) |
<form> | Define um formulário HTML. | ✅ |
<h1> – <h6> | Define títulos de seção. | ✅ |
<header> | Define o cabeçalho do documento ou de uma seção. | ✅ (Novo no HTML5) |
<hr> | Insere uma linha horizontal. | ✅ |
<html> | Define a estrutura principal de um documento HTML. | ✅ |
<i> | Define itálico sem ênfase semântica. | ✅ |
<iframe> | Incorpora uma página dentro de outra. | ✅ |
<img> | Exibe uma imagem. | ✅ |
<input> | Define um campo de entrada. | ✅ |
<ins> | Representa texto inserido no documento. | ✅ |
<kbd> | Representa entrada do teclado. | ✅ |
<label> | Define um rótulo para um campo de formulário. | ✅ |
<legend> | Define a legenda de um <fieldset> . | ✅ |
<li> | Define um item de lista. | ✅ |
<link> | Define uma relação com um recurso externo. | ✅ |
<main> | Define o conteúdo principal do documento. | ✅ (Novo no HTML5) |
<map> | Define um mapa de imagem. | ✅ |
<mark> | Destaca um texto relevante. | ✅ (Novo no HTML5) |
<meta> | Define metadados do documento. | ✅ |
<nav> | Define links de navegação. | ✅ (Novo no HTML5) |
<noscript> | Define conteúdo alternativo para navegadores sem suporte a scripts. | ✅ |
<object> | Define um objeto embutido. | ✅ |
<ol> | Define uma lista ordenada. | ✅ |
<option> | Define uma opção dentro de um <select> . | ✅ |
<output> | Define um resultado de cálculo. | ✅ (Novo no HTML5) |
<p> | Define um parágrafo. | ✅ |
<pre> | Define texto pré-formatado. | ✅ |
<progress> | Define uma barra de progresso. | ✅ (Novo no HTML5) |
<q> | Define uma citação curta. | ✅ |
<section> | Define uma seção do documento. | ✅ (Novo no HTML5) |
<select> | Define uma lista suspensa. | ✅ |
<small> | Define um texto menor. | ✅ |
<span> | Define um bloco genérico de texto. | ✅ |
<strong> | Define um texto enfatizado. | ✅ |
<style> | Define estilos CSS dentro do HTML. | ✅ |
<sub> | Define um texto subscrito. | ✅ |
<sup> | Define um texto sobrescrito. | ✅ |
<table> | Define uma tabela. | ✅ |
<tbody> | Agrupa o corpo de uma tabela. | ✅ |
<td> | Define uma célula de tabela. | ✅ |
<th> | Define um cabeçalho de tabela. | ✅ |
<thead> | Agrupa o cabeçalho de uma tabela. | ✅ |
<time> | Define uma data ou hora legível por máquina. | ✅ (Novo no HTML5) |
<title> | Define o título da página. | ✅ |
<tr> | Define uma linha de tabela. | ✅ |
<ul> | Define uma lista não ordenada. | ✅ |
<video> | Adiciona um vídeo na página. | ✅ (Novo no HTML5) |
Conclusão
Agora que você tem esta referência completa, pode consultar sempre que precisar! Se tiver dúvidas, comente abaixo! 🚀
Veja também: W3C HTML Specification
Respostas de 2