Mi a különbség a blokkszintű és az inline elemek között?
A HTML különböző elemekből áll, amelyek a weboldalak építőkövei. Mindegyik elem két kategóriába sorolható: blokkszintű elemek vagy inline elemek. A kétféle elem közötti különbség megértése fontos lépés a weboldalak készítésében.
Blokk szintű elemek
Tehát mi egy blokkszintű elem? A blokkszintű elem olyan HTML elem, amely új sort kezd a weboldalon, és kiterjeszti a szülőelemének elérhető vízszintes mező teljes szélességét. Nagy tartalomblokkokat hoz létre, például bekezdéseket vagy oldalosztásokat. Valójában a legtöbb HTML elem blokk szintű elem.
A blokk szintű elemek a HTML dokumentum testén belül használatosak. Tartalmazhatnak inline elemeket, valamint egyéb blokk szintű elemeket.
Inline elemek
A blokkszintű elemekkel ellentétben egy inline elem:
- Kezdje egy sorban
- Nem indul új sor
- A szélessége csak a címkék által meghatározott mértékben terjed ki.
Az inline elem példája a címke, amely a félkövér betűket tartalmazó szöveges tartalmat teszi. Az inline elem általában csak más inline elemeket tartalmaz, vagy egyáltalán nem tartalmaz semmit, például a
töréscímkét.
A HTML-ben egy harmadik típusú elem is létezik: azok, amelyek egyáltalán nem jelennek meg. Ezek az elemek információkat szolgáltatnak az oldalról, de nem jelennek meg, amikor web böngészőn jelenik meg.
Például: