Aký je rozdiel medzi prvkami na úrovni bloku a inline prvkami?
HTML je tvorené rôznymi prvkami, ktoré slúžia ako stavebné prvky webových stránok. Každý z týchto prvkov spadá do jednej z dvoch kategórií - či už prvkov na úrovni bloku alebo elementov inline. Pochopenie rozdielu medzi týmito dvoma typmi prvkov je dôležitým krokom pri budovaní webových stránok.
Prvky blokovania
Takže čo je prvok na úrovni bloku? Prvok na úrovni bloku je prvok HTML, ktorý začína nový riadok na webovej stránke a rozširuje celú šírku dostupného horizontálneho priestoru jeho nadradeného prvku. Vytvára veľké bloky obsahu, ako sú odseky alebo rozdelenia strán. V skutočnosti väčšina prvkov HTML je prvky na úrovni bloku.
Prvky na úrovni bloku sa používajú v tele dokumentu HTML. Môžu obsahovať inline prvky, ako aj ďalšie elementy na úrovni bloku.
Inline elementy
Na rozdiel od elementu na úrovni bloku môže inline prvok:
- Začnite v riadku
- Nezačína nový riadok
- Jeho šírka sa rozširuje len tak, ako je definovaná jeho značkami.
Príkladom inline elementu je značka , ktorá vytvára písmo textového obsahu, ktoré sa nachádza tučným písmom. Inline element vo všeobecnosti obsahuje len inline elementy, alebo môže obsahovať nič, napríklad značky
prerušenia.
Existuje aj tretí typ elementu v jazyku HTML: tie, ktoré sa vôbec nezobrazujú. Tieto prvky poskytujú informácie o stránke, ale pri vykreslení vo webovom prehliadači sa nezobrazujú.
Napríklad: