Rozdiel medzi blokovými a vloženými prvkami

Kľúčový rozdiel - blokovanie vs V rade elements
 

HTML znamená Hyper Text Markup Language. Používa sa na vytváranie webových stránok. Každá webová stránka je prepojená s inými webovými stránkami pomocou hypertextových odkazov. Tento jazyk sa skladá zo značiek. Značka je uzavretá v uhlových zátvorkách. Syntax je podobná. Väčšina značiek má aj uzatváraciu značku. Keď je značka, uzatváracia značka je. Niektoré značky nemajú zatváraciu značku. Príklady takejto značky sú
a . Sú známe ako neplatné značky. Prvok HTML je súčasťou dokumentu HTML alebo webovej stránky potom, čo bol analyzovaný do modelu DOM (Document Object Model). DOM je interná reprezentácia vo webovom prehliadači. Predstavuje každý dokument v stromovej štruktúre. V prehliadači môžu byť zobraziteľnými prvkami blokový prvok alebo vložený prvok. Blokové prvky majú obdĺžnikovú štruktúru. Vložené prvky môžu byť zabudované do blokových prvkov. kľúčový rozdiel medzi blokom a vloženým prvkom je to Blokové prvky zaberajú celú šírku, ktorá je k dispozícii, zatiaľ čo vložené prvky zaberajú požadovanú šírku na zobrazenie obsahu prvkov.

OBSAH

1. Prehľad a kľúčový rozdiel
2. Čo sú to blokové prvky
3. Čo sú vložené prvky
4. Podobnosti medzi blokmi a vloženými prvkami
5. Porovnanie bok po boku - blok verzus vložené prvky v tabuľkovej forme
6. Zhrnutie

Čo sú to blokové prvky?

Blokové prvky majú k dispozícii 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

. Hlavičky definujú šesť značiek. Oni sú

,

,

...

. Programátor môže podľa toho použiť hlavičku.

Usporiadaný zoznam je definovaný pomocou

    zatiaľ čo neusporiadaný zoznam je definovaný pomocou
      .
      sa používa na zobrazenie vodorovnej čiary na celej webovej stránke. sa používa na usporiadanie údajov vo formáte tabuľky. Pre každú webovú stránku je potrebné zhromažďovať údaje 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. Toto 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. Nový dokument sa preto otvorí v novom okne. Ak je cieľovým atribútom „_self“, prepojený dokument sa otvorí v rovnakom okne.

      Obrázok 01: Príklady blokových a vložených prvkov

      sa používa na zvýraznenie časti textu. značka má slúžiť na označenie kurzívy. Webová stránka by mala byť prezentovateľná. Každá webová stránka sa preto skladá z viacerých obrázkov. 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. , Toto je niekoľko príkladov vložených prvkov.

      Aká je podobnosť medzi blokmi a vloženými prvkami?

      • Blokové a vložené prvky sa používajú ako kontajnery v HTML.

      Aký je rozdiel medzi blokmi a vloženými prvkami?

      Blok vs vložené prvky

      Blokové prvky sú prvky, ktoré preklenú celú šírku rodičovského prvku a nedovolia žiadnemu inému prvku zaberať rovnaký horizontálny priestor, ako je umiestnený na.. Vložené prvky sú prvky, ktoré nemožno umiestniť priamo do prvku telesa a ktoré sú vnorené do prvkov bloku.
       Nový riadok
      Prvky bloku začínajú novým riadkom. Vložené prvky sa nezačínajú novým riadkom.
      Požadovaný priestor
      Blokové prvky majú celú šírku. Vložené prvky zaberajú iba požadovanú šírku.

      zhrnutie - Blok vs V rade elements 

      HTML je skratka pre jazyk Hyper Text Markup. Je to jazyk pozostávajúci zo značiek. Každá značka má špecifickú úlohu a definuje, ako štruktúrovať webovú stránku. Niektoré značky majú počiatočnú a koncovú značku. Niektoré značky nemajú koncovú značku. Nazývajú sa neplatné značky. Analýza je proces analýzy syntaxe. Po kroku analýzy sa tieto značky stanú prvkami. Prvkami môžu byť prvky na úrovni bloku alebo vložené prvky. Rozdiel medzi blokovými a vloženými prvkami spočíva v tom, že blokové prvky zaberajú celú šírku, ktorá je k dispozícii, zatiaľ čo vložené prvky zaberajú požadovanú šírku, aby zobrazili obsah prvkov.

      Stiahnite si verziu PDF bloku s verziou vložených prvkov

      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 verziu PDF tu: Rozdiel medzi blokmi a vloženými prvkami

      referencie:

      1. Zoll, Bob. „Blokovanie HTML verzus vložené a dôležité prvky.“ V školský vývoj webových stránok, V školský vývoj webových aplikácií, 31. marca 2016. K dispozícii tu 
      2. „Prvok HTML.“ Wikipedia, Wikimedia Foundation, 10. februára 2018. K dispozícii tu 
      3.HTML blokové a vložené prvky. K dispozícii tu 
      4.Point, Návody. „Prehľad HTML.“ Bod. Výukové programy Point, 8. januára 2018. K dispozícii tu