Kulcskülönbség - div vs span
A HTML egy széles körben használt nyelv a weboldalak fejlesztéséhez. A Hyper Text Markup Language rövidítése A Hyper kifejezés hivatkozást jelent az internet más webes erőforrásaira. A Jelölés kifejezés arra a képességre utal, hogy formázott szöveget készítsen képekkel és egyéb multimédiás forrásokkal. A hiperhivatkozások a HTML fő összetevői, amelyek az összes webes erőforrást összekapcsolják. A HTML-nek több változata létezik. Ezek HTML 2.0, 3.2, 4.01 és HTML5. Alapvetően a HTML egy címkékkel ellátott szöveges dokumentum. Megmondja a webböngészőnek a weboldal strukturálásának módját annak megjelenítésére. 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 blokk vagy inline elemek lehetnek. Ez a cikk a div és a span közötti különbséget tárgyalja. A legfontosabb különbség a div és a span között az, hogy a div egy blokkszintű elem, míg a span egy inline elem.
TARTALOM
1. Áttekintés és a legfontosabb különbség
2. Mi a div
3. Mi a span
4. A div és a span közötti hasonlóság
5. Egymás mellett történő összehasonlítás - div vs span táblázatos formában
6. Összefoglalás
Mi a div?
Minden html dokumentum egy dokumentumtípus deklarációval kezdődik. Ma a HTML leggyakoribb változata a HTML5. Ezért a típusdeklaráció. Minden html címkét tartalmaznia kell a és tag-ekben. 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
tag a bekezdésekhez szokott. A
,
stb. használják a címsorokra. A kezdő és befejező címke tartalma elemként ismert. például
Ez egy bekezdés
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 lehetnek blokkoltak vagy sorosak. A blokkszintű elemek mindig új vonallal kezdődnek. Ezek az elemek teljes elérhető szélességet vesznek fel. Néhány példa a blokk szintű elemekre, és
A div tag a blokk szintjének eleme a HTML-ben is. A szintaxis a következő.
Helló Világ!
A div elemek tárolók más elemekhez. Ezért egy elemkészlet beilleszthető a div elembe. CSK (Cascading Style Sheet) használatakor a div tag használható a tartalomtömb stílusának megformálásához. Lásd az alábbi kódrészletet.
Két bekezdés található a div tagben. A div tag minden tartalmának fekete háttérszíne és fehér betűszíne van.
Mi a span?
A blokkszintű elemektől eltérően az inline elemek nem egy új vonalon kezdődnek. Csak a szükséges szélességet veszi igénybe. Néhány példa az inline elemekre a,, és
A span címke a HTML egy soros eleme is. A szintaxis a következő.
Helló Világ!
02. ábra: div és span tag
A span címkét valamilyen szöveg tárolására 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. A „bekezdés1” a span címkén belül található. A szín hozzáadása CSS stílusattribútummal történik.
Ez a bekezdés1
Milyen hasonlóságok vannak a div és a span között?
- A div és a span egyaránt címkéket csoportosít a HTML-ben.
- A div és a span egyaránt tartalmazza a kezdő tagot és a befejező taget.
- A div és a span egyaránt rendelkezhetnek stílusattribútummal.
Mi a különbség a div és a span között?
Különböző cikk a táblázat előtt
div vs span |
|
A div egy HTML címke, amely meghatározza a HTML dokumentumban található részeket vagy szakaszokat. | A span egy HTML címke, amelyet a HTML-dokumentum inline elemeinek csoportosítására használnak. |
Használat | |
A div tag más elemek tárolására szolgál. | A span címkét valamilyen szöveg tárolására használják. |
Új sor | |
A div tag új sorral kezdődik. | A span címke nem új sorral kezdődik. |
Szükséges szélesség | |
A div címke teljes szélességű lesz. | A span címke csak a szükséges szélességet veszi fel. |
Szintaxis | |
Összegzés - div vs span
A HTML jelentése Hyper Text Markup Language. Weboldalak fejlesztésére szolgál. Ez a nyelv címkékből áll. A div és a span csoportosító címkék HTML-ben. Egy dokumentum szakaszának meghatározására szolgálnak. Ez a cikk elmagyarázta 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 blokkszintű elem, míg a span egy sorelem.
Töltse le a div vs span PDF-fájlt
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: A div és a span közötti különbség