Manual de Referência HTML

大全 de Tags HTML

Tag <div> do HTML

A tag HTML <div> define um contêiner genérico no documento HTML, geralmente usado para agrupar elementos. Esta tag também é conhecida como elemento <div>.

Exemplo online

No documento foram criadas três tags <div>:

Exemplo

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　Uso da tag div (Tutorial básico da Web oldtoolbag.com)</title>
<style>
.div_class{cor:vermelha}
#div_id{cor:azul}
</style>
</head>
<body>
<div>
　　<h2>O primeiro Div</h2>
　　<p>Este texto aparecerá na parte Div do documento</p>
</div>
<div class="div_class">
　　<h2>O segundo Div aplicou classe</h2>
　　<p>Este texto aparecerá na parte Div do documento</p>
</div>
<div id="div_id">
　　<h2>O terceiro Div aplicou id</h2>
　　<p>Este texto aparecerá na parte Div do documento</p>
</div>
</body>
</html>

Teste e veja ‹/›

Neste HTML5No exemplo de documento, criamos três tags <div>. A primeira tag <div> não aplica nenhum classe ou ID. A segunda tag <div> aplica uma classe chamada div_class à tag <div>. A terceira tag <div> aplica um ID chamado div_id à tag <div>.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a tag <div>.

Definição e instruções de uso da etiqueta

A etiqueta <div> é frequentemente usada para agrupar elementos.

A etiqueta <div> define uma seção ou parte de uma parte do documento HTML.

A etiqueta <div> é frequentemente usada para combinar elementos de bloco, para que possam ser formatados usando CSS.

Dicas e Notas

Dica:O elemento <div> é frequentemente usado em conjunto com CSS para layout de páginas da web.

Nota:Por padrão, os navegadores geralmente colocam um caractere de nova linha antes e depois do elemento <div>. No entanto, você pode alterar isso usando CSS.

HTML 4.01 E HTML5Diferenças entre

HTML5 O atributo align não é suportado.

No HTML 4.01 Dentro, o atributo align foi descontinuado.

Atributo

Atributo	Valor	Descrição
align	left right center justify	HTML5 Não suportado. HTML 4.01 Descontinuado. 　　Especificar o alinhamento do conteúdo dentro do elemento <div>.

Atributos globais

A etiqueta <div> suporta Atributos globais HTML。

Atributos de eventos

A etiqueta <div> suporta Atributos de eventos HTML。