Kľúčový rozdiel - rozpätie div
HTML je široko používaný jazyk na vývoj webových stránok. Je skratkou pre Hyper Text Markup Language. Termín Hyper označuje prepojenie na iné webové zdroje na internete. Termín Označenie označuje schopnosť vytvárať formátovaný text s obrázkami a inými multimediálnymi prostriedkami. Hypertextové odkazy sú hlavnými súčasťami 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 zásade textový dokument so značkami. Informuje webový prehľadávač o spôsobe štruktúrovania webovej stránky tak, aby ju mohla 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 pojednáva o rozdieloch medzi div a span. Kľúčový rozdiel medzi div a span je ten, že div je prvok na úrovni bloku, zatiaľ čo span je vložený prvok.
OBSAH
1. Prehľad a kľúčový rozdiel
2. Čo je to div
3. Čo je to rozpätie
4. Podobnosti medzi div a rozpätím
5. Porovnanie vedľa seba - div proti rozpätiu v tabuľkovej forme
6. Zhrnutie
Čo je to div?
Všetky dokumenty vo formáte HTML začínajú vyhlásením o type dokumentu. Dnes je najbežnejšou verziou HTML HTML5. Preto je deklarácia typu. Všetky značky html by mali byť súčasťou značiek a. Potrebné podrobnosti o webovej stránke sú obsiahnuté vo vnútri značky. Viditeľná webová stránka je napísaná vo vnútri značky. Na každý účel existujú značky. The
značka sa používa na odseky. The
,
atď. sa používajú pre nadpisy. Obsah vnútri poč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 na úrovni blokov vždy začínajú novým riadkom. Tieto prvky majú celú dostupnú šírku. 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 s ostatnými prvkami. Preto môže byť sada prvkov zabalená do prvku div. Pri použití s kaskádovými štýlmi (CSS) možno značku div použiť na úpravu štýlu bloku obsahu. Prečítajte si nižšie uvedený kód.
Vo vnútri značky div sú dva odseky. Celý obsah vo vnútri značky div má farbu pozadia čiernu a farbu písma bielu.
Čo je to rozpätie?
Na rozdiel od prvkov na úrovni bloku sa vložené prvky nezačínajú na novom riadku. Trvá to iba potrebnú šírku. Niektoré príklady vložených prvkov sú,, a
Značka span je tiež vloženým prvkom v HTML. Syntax je nasledovná.
Ahoj Svet!
Obrázok 02: značka div a span
Značka rozpätia sa používa ako kontajner pre nejaký text. Túto značku je možné použiť aj v prostredí CSS. Preto je možné časť textu štylizovať. Pozri príklad nižšie. Odsek 1 je vo vnútri značky span. Farba sa pridáva pomocou atribútu štýlu CSS.
Toto je odsek 1
Aké sú podobnosti medzi rozpätím a rozpätím?
- Div aj span sú zoskupovacie značky v 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?
Rozdielny článok v strede pred tabuľkou
div vs rozpätie |
|
| Div je značka HTML, ktorá definuje divíziu alebo sekciu v dokumente HTML. | Span je značka HTML, ktorá sa používa na zoskupenie vložených prvkov v dokumente HTML. |
| Využitie | |
| Značka div sa používa ako kontajner pre ďalšie prvky. | Značka rozpätia 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 bude mať celú šírku. | Značka rozpätia bude mať iba požadovanú šírku. |
| Syntax | |
Zhrnutie - div vs rozpätie
HTML je skratka pre Hyper Text Markup Language. Používa sa na vývoj webových stránok. Tento jazyk sa skladá zo značiek. Značky zoskupenia div a span v HTML. Používajú sa na definovanie oddielu v dokumente. Tento článok vysvetlil 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 súboru div vs span
Môžete si stiahnuť PDF verziu tohto článku a použiť ju na offline účely podľa citačnej poznámky. Stiahnite si verziu PDF tu: Rozdiel medzi rozpätím a rozpätím
