O que são tags DIV?
Tags DIV são códigos que definem uma seção em um documento HTML (HyperText Markup Language). Uma seção em HTML também pode ser descrita como uma "divisão", que é a origem da abreviação usada para o nome da tag DIV.
Marcas DIV, como marcas SPAN, não aplicam significado ao conteúdo, como é o caso da maioria dos HTML. Por exemplo, "P" cria um parágrafo, "B" cria negrito e "H" cria um cabeçalho. DIV não faz nada por si só; simplesmente define um bloco de conteúdo na página ao qual outros atributos podem ser aplicados globalmente. Tags DIV indicam que um bloco de código pertence um ao outro.
Um tag DIV inicial especifica que "esta seção do código começa aqui" e o tag DIV final indica "este segundo código termina aqui". Ao definir seções de uma página da Web em seções claramente delineadas, fica muito mais fácil gerenciar e manipular o código. As tags DIV podem ser usadas em conjunto com outros códigos, como o código STYLE, para aplicar um atributo a uma seção inteira. Por exemplo:
***
Este é um texto em preto, que vem antes da seção de tags DIV de texto em Borgonha a seguir.
<div style = "color: # 610B0B;">
<h1> Este é o cabeçalho desta seção div, que será exibido no texto da Borgonha. </h1>
<p> <b> Este é um parágrafo nesta seção div, que não será exibido apenas no texto em Borgonha, mas também em negrito. </b> </p>
</div>
Este é mais um texto em preto, que aparece após a seção em texto cor de vinho.
***
Outro uso comum da tag DIV é alinhar blocos inteiros de conteúdo em uma página da Web à esquerda, direita ou no centro da página. Além de "alinhar", outros atributos usados com freqüência atribuídos por uma tag DIV são: id, classe, título, estilo, dir e lang. Para autores iniciantes em páginas da web, é importante lembrar que a tag DIV não deve ser usada como substituta da tag P (parágrafo). A tag P deve ser usada apenas para parágrafos individuais, enquanto a tag DIV deve ser usada para definir seções ou divisões maiores e mais gerais de um documento.
As tags DIV podem ser aninhadas, o que significa que você pode ter um conjunto inicial e final de tags DIV dentro de outro conjunto. Deve-se tomar cuidado para garantir que qualquer código adicionado seja colocado dentro do conjunto correto de tags DIV. Também é importante observar que os navegadores da Web geralmente colocam uma quebra de linha antes e depois de um elemento DIV quando ele exibe uma página da Web que o contém. Isso precisa ser levado em consideração ao projetar o código circundante.
Os autores experientes do site recomendam o uso criterioso da tag DIV ao codificar HTML; caso contrário, ele tende a causar uma perda daquilo que a tag deveria criar: clareza. Deve-se tomar cuidado para não deixar "divite", como codificadores experientes chamam de uso excessivo de tags DIV, confundem e complicam demais a codificação da página da web.