Atšķirība starp div un span

2024 Autors: Alex Aldridge | [email protected]. Pēdējoreiz modificēts: 2023-12-17 13:45

Galvenā atšķirība - div vs span

HTML ir plaši izmantota valoda tīmekļa lapu izstrādei. Tas apzīmē hiperteksta iezīmēšanas valodu. Termins Hyper attiecas uz saitēm uz 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 nodrošina visu tīmekļa resursu savienojumu. 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 tīmekļa pārlūkprogrammai veidu, kā strukturēt tīmekļa lapu, 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ā ir apskatīta atšķirība starp div un span. Galvenā atšķirība starp div un span ir tāda, ka div ir bloka līmeņa elements, savukārt span ir iekļauts elements.

Kas ir div?

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

tags tiek izmantots rindkopām.

,

utt. tiek izmantoti virsrakstiem. Saturs sākuma un beigu taga iekšpusē 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ējuma displeja vērtības var būt bloķētas vai iekļautas. Bloka līmeņa elementi vienmēr sākas ar jaunu rindiņu. Šie elementi aizņem visu pieejamo platumu. Daži bloka līmeņa elementu piemēri:,, un

Atzīme div ir arī bloka līmeņa elements HTML valodā. Sintakse ir šāda.

Sveika pasaule!

Div elementi ir konteiners citiem elementiem. Tāpēc elementu kopu var iesaiņot elementā div. Lietojot kopā ar kaskādes stila lapu (CSS), tagu div var izmantot satura bloka stila veidošanai. Skatiet tālāk norādīto koda daļu.

Divas rindkopas atrodas div tagā. Visam div tagā esošajam saturam ir melna fona krāsa un b altā fonta krāsa.

Kas ir span?

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

Spana tags ir arī iekļauts HTML elements. Sintakse ir šāda.

Sveika pasaule!

2. attēls: tags div un span

Spanas tags tiek izmantots kā konteiners noteiktam tekstam. Šo tagu var izmantot arī ar CSS. Tāpēc teksta daļai var būt stilizācija. Skatiet zemāk esošo piemēru. Paragrāfs 1 atrodas span taga iekšpusē. Krāsa tiek pievienota, izmantojot CSS stila atribūtu.

Šī ir rindkopa1

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

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

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

div pret span
Div ir HTML tags, kas definē iedalījumu vai sadaļu HTML dokumentā.	Laipums ir HTML tags, ko izmanto, lai grupētu iekļautos elementus HTML dokumentā.
Lietošana
Tags div tiek izmantots kā konteiners citiem elementiem.	Spanas tags tiek izmantots kā konteiners noteiktam tekstam.
Jauna rinda
Div tags sākas ar jaunu rindiņu.	Spanas tags nesākas ar jaunu rindiņu.
Nepieciešamais platums
Taga div būs visa platumā.	Spanas tagam būs tikai nepieciešamais platums.
Sintakse

Kopsavilkums - div vs span

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

Lejupielādēt PDF failu div vs span

Varat lejupielādēt šī raksta PDF versiju un izmantot to bezsaistē saskaņā ar atsauces piezīmi. Lūdzu, lejupielādējiet PDF versiju šeit: Atšķirība starp div un span