Klíčový rozdíl - blokové vs vložené prvky
HTML je zkratka pro Hyper Text Markup Language. Používá se k vytváření webových stránek. Každá webová stránka je propojena s ostatními webovými stránkami pomocí hypertextových odkazů. Tento jazyk se skládá ze značek. Značka je uzavřena v úhlových závorkách. Syntaxe je podobná. Většina značek má také uzavírací značku. Když je značka, uzavírací značka je. Některé značky nemají uzavírací značku. Příklady takové značky jsou
a
. Jsou známy jako neplatné značky. Prvek HTML je součást dokumentu HTML nebo webové stránky po jejich analýze do modelu DOM (Document Object Model). DOM je interní reprezentace ve webovém prohlížeči. Představuje každý dokument ve stromové struktuře. V prohlížeči mohou být zobrazitelnými prvky buď blokový prvek, nebo vložený prvek. Blokové prvky mají obdélníkovou strukturu. Vložené prvky lze vložit do blokových prvků. Klíčový rozdíl mezi blokem a vloženým prvkem spočívá v tom, že blokové prvky zabírají celou dostupnou šířku, zatímco vložené prvky mají požadovanou šířku pro zobrazení obsahu prvků.
OBSAH
1. Přehled a klíčový rozdíl
2. Co jsou blokové prvky
3. Co jsou vložené prvky
4. Podobnosti mezi blokovými a vloženými prvky
5. Porovnání vedle sebe - blokové vs vložené prvky ve formě tabulky
6. Souhrn
Co jsou blokové prvky?
Blokové prvky mají dostupnou celou šířku. Tyto prvky vždy začínají novým řádkem. Některé příklady blokových prvků jsou následující.
se používá k definování odstavce. např
Toto je odstavec
. Existuje šest značek, které definují záhlaví. Oni jsou
,
,
…
. Programátor může odpovídajícím způsobem použít záhlaví.
Seřazený seznam je definován
zatímco neuspořádaný seznam je definován
. Symbol se používá k zobrazení vodorovné čáry přes webovou stránku. Slouží k uspořádání dat ve formátu tabulky. U každého webu je nutné shromažďovat údaje od návštěvníků webu. Formuláře HTML se používají k získání dat od uživatele. Je to také prvek na úrovni bloku. Toto je několik příkladů blokových prvků v HTML.
Co jsou vložené prvky?
Vložené prvky mají pouze požadovanou šířku. Tyto prvky nezačínají novým řádkem. Některé příklady vložených prvků jsou následující. se používá k vytváření odkazů z jedné stránky na druhou. Hypertextové odkazy jsou jedním ze základních prvků HTML. Může obsahovat atribut href k vytvoření odkazu na cíl. např. Navštivte Google. Cílový atribut je prázdný. Proto se nový dokument otevře v novém okně. Pokud je cílovým atributem „_self“, otevře se propojený dokument ve stejném okně.
Obrázek 01: Příklady blokových a vložených prvků
Symbol se používá k tučnému zvýraznění části textu. Značka má psát kurzivou. Webová stránka by měla být prezentovatelná. Každá webová stránka se proto skládá z více obrázků. Symbo
se používá k zobrazení obrázku na stránce. Tato značka vyžaduje dva atributy. Jsou to src a alt. 'Src' popisuje umístění obrázku a 'alt' popisuje, o co v obrázku jde. např. Toto je několik příkladů vložených prvků.
Jaká je podobnost mezi blokovými a vloženými prvky?
- Blokové a vložené prvky se používají jako kontejnery v HTML.
Jaký je rozdíl mezi blokovými a vloženými prvky?
Rozdílný článek uprostřed před tabulkou
Blokovat vs vložené prvky |
|
| Blokové prvky jsou prvky, které překlenou celou šířku nadřazeného prvku a neumožní žádnému jinému prvku zabírat stejný vodorovný prostor, na který je umístěn. | Vložené prvky jsou prvky, které nelze umístit přímo do prvku těla a které jsou vnořeny do blokových prvků. |
| Nový řádek | |
| Blokové prvky začínají novým řádkem. | Vložené prvky nezačínají novým řádkem. |
| Požadovaný prostor | |
| Blokové prvky mají celou šířku. | Vložené prvky budou mít pouze požadovanou šířku. |
Shrnutí - Blokové vs vložené prvky
HTML je zkratka pro Hyper Text Markup language. Je to jazyk skládající se z tagů. Každá značka má konkrétní úkol a definuje, jak strukturovat webovou stránku. Některé značky mají počáteční a koncovou značku. Některé značky nemají koncovou značku. Říká se jim neplatné značky. Analýza je proces syntaktické analýzy. Po kroku analýzy se tyto značky stanou prvky. Prvky mohou být prvky na úrovni bloku nebo vložené prvky. Rozdíl mezi blokovými a vloženými prvky spočívá v tom, že blokové prvky zabírají dostupnou celou šířku, zatímco vložené prvky mají požadovanou šířku pro zobrazení obsahu prvků.
Stáhněte si verzi Block vs Inline Elements ve formátu PDF
Můžete si stáhnout PDF verzi tohoto článku a použít ji pro offline účely podle citace. Stáhněte si verzi PDF zde: Rozdíl mezi blokovými a vloženými prvky
