Kľúčový rozdiel: Značka vytvára zlomok riadku a štandardne vytvára rozdelenie medzi text, ktorý sa objaví po začiatku značky a až kým tag nekončí. Značka nevytvára zlomok riadku podobný značke, ale skôr umožňuje používateľovi oddeliť veci od iných prvkov okolo nich na stránke v rámci toho istého riadku.

Značka a značka sú dve bežné značky, ktoré sa nachádzajú pri vytváraní stránok pomocou HTML a vykonávajú rôzne funkcie. Tie sú často mätúce pre mnohých začiatočníkov, ktorí sa snažia pochopiť, čo použiť, kedy. Najprv pochopíme rozdiel medzi týmito dvoma.

Značka je prvok blokovej úrovne, zatiaľ čo je prvkom inline. Tieto oboje sa často používajú pri kontrole rôznych aspektov webovej stránky vrátane obrázkov, textu atď.

Značka vytvorí prerušenie riadku a v predvolenom nastavení vytvára rozdelenie medzi text, ktorý sa objaví po začatí značky a až do ukončenia značky. Vytvára samostatné boxy alebo špeciálne kontajnery pre všetky ostatné prvky, text a obrázky, ktoré sú umiestnené v tomto texte. Tieto značky sú zvyčajne samostatné a nemali by sa používať s (odsek) tagy.

Značka nevytvára zlomok riadku podobný značke, ale skôr umožňuje používateľovi oddeliť veci od iných prvkov okolo nich na stránke v rámci toho istého riadku. Nedostatok prerušenia riadku vedie iba k tomu, že vybraný text sa zmení, pričom všetky ostatné prvky okolo nich zostanú rovnaké. Tieto sa často používajú na to, aby určitá časť textu vynikla, ako napríklad sfarbenie alebo odváženie. Tieto značky sa často používajú v rámci tagy.

Porovnanie značky div a rozpätie v Html:

	tag div	span tag
Typ prvku	Prvok na úrovni bloku	Inline element
začína	Na novej stránke	Nie je potrebné začať na novom riadku
priestor	Zachytáva plnú šírku	Zoberie toľko šírky, koľko je potrebné
Ďalšie príklady	-
Používa sa ako	Kontajner pre iné prvky HTML	Kontajner pre text
atribúty	Žiadne požadované atribúty, ale štýl a trieda sú bežné	Žiadne požadované atribúty, ale štýl a trieda sú bežné
Pri použití s ​​CSS	Môže byť použitý na štýl blokov obsahu	Môže sa použiť na štýly častí textu

Obrázok so súhlasom: html-5-tutorial.com, safeschoolbexley.co.uk