Rozdiel medzi div a span

2024 Autor: Alex Aldridge | [email protected]. Naposledy zmenené: 2023-12-17 13:49

Kľúčový rozdiel – div vs span

HTML je široko používaný jazyk na vývoj webových stránok. Je to skratka pre Hyper Text Markup Language. Termín Hyper sa vzťahuje na prepojenie s inými webovými zdrojmi na internete. Termín Markup sa vzťahuje na schopnosť vytvárať formátovaný text s obrázkami a inými multimediálnymi zdrojmi. Hypertextové odkazy sú hlavnými komponentmi HTML, vďaka ktorým sú všetky webové zdroje prepojené. Existuje niekoľko verzií HTML. Sú to HTML 2.0, 3.2, 4.01 a HTML5. HTML je v podstate textový dokument so značkami. Informuje webový prehliadač o spôsobe, ako štruktúrovať webovú stránku, aby ju zobrazil. Div a span sú dve značky v HTML. Každý prvok HTML má predvolenú zobrazenú hodnotu v závislosti od typu prvku. Môžu to byť teda blokové alebo vložené prvky. Tento článok popisuje rozdiel medzi div a span. Kľúčový rozdiel medzi div a span je v tom, že div je prvok na úrovni bloku, zatiaľ čo span je vložený prvok.

Čo je div?

Všetky html dokumenty začínajú deklaráciou typu dokumentu. Dnes je najbežnejšou verziou HTML HTML5. Preto je deklarácia typu. Všetky značky html by mali byť zahrnuté v značkách a. Potrebné podrobnosti o webovej stránke sú zahrnuté vo vnútri značky. Viditeľná webová stránka je napísaná vo vnútri značky. Pre každý účel existujú značky.

tag sa používa na odseky.

,

atď. sa používajú pre nadpisy. Obsah vo vnútri začiatočnej a koncovej značky je známy ako prvok. napr.

Toto je odsek

Obrázok 01: HTML5

Každý prvok HTML má predvolenú zobrazenú hodnotu v závislosti od typu prvku. Predvolené zobrazované hodnoty môžu byť blokované alebo vložené. Prvky na úrovni bloku vždy začínajú novým riadkom. Tieto prvky zaberajú celú dostupnú šírku. Niektoré príklady prvkov na úrovni bloku sú,, and

Značka div je tiež prvkom na úrovni bloku v HTML. Syntax je nasledovná.

Ahoj svet!

Prvky div sú kontajnerom iných prvkov. Preto je možné do prvku div zbaliť množinu prvkov. Pri použití s kaskádovým štýlom (CSS) je možné použiť značku div na úpravu bloku obsahu. Pozrite si časť kódu nižšie.

Vo vnútri značky div sú dva odseky. Všetok obsah vo vnútri značky div má čiernu farbu pozadia a bielu farbu písma.

Čo je rozsah?

Na rozdiel od prvkov na úrovni bloku, vložené prvky nezačínajú na novom riadku. Zaberá len potrebnú šírku. Niektoré príklady vložených prvkov sú,, a

Značka span je tiež vložený prvok v HTML. Syntax je nasledovná.

Ahoj svet!

Obrázok 02: tag div a span

Značka span sa používa ako kontajner pre nejaký text. Tento tag je možné použiť aj s CSS. Preto môže byť časť textu štylizovaná. Pozrite si príklad nižšie. „Odsek 1“sa nachádza vo vnútri značky span. Farba sa pridáva pomocou atribútu štýlu CSS.

Toto je odsek1

Aké sú podobnosti medzi div a span?

• Div aj span sú zoskupovacie značky v HTML.
• Div aj span obsahujú počiatočnú a koncovú značku.
• Div aj rozpätie môžu mať atribút štýlu.

Aký je rozdiel medzi div a span?

div vs span
Div je značka HTML, ktorá definuje rozdelenie alebo sekciu v dokumente HTML.	Rozpätie je značka HTML, ktorá sa používa na zoskupenie vložených prvkov v dokumente HTML.
Použitie
Značka div sa používa ako kontajner pre iné prvky.	Značka span sa používa ako kontajner pre nejaký text.
Nový riadok
Značka div začína novým riadkom.	Značka span nezačína novým riadkom.
Požadovaná šírka
Značka div zaberie celú šírku.	Značka rozpätia bude mať iba požadovanú šírku.
Syntax

Súhrn – div vs span

HTML je skratka pre Hyper Text Markup Language. Používa sa na vývoj webových stránok. Tento jazyk pozostáva zo značiek. Značky zoskupenia div a span v HTML. Používajú sa na definovanie sekcie v dokumente. Tento článok vysvetľuje rozdiel medzi značkami div a span. Rozdiel medzi div a span je v tom, že div je prvok na úrovni bloku, zatiaľ čo span je vložený prvok.

Stiahnite si PDF div vs span

Verziu tohto článku si môžete stiahnuť vo formáte PDF a použiť ju na offline účely podľa citácie. Stiahnite si verziu PDF tu: Rozdiel medzi div a span