Rozdiel medzi div a rozpätie

kľúč Rozdiel - div proti rozpätie
 

HTML je široko používaný jazyk na vývoj webových stránok. Je to skratka pre jazyk Hyper Text Markup Language. Termín Hyper označuje prepojenie na iné webové zdroje na internete. Výraz Markup označuje schopnosť vytvárať formátovaný text s obrázkami a inými multimediálnymi zdrojmi. Hypertextové odkazy sú hlavnými komponentmi v HTML, vďaka ktorým sa všetky webové zdroje navzájom spájajú. 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. Webovému prehľadávaču povoľuje spôsob, ako štruktúru webovej stránky zobraziť. 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 bloky alebo vložené prvky. Tento článok sa zaoberá rozdielom medzi div a span. kľúčový rozdiel medzi div a rozpätie je to div je prvok úrovne bloku, zatiaľ čo rozpätie je vložený prvok.

OBSAH

1. Prehľad a kľúčový rozdiel
2. Čo je div
3. Čo je rozpätie
4. Podobnosti medzi div a span
5. Porovnanie vedľa seba - div vs rozpätie v tabuľkovej forme
6. Zhrnutie

Čo je div?

Všetky html dokumenty začínajú deklaráciou typu dokumentu. V súčasnosti je najbežnejšou verziou HTML HTML5. Preto je typové vyhlásenie. Všetky značky html by mali byť obsiahnuté vo vnútri značiek a. Vo vnútri značky sú zahrnuté potrebné podrobnosti o webovej stránke. Viditeľná webová stránka je napísaná vo vnútri značky. Pre každý účel existujú značky.

značka sa používa na odseky.

,

atď. sa používajú pre položky. Obsah 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é hodnoty zobrazenia môžu byť blokované alebo vložené. Prvky úrovne bloku vždy začínajú novým riadkom. Tieto prvky zaberajú celú šírku, ktorá je k dispozícii. Niektoré príklady prvkov na úrovni blokov sú

, ,


a .

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

Ahoj svet!

Prvky div sú kontajnerom na iné prvky. Preto sa do prvku div môže zabaliť sada prvkov. Pri použití s ​​kaskádovým štýlom (CSS) možno značku div použiť na úpravu bloku obsahu. Pozrite si nižšie uvedený kód.

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

Čo je rozpätie??

Na rozdiel od prvkov na úrovni blokov sa vložené prvky nezačínajú novým riadkom. Berie iba požadovanú šírku. Niektoré príklady vložených prvkov sú , ,
a .

Značka rozsahu je tiež vloženým prvkom v HTML. Syntax je nasledovná.

Ahoj svet!

Obrázok 02: značka div a rozpätie

Značka rozsahu sa používa ako kontajner pre určitý text. Túto značku je možné použiť aj s CSS. Preto môže byť časť textu štylizovaná. Pozri nižšie uvedený príklad. „Odstavec 1“ je vo vnútri rozpätia. Farba sa pridáva pomocou atribútu štýlu CSS.

Toto je odsek 1

Aké sú podobnosti medzi div a span?

  • Div aj span sú zoskupujúce značky do HTML.
  • Div aj span obsahujú počiatočnú značku a koncovú značku.
  • Div aj span môžu mať atribút štýlu.

Aký je rozdiel medzi div a span?

div vs span

Div je značka HTML, ktorá definuje delenie alebo časť v dokumente HTML. Rozpätie je značka HTML, ktorá sa používa na zoskupenie vložených prvkov v dokumente HTML.
 používanie
Značka div sa používa ako kontajner pre ďalšie prvky. Značka rozsahu sa používa ako kontajner pre určitý text.
Nový riadok
Značka div začína novým riadkom. Značka rozsahu sa nezačína novým riadkom.
 Požadovaná šírka
Značka div bude mať celú šírku. Značka rozsahu bude mať iba požadovanú šírku.
syntax
 

zhrnutie - div proti rozpätie 

HTML znamená Hyper Text Markup Language. Používa sa na vývoj webových stránok. Tento jazyk sa skladá zo značiek. Značky zoskupovania div a span v HTML. Používajú sa na definovanie oddielu 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 úrovne bloku, zatiaľ čo rozpätie je vložený prvok.

Stiahnite si PDF súboru div vs span

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

referencie:

1.tutorialspoint.com. „Bloky HTML.“ The Point, k dispozícii tu  
2.HTML blokové a vložené prvky. K dispozícii tu 

S láskavým dovolením:

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