Kľúčový rozdiel - blokové a vložené prvky
HTML je skratka pre Hyper Text Markup Language. Používa sa na vytváranie webových stránok. Každá webová stránka je prepojená s ostatnými webovými stránkami pomocou hypertextových odkazov. Tento jazyk sa skladá zo značiek. Značka je uzavretá v lomených zátvorkách. Syntax je podobná ako v. Väčšina značiek má aj zatváraciu značku. Keď je značka, uzatváracia značka je. Niektoré značky nemajú uzatváraciu značku. Príklady takýchto značiek sú
a
. Sú známe ako neplatné značky. Element HTML je súčasť dokumentu HTML alebo webovej stránky po ich analýze do modelu Object Object Model (DOM). DOM je interná reprezentácia vo webovom prehliadači. Predstavuje každý dokument v stromovej štruktúre. V prehľadávači môžu byť zobraziteľné prvky buď blokový, alebo vložený prvok. Blokové prvky majú obdĺžnikovú štruktúru. Vložené prvky môžu byť vložené do blokových prvkov. Kľúčový rozdiel medzi blokom a vloženým prvkom je v tom, že blokové prvky zaberajú celú dostupnú šírku, zatiaľ čo vložené prvky majú požadovanú šírku na zobrazenie obsahu prvkov.
OBSAH
1. Prehľad a hlavný rozdiel
2. Čo sú blokové prvky
3. Čo sú vložené prvky
4. Podobnosti medzi blokovými a vloženými prvkami
5. Porovnanie vedľa seba - blokové vs vložené prvky v tabuľkovej forme
6. Zhrnutie
Čo sú blokové prvky?
Blokové prvky majú dostupnú celú šírku. Tieto prvky vždy začínajú novým riadkom. Niektoré príklady blokových prvkov sú nasledujúce.
sa používa na definovanie odseku. napr
Toto je odsek
. Existuje šesť značiek na definovanie hlavičiek. Oni sú
,
,
…
. Programátor môže zodpovedajúcim spôsobom použiť hlavičku.
Poradový zoznam je definovaný
zatiaľ čo neusporiadaný zoznam je definovaný
. Symbol sa používa na zobrazenie vodorovnej čiary na celej webovej stránke. Symbol sa používa na usporiadanie údajov vo formáte tabuľky. Pre každú webovú stránku sa vyžaduje zhromažďovanie údajov od jej návštevníkov. Na získanie údajov od používateľa sa používajú formuláre HTML. Je to tiež prvok na úrovni bloku. Tu je niekoľko príkladov blokových prvkov v HTML.
Čo sú vložené prvky?
Vložené prvky majú iba požadovanú šírku. Tieto prvky nezačínajú novým riadkom. Niektoré príklady vložených prvkov sú nasledujúce. sa používa na vytváranie odkazov z jednej stránky na druhú. Hypertextové odkazy sú jedným zo základných prvkov HTML. Môže obsahovať atribút href na vytvorenie odkazu na cieľ. napr. Navštívte Google. Cieľový atribút je prázdny. Preto sa nový dokument otvorí v novom okne. Ak je cieľový atribút „_self“, prepojený dokument sa otvorí v rovnakom okne.
Obrázok 01: Príklady blokových a vložených prvkov
Symbol sa používa na tučné zvýraznenie časti textu. Značka má text písať kurzívou. Webová stránka by mala byť prezentovateľná. Akákoľvek webová stránka sa preto skladá z viacerých obrázkov. Symbo
sa používa na zobrazenie obrázka na stránke. Táto značka vyžaduje dva atribúty. Sú to src a alt. „Src“popisuje umiestnenie obrázka a „alt“popisuje, o čom je obrázok. napr. Tu je niekoľko príkladov vložených prvkov.
Aká je podobnosť medzi blokovými a vloženými prvkami?
- Blokové a vložené prvky sa v HTML používajú ako kontajnery.
Aký je rozdiel medzi blokovými a vloženými prvkami?
Rozdielny článok v strede pred tabuľkou
Blok vs vložené prvky |
|
| Blokové prvky sú prvky, ktoré sa budú rozprestierať po celej šírke nadradeného prvku a neumožnia žiadnemu inému prvku zaberať rovnaký vodorovný priestor, na aký je umiestnený. | Vložené prvky sú prvky, ktoré nemožno umiestniť priamo do prvku tela a ktoré sú vnorené do blokových prvkov. |
| Nový riadok | |
| Blokové prvky sa začínajú novým riadkom. | Vložené prvky sa nezačínajú novým riadkom. |
| Požadovaný priestor | |
| Prvky bloku zaberajú celú šírku. | Vložené prvky budú mať iba požadovanú šírku. |
Zhrnutie - blokové vs vložené prvky
HTML je skratka pre Hyper Text Markup language. Je to jazyk pozostávajúci zo značiek. Každá značka má konkrétnu úlohu a definuje štruktúru webovej stránky. Niektoré značky majú počiatočnú značku a koncovú značku. Niektoré značky nemajú koncovú značku. Nazývajú sa neplatné značky. Analýza je proces syntaktickej analýzy. Po kroku analýzy sa z týchto značiek stanú prvky. Prvky môžu byť prvky na úrovni bloku alebo vložené prvky. Rozdiel medzi blokovými a vloženými prvkami je v tom, že blokové prvky zaberajú celú dostupnú šírku, zatiaľ čo vložené prvky majú požadovanú šírku na zobrazenie obsahu prvkov.
Stiahnite si verziu Block vs Inline Elements vo formáte PDF
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 blokovými a vloženými prvkami
