Különbség A Blokk és Az Inline Elemek Között

Tartalomjegyzék:

Különbség A Blokk és Az Inline Elemek Között
Különbség A Blokk és Az Inline Elemek Között
Anonim

Fő különbség - Blokk vs Inline Elemek

A HTML jelentése Hyper Text Markup Language. Weboldalak létrehozására használják. Minden weboldal hiperhivatkozások segítségével kapcsolódik más weboldalakhoz. Ez a nyelv címkékből áll. A címke a zárójelek közé van zárva. A szintaxis hasonló. A legtöbb címkének záró címkéje is van. Mikor van címke, a záró címke. Néhány címkének nincs záró címkéje. Ilyen címke például

és

. Void címkéknek hívják őket. A HTML elem a HTML dokumentum vagy weboldal összetevője, miután elemezték a dokumentum objektum modelljébe (DOM). A DOM egy belső reprezentáció a webböngészőben. Az egyes dokumentumokat fa szerkezetben ábrázolja. A böngészőben a megjeleníthető elemek lehetnek blokkelemek vagy beágyazott elemek. A blokkelemek téglalap alakúak. Az inline elemek beágyazhatók blokkelemekbe. A legfontosabb különbség a blokk és az inline elem között az, hogy a blokkelemek teljes rendelkezésre álló szélességet vesznek fel, míg a beillesztett elemek a szükséges szélességet az elemek tartalmának megjelenítéséhez.

TARTALOM

1. Áttekintés és kulcsfontosságú különbségek

2. Mik azok a blokkelemek

3. Mik az inline elemek

4. A blokk és az inline elemek közötti hasonlóságok

5. Egymás melletti összehasonlítás - Blokk vs beépített elemek táblázatos formában

6. Összefoglalás

Mik azok a blokkelemek?

A blokkelemek a rendelkezésre álló teljes szélességet figyelembe veszik. Ezek az elemek mindig egy új vonallal kezdődnek. Néhány példa a blokkelemekre a következő.

bekezdés meghatározására szolgál. például

Ez egy bekezdés

. Hat címke definiálja a fejléceket. Ők

,

,

. A programozó ennek megfelelően használhatja a fejlécet.

A rendezett listát a

míg a rendezetlen listát az határozza meg

. A segítségével vízszintes vonal jeleníthető meg a weboldalon. Az adatok táblázatos formában történő rendezésére szolgálnak. Minden webhely esetében adatokat kell gyűjteni a webhely látogatóitól. A HTML-űrlapokat arra használják, hogy adatokat kapjanak a felhasználótól. Ez egy blokk szintű elem is. Ez néhány példa a HTML blokkelemeire.

Mik azok az Inline Elements?

A beillesztett elemek csak a szükséges szélességet veszik fel. Ezek az elemek nem egy új vonallal kezdődnek. Néhány példa az inline elemekre a következő. az egyik oldalról a másikra mutató hivatkozások létrehozására szolgál. A hiperhivatkozások a HTML egyik alapvető eleme. Tartalmazhatja a href attribútumot, hogy linket hozzon létre a célhoz. pl. keresse fel a Google-t. A célattribútum üres. Ezért az új dokumentum egy új ablakban nyílik meg. Ha a célattribútum „_self”, akkor a csatolt dokumentum ugyanabban az ablakban nyílik meg.

Különbség a blokk és az inline elemek között
Különbség a blokk és az inline elemek között

01. ábra: Példák blokk és beillesztett elemekre

A szöveg egy szakaszának félkövérre szedett. A címke a dőlt betűs szöveget tartalmazza. A weboldalnak elérhetőnek kell lennie. Ezért bármely weboldal több képből áll.

segítségével képet lehet megjeleníteni az oldalon. Ehhez a címkéhez két attribútum szükséges. Ezek src és alt. Az 'src' leírja a kép helyét, az 'alt' pedig azt, hogy miről szól a kép. például. Ez néhány példa az inline elemekre.

Mi a hasonlóság a blokk és az inline elemek között?

  • A blokk és az inline elemeket konténerként használják a HTML-ben.

Mi a különbség a blokk és az inline elemek között?

Különböző cikk a táblázat előtt

Blokk vs Inline Elemek

A blokkelemek azok az elemek, amelyek átfogják a szülőelem teljes szélességét, és nem engedik, hogy más elemek elfoglalják ugyanazt a vízszintes helyet, ahová ráhelyezték. A beillesztett elemek azok az elemek, amelyek nem helyezhetők el közvetlenül a törzselem belsejében, és amelyek be vannak ágyazva a blokkelemekbe.
Új sor
A blokkelemek új sorral kezdődnek. A beillesztett elemek nem új sorral kezdődnek.
Szükséges hely
A blokkelemek teljes szélességet vesznek fel. A beillesztett elemek csak a szükséges szélességet veszik fel.

Összegzés - blokk vs beágyazott elemek

A HTML a Hyper Text Markup nyelvet jelenti. Ez egy nyelv, amely tagekből áll. Minden címkének sajátos feladata van, és meghatározza a weboldal felépítésének módját. Egyes címkéknél szerepel a kezdő és a befejező címke. Néhány címkének nincs végződő címkéje. Void címkéknek hívják őket. Az elemzés a szintaktikai elemzés folyamata. Az elemzési lépés után ezek a címkék elemekké válnak. Az elemek lehetnek blokkszintűek vagy inline elemek. A blokk és az inline elemek közötti különbség az, hogy a blokk elemek a rendelkezésre álló teljes szélességet felveszik, míg a beillesztett elemek a szükséges szélességet az elemek tartalmának megjelenítéséhez.

Töltse le a Block vs Inline Elements PDF változatát

A cikk PDF-verzióját letöltheti, és offline célokra is használhatja, az idézési megjegyzés szerint. Töltse le a PDF verziót itt: Különbség a blokk és az inline elemek között

Ajánlott: