Chave Diferença - div vs período
 

HTML é uma linguagem amplamente usada para desenvolver páginas da web. Significa Hyper Text Markup Language. O termo Hyper refere-se a links para outros recursos da Web na Internet. O termo Marcação refere-se à capacidade de criar texto formatado com imagens e outros recursos multimídia. Os hiperlinks são os principais componentes do HTML que fazem com que todos os recursos da Web se conectem. Existem várias versões do HTML. Eles são HTML 2.0, 3.2, 4.01 e HTML5. Basicamente, o HTML é um documento de texto com tags. Ele informa ao navegador da Web a maneira de estruturar a página da Web para exibi-la. A div e a extensão são duas tags em HTML. Cada elemento HTML tem um valor de exibição padrão, dependendo do tipo do elemento. Portanto, eles podem ser um bloco ou elementos embutidos. Este artigo discute a diferença entre div e span. o diferença chave entre div e span é que div é um elemento de nível de bloco, enquanto span é um elemento embutido.

CONTEÚDO

1. Visão geral e principais diferenças
2. O que é div
3. O que é extensão
4. Semelhanças entre div e span
5. Comparação lado a lado - div vs span em forma de tabela
6. Resumo

O que é div?

Todos os documentos html começam com uma declaração de tipo de documento. Hoje, a versão mais comum do HTML é HTML5. Portanto, a declaração de tipo é Todas as tags html devem ser incluídas dentro das tags e. Os detalhes necessários da página da web estão incluídos na tag. A página da web visível é escrita dentro da tag. Existem tags para cada finalidade. o

tag é usada para parágrafos. o

,

etc. são usados ​​para títulos. O conteúdo dentro da tag inicial e final é conhecido como um elemento. por exemplo.

Este é um parágrafo

.

Figura 01: HTML5

Cada elemento HTML tem um valor de exibição padrão, dependendo do tipo do elemento. Os valores padrão de exibição podem ser em bloco ou em linha. Os elementos no nível do bloco sempre começam com uma nova linha. Esses elementos ocupam toda a largura disponível. Alguns exemplos de elementos no nível do bloco são

, ,

---

e .

A tag div também é um elemento de nível de bloco em HTML. A sintaxe é a seguinte.

Olá Mundo!

Os elementos div são um contêiner para outros elementos. Portanto, um conjunto de elementos pode ser compactado no elemento div. Quando usada com CSS (Cascading Style Sheet), a tag div pode ser usada para estilizar um bloco de conteúdo. Consulte o trecho de código abaixo.

Dois parágrafos estão dentro da tag div. Todo o conteúdo da tag div tem a cor de fundo preto e a cor da fonte branca.

O que é extensão?

Diferentemente dos elementos no nível do bloco, os elementos embutidos não iniciam em uma nova linha. Leva apenas a largura necessária. Alguns exemplos de elementos embutidos são , ,
e .

A tag span também é um elemento embutido no HTML. A sintaxe é a seguinte.

Olá Mundo!

Figura 02: tag div e span

A tag span é usada como um contêiner para algum texto. Essa tag também pode ser usada com CSS. Portanto, uma parte do texto pode ser estilizada. Consulte o exemplo abaixo. O 'paragraph1' está dentro da tag span. A cor é adicionada usando o atributo de estilo CSS.

Este é o parágrafo1

Quais são as semelhanças entre div e span?

• Div e span são tags de agrupamento em HTML.
• Div e span contêm a tag inicial e a tag final.
• Div e span podem ter atributo de estilo.

Qual é a diferença entre div e span?

div vs span
A div é uma tag HTML que define uma divisão ou uma seção em um documento HTML.	A extensão é uma tag HTML usada para agrupar elementos embutidos em um documento HTML.
Uso
A tag div é usada como um contêiner para outros elementos.	A tag span é usada como um contêiner para algum texto.
Nova linha
A tag div começa com uma nova linha.	A tag span não inicia com uma nova linha.
Largura Necessária
A tag div terá toda a largura.	A tag span terá apenas a largura necessária.
Sintaxe

Sumário - div vs período 

HTML significa Hyper Text Markup Language. É usado para desenvolver sites. Este idioma consiste em tags. As tags de agrupamento div e span em HTML. Eles são usados ​​para definir uma seção em um documento. Este artigo explicou a diferença entre as tags div e span. A diferença entre div e span é que div é um elemento de nível de bloco enquanto span é um elemento embutido.

Faça o download do PDF de div vs span

Você pode fazer o download da versão em PDF deste artigo e usá-la para fins offline, conforme nota de citação. Faça o download da versão em PDF aqui: Diferença entre div e span 

Referência:

1.tutorialspoint.com. "Blocos HTML". The Point, disponível aqui  
Bloco 2.HTML e elementos embutidos. Disponivel aqui 

Cortesia da imagem:

1.'HTML5 logo e wordmark'By W3C, (CC BY 3.0) via Commons Wikimedia