Különbség a div és a span között

Tartalomjegyzék:

Különbség a div és a span között
Különbség a div és a span között

Videó: Különbség a div és a span között

Videó: Különbség a div és a span között
Videó: Divs vs Spans 2024, November
Anonim

Kulcskülönbség – div vs span

A HTML egy széles körben használt nyelv weboldalak fejlesztésére. A Hyper Text Markup Language rövidítése. A Hyper kifejezés más internetes forrásokhoz való hivatkozásra utal. A Markup kifejezés arra a képességre utal, hogy képekkel és egyéb multimédiás erőforrásokkal formázott szöveget hozhatunk létre. A hiperhivatkozások a HTML fő összetevői, amelyek az összes webes erőforrást összekapcsolják. A HTML-nek több változata is létezik. Ezek a HTML 2.0, 3.2, 4.01 és HTML5. Alapvetően a HTML egy szöveges dokumentum címkékkel. Megmondja a webböngészőnek, hogyan kell felépíteni a webold alt a megjelenítéséhez. A div és a span két címke a HTML-ben. Minden HTML elemnek van egy alapértelmezett megjelenítési értéke az elem típusától függően. Tehát lehetnek blokkok vagy soron belüli elemek. Ez a cikk a div és a span közötti különbséget tárgyalja. A div és a span közötti fő különbség az, hogy a div blokk szintű elem, míg a span egy soron belüli elem.

Mi az a div?

Minden html dokumentum dokumentumtípus deklarációval kezdődik. Ma a HTML leggyakoribb verziója a HTML5. Ezért a típusdeklaráció. Minden html címkének szerepelnie kell a és címkéken belül. A weboldal szükséges részleteit a címke tartalmazza. A látható weboldal a címke belsejébe van írva. Minden célra vannak címkék. A

címke a bekezdésekhez szokott. A

,

stb. címsorokhoz használják. A kezdő és záró címkén belüli tartalom elemként ismert. pl.

Ez egy bekezdés

A div és a span közötti különbség
A div és a span közötti különbség

01. ábra: HTML5

Minden HTML-elemnek van egy alapértelmezett megjelenítési értéke az elem típusától függően. Az alapértelmezett megjelenítési értékek blokkok vagy soron belüliek lehetnek. A blokk szintű elemek mindig új sorral kezdődnek. Ezek az elemek a teljes rendelkezésre álló szélességet elfoglalják. Néhány példa a blokk szintű elemekre:,, és

A div címke szintén blokk szintű elem a HTML-ben. A szintaxis a következő.

Hello World!

A div elemek a többi elem tárolója. Ezért a div elembe elemek halmazát lehet csomagolni. Ha a lépcsőzetes stíluslappal (CSS) használja, a div címke használható egy tartalomblokk stílusozásához. Tekintse meg az alábbi kódrészletet.

A div és a span közötti különbség_03. ábra
A div és a span közötti különbség_03. ábra

Két bekezdés található a div címkén belül. A div címkén belüli összes tartalom háttérszíne fekete, a betűszíne pedig fehér.

Mi az a terjedelem?

A blokk szintű elemekkel ellentétben a soron belüli elemek nem új sorban kezdődnek. Csak a szükséges szélességet veszi igénybe. Néhány példa a soron belüli elemekre:,, és

KeyDifference Div és span között
KeyDifference Div és span között

A span címke szintén a HTML soron belüli eleme. A szintaxis a következő.

Hello World!

02. ábra: div és span címke

A span címkét bizonyos szövegek tárolójaként használják. Ez a címke CSS-sel is használható. Ezért a szöveg egy része stílusozható. Lásd az alábbi példát. Az „1. bekezdés” a span címkén belül található. A szín a CSS-stílus attribútum használatával van hozzáadva.

Ez az 1. bekezdés

Mi a hasonlóság a div és a span között?

  • A div és a span egyaránt csoportosítja a címkéket a HTML-ben.
  • A div és a span egyaránt tartalmazza a kezdő és a záró címkét.
  • Mind a div, mind a span rendelkezhet style attribútummal.

Mi a különbség a div és a span között?

div vs span

A div egy HTML-címke, amely egy HTML-dokumentum felosztását vagy szakaszát határozza meg. A span egy HTML-címke, amelyet a HTML-dokumentum soron belüli elemeinek csoportosítására használnak.
Használat
A div címkét más elemek tárolójaként használják. A span címkét bizonyos szövegek tárolójaként használják.
Új sor
A div címke új sorral kezdődik. A span címke nem kezdődik új sorral.
Kötelező szélesség
A div címke a teljes szélességet felveszi. A span címke csak a szükséges szélességet veszi fel.
Szintaxis

Összefoglaló – div vs span

A HTML a Hyper Text Markup Language rövidítése. Weboldalak fejlesztésére használják. Ez a nyelv címkékből áll. A div és span csoportosító címkék a HTML-ben. Egy dokumentum szakaszának meghatározására szolgálnak. Ez a cikk elmagyarázza a div és a span címkék közötti különbséget. A div és a span közötti különbség az, hogy a div egy blokk szintű elem, míg a span egy beépített elem.

Töltse le a div vs span PDF-jét

A cikk PDF-verzióját letöltheti, és offline célokra használhatja az idézési megjegyzés szerint. Kérjük, töltse le a PDF verziót innen: A div és a span közötti különbség

Ajánlott: