Diferència entre div i span

2025 Autora: Alex Aldridge | [email protected]. Última modificació: 2025-01-23 11:01

Diferència clau: div vs span

HTML és un llenguatge molt utilitzat per desenvolupar pàgines web. Significa Hyper Text Markup Language. El terme Hyper fa referència a l'enllaç a altres recursos web a Internet. El terme marcatge es refereix a la capacitat de crear text amb format amb imatges i altres recursos multimèdia. Els hiperenllaços són els components principals d'HTML que fan que tots els recursos web es connectin entre si. Hi ha diverses versions d'HTML. Són HTML 2.0, 3.2, 4.01 i HTML5. Bàsicament, HTML és un document de text amb etiquetes. Indica al navegador web la manera d'estructurar la pàgina web per mostrar-la. El div i l'span són dues etiquetes en HTML. Cada element HTML té un valor de visualització per defecte en funció del tipus d'element. Per tant, poden ser un bloc o elements en línia. En aquest article es parla de la diferència entre div i span. La diferència clau entre div i span és que div és un element de nivell de bloc mentre que span és un element en línia.

Què és div?

Tots els documents html comencen amb una declaració de tipus de document. Avui la versió més comuna d'HTML és HTML5. Per tant, la declaració de tipus és. Totes les etiquetes html s'han d'incloure dins de les etiquetes i. Els detalls necessaris de la pàgina web s'inclouen dins de l'etiqueta. La pàgina web visible està escrita dins de l'etiqueta. Hi ha etiquetes per a cada propòsit. El

L'etiquetas'utilitza per als paràgrafs. El

,

etc. s'utilitzen per als encapçalaments. El contingut de l'etiqueta inicial i final es coneix com a element. p. ex.

Aquest és un paràgraf

Figura 01: HTML5

Cada element HTML té un valor de visualització predeterminat en funció del tipus d'element. Els valors de visualització per defecte poden ser en bloc o en línia. Els elements de nivell de bloc sempre comencen amb una línia nova. Aquests elements ocupen tota l'amplada disponible. Alguns exemples d'elements de nivell de bloc són,, i

L'etiqueta div també és un element de nivell de bloc en HTML. La sintaxi és la següent.

Hola món!

Els elements div són un contenidor per a altres elements. Per tant, un conjunt d'elements es pot empaquetar a l'element div. Quan s'utilitza amb el full d'estil en cascada (CSS), l'etiqueta div es pot utilitzar per dissenyar un bloc de contingut. Consulteu el codi següent.

Dos paràgrafs es troben dins de l'etiqueta div. Tot el contingut de l'etiqueta div té el color de fons negre i el color de la lletra blanc.

Què és l'abast?

A diferència dels elements de nivell de bloc, els elements en línia no comencen en una línia nova. Només necessita l'amplada requerida. Alguns exemples d'elements en línia són,, i

L'etiqueta span també és un element en línia en HTML. La sintaxi és la següent.

Hola món!

Figura 02: etiqueta div i span

L'etiqueta span s'utilitza com a contenidor per a algun text. Aquesta etiqueta també es pot utilitzar amb CSS. Per tant, es pot estilitzar una part del text. Consulteu l'exemple següent. El "paràgraf1" es troba dins de l'etiqueta span. El color s'afegeix mitjançant l'atribut d'estil CSS.

Aquest és el paràgraf1

Quines similituds hi ha entre div i span?

• Tant div com span són etiquetes d'agrupació en HTML.
• Tant div com span contenen l'etiqueta inicial i l'etiqueta final.
• Tant div com span poden tenir atributs d'estil.

Quina diferència hi ha entre div i span?

div vs span
El div és una etiqueta HTML que defineix una divisió o una secció en un document HTML.	El span és una etiqueta HTML que s'utilitza per agrupar elements en línia en un document HTML.
Ús
L'etiqueta div s'utilitza com a contenidor per a altres elements.	L'etiqueta span s'utilitza com a contenidor per a algun text.
Nova línia
L'etiqueta div comença amb una línia nova.	L'etiqueta span no comença amb una línia nova.
Amplada necessària
L'etiqueta div tindrà tota l'amplada.	L'etiqueta span només tindrà l'amplada necessària.
Sintaxi

Resum: div vs span

HTML significa Hyper Text Markup Language. S'utilitza per desenvolupar llocs web. Aquest llenguatge consta d'etiquetes. Les etiquetes d'agrupació div i span en HTML. S'utilitzen per definir una secció en un document. Aquest article explica la diferència entre les etiquetes div i span. La diferència entre div i span és que div és un element de nivell de bloc mentre que span és un element en línia.

Baixa el PDF de div vs span

Podeu descarregar la versió PDF d'aquest article i utilitzar-la per a finalitats fora de línia segons la nota de citació. Baixeu la versió PDF aquí: Diferència entre div i span