Atslēga Starpība - div vs. span
 

HTML ir plaši izmantota valoda, lai izstrādātu tīmekļa lapas. Tas nozīmē hiperteksta iezīmēšanas valodu. Termins Hiper norāda uz sasaisti ar citiem tīmekļa resursiem internetā. Termins Markup attiecas uz spēju izveidot formatētu tekstu ar attēliem un citiem multivides resursiem. Hipersaites ir galvenie HTML komponenti, kas visus tīmekļa resursus liek savienot. Ir vairākas HTML versijas. Tie ir HTML 2.0, 3.2, 4.01 un HTML5. Būtībā HTML ir teksta dokuments ar tagiem. Tas norāda Web pārlūkam, kā Web lapu strukturēt, lai to parādītu. Div un span ir divi tagi HTML. Katram HTML elementam ir noklusējuma displeja vērtība atkarībā no elementa veida. Tātad, tie var būt bloki vai iekļauti elementi. Šajā rakstā apskatīta atšķirība starp div un span. galvenā atšķirība starp div un span ir tas div ir bloka līmeņa elements, savukārt laidiens ir iekļauts elements.

SATURS

1. Pārskats un galvenās atšķirības
2. Kas ir div
3. Kas ir span
4. Div un span līdzības
5. Salīdzinājums blakus - div vs span tabulas formā
6. Kopsavilkums

Kas ir div?

Visi html dokumenti sākas ar dokumenta veida deklarāciju. Mūsdienās visizplatītākā HTML versija ir HTML5. Tāpēc tipa deklarācija ir. Visi html tagi jāiekļauj un tagos. Tagā ir iekļauta nepieciešamā informācija par tīmekļa lapu. Redzamā tīmekļa lapa ir rakstīta taga iekšpusē. Katram mērķim ir tagi.

tagi tiek izmantoti rindkopām.

,

pozīcijām tiek izmantoti utt. Sākuma un beigu tagas saturs ir pazīstams kā elements. piem.

Šī ir rindkopa

.

01. attēls: HTML5

Katram HTML elementam ir noklusējuma displeja vērtība atkarībā no elementa veida. Noklusētās displeja vērtības var būt bloķētas vai inline. Bloku līmeņa elementi vienmēr sākas ar jaunu līniju. Šie elementi aizņem visu pieejamo platumu. Daži bloku līmeņa elementu piemēri ir

, ,

---

un .

Div tags ir arī bloka līmeņa elements HTML. Sintakse ir šāda.

Sveika pasaule!

Div elementi ir konteiners citiem elementiem. Tāpēc elementu komplektu var iesaiņot div elementā. Div tagu lietojot kopā ar kaskādes stila lapu (CSS), satura stila veidošanai var izmantot. Skatiet zemāk redzamo koda daļu.

Div tagu ir div tagu iekšpusē. Visam saturam div taga fona krāsa ir melna un fonta krāsa balta.

Kas ir span?

Atšķirībā no bloku līmeņa elementiem, iekļautie elementi nesākas no jaunas līnijas. Tas aizņem tikai nepieciešamo platumu. Daži inline elementu piemēri ir , ,
un .

Atsauces tags ir arī HTML iekšējs elements. Sintakse ir šāda.

Sveika pasaule!

02 attēls: div un span tagi

Atsauces tags tiek izmantots kā konteiners dažam tekstam. Šo tagu var izmantot arī kopā ar CSS. Tāpēc daļu teksta var veidot stilu. Skatīt piemēru zemāk. '1. rindkopa' atrodas standarta tagā. Krāsa tiek pievienota, izmantojot CSS stila atribūtu.

Šis ir 1. punkts

Kādas ir div un span līdzības??

• Gan div, gan span ir HTML tagu grupēšana.
• Gan div, gan span satur sākuma tagu un beigu tagu.
• Gan div, gan span var būt stila atribūts.

Kāda ir atšķirība starp div un span?

div vs span
Div ir HTML tags, kas nosaka HTML dokumenta sadaļu vai sadaļu.	Span ir HTML tags, ko izmanto HTML dokumentā esošo elementu grupēšanai.
Lietošana
Div tagu izmanto kā konteineru citiem elementiem.	Atsauces tags tiek izmantots kā konteiners dažam tekstam.
Jauna rinda
Div tags sākas ar jaunu rindu.	Span tags nesākas ar jaunu rindu.
Nepieciešamais platums
Div tags aizņems visu platumu.	Atsauces marķējums aizņems tikai nepieciešamo platumu.
Sintakse

Kopsavilkums - div vs. span 

HTML apzīmē hiperteksta iezīmēšanas valodu. To izmanto vietņu izveidošanai. Šī valoda sastāv no tagiem. Div un span grupas HTML tagos. Tos izmanto, lai definētu sadaļu dokumentā. Šajā rakstā tika izskaidrota atšķirība starp div un span tagiem. Atšķirība starp div un laidumu ir tāda, ka div ir bloka līmeņa elements, savukārt laidiens ir iekšējs elements.

Lejupielādējiet div vs span PDF

Varat lejupielādēt šī raksta PDF versiju un izmantot to bezsaistes vajadzībām, kā norādīts citēšanas piezīmē. Lūdzu, lejupielādējiet PDF versiju šeit: Atšķirība starp div un span 

Atsauce:

1.tutorialspoint.com. “HTML bloki”. Punkts, pieejams šeit  
2.HTML bloķēšanas un iekšējie elementi. Pieejams šeit 

Attēla pieklājība:

1.'HTML5 logotips un vārdnīca'By W3C (CC BY 3.0), izmantojot Commons Wikimedia