Razlika med div in razponom

Ključ Razlika - div vs razpon
 

HTML je široko uporabljen jezik za razvoj spletnih strani. Se pravi Hyper Text Markup Language. Izraz Hyper se nanaša na povezovanje z drugimi spletnimi viri na internetu. Izraz Oznaka se nanaša na sposobnost ustvarjanja oblikovanega besedila s slikami in drugimi večpredstavnostnimi viri. Hiperpovezave so glavne komponente HTML-ja, zaradi katerih se vsi spletni viri povežejo. Obstaja več različic HTML-ja. So HTML 2.0, 3.2, 4.01 in HTML5. V bistvu je HTML besedilni dokument z oznakami. Spletnemu brskalniku pove, kako zgraditi spletno stran tako, da jo prikaže. Div in span sta dve oznaki v HTML. Vsak element HTML ima privzeto prikazno vrednost, odvisno od vrste elementa. Torej, lahko so blok ali inline elementi. Ta članek govori o razliki med div in span. The ključna razlika med div in span je to div je element ravni bloka, medtem ko je span vgrajen element.

VSEBINA

1. Pregled in ključne razlike
2. Kaj je div
3. Kaj je razpon
4. Podobnosti med div in span
5. Primerjava zraven - div v primerjavi s tabelarno obliko
6. Povzetek

Kaj je div?

Vsi html dokumenti se začnejo z izjavo o vrsti dokumenta. Danes je najpogostejša različica HTML-ja HTML5. Zato je izjava o tipu. Vse oznake html morajo biti vključene znotraj in oznak. Potrebne podrobnosti spletne strani so vključene znotraj oznake. Vidna spletna stran je zapisana znotraj oznake. Za vsak namen so oznake. The

oznaka se uporablja za odstavke. The

,

itd. se uporabljajo za naslove. Vsebina znotraj začetne in končne oznake je znana kot element. npr.

To je odstavek

.

Slika 01: HTML5

Vsak element HTML ima privzeto prikazno vrednost, odvisno od vrste elementa. Privzete prikazane vrednosti so lahko blok ali inline. Elementi ravni bloka se vedno začnejo z novo vrstico. Ti elementi imajo celotno razpoložljivo širino. Nekaj ​​primerov elementov ravni blokov je

, ,


in .

Oznaka div je tudi element ravni bloka v HTML-ju. Skladnja je naslednja.

Pozdravljen, svet!

Elementi div so vsebnik za druge elemente. Zato je v element div mogoče spakirati nabor elementov. Če se uporablja s Cascading Style Sheet (CSS), lahko oznako div uporabimo za oblikovanje bloka vsebine. Glejte spodnji del kode.

Dva odstavka sta znotraj oznake div. Vsa vsebina znotraj oznake div ima barvo ozadja črno in barvo pisave belo.

Kaj je razpon?

Za razliko od elementov na ravni bloka se vmesni elementi ne zaženejo v novi vrstici. Zavzame le potrebno širino. Nekaj ​​primerov vgrajenih elementov je , ,
in .

Span oznaka je tudi vgrajen element v HTML-ju. Skladnja je naslednja.

Pozdravljen, svet!

Slika 02: oznaka div in span

Span oznaka se uporablja kot vsebnik za nekaj besedila. Ta oznaka se lahko uporablja tudi s CSS. Zato je mogoče del besedila preoblikovati. Glej spodnji primer. „Odstavek 1“ je znotraj oznake razpona. Barva je dodana s pomočjo atributa sloga CSS.

To je prvi odstavek

Kakšne so podobnosti med div in span?

  • Oznake div in span združujejo oznake v HTML.
  • Tako div kot span vsebujeta začetno in končno oznako.
  • Tako div kot razpon imata lahko atribut sloga.

Kakšna je razlika med div in span?

div vs span

Div je oznaka HTML, ki določa delitev ali odsek v dokumentu HTML. Razpon je oznaka HTML, ki se uporablja za združevanje vgradnih elementov v dokumentu HTML.
 Uporaba
Oznaka div se uporablja kot vsebnik za druge elemente. Span oznaka se uporablja kot vsebnik za nekaj besedila.
Nova linija
Oznaka div se začne z novo vrstico. Oznaka span se ne začne z novo vrstico.
 Zahtevana širina
Oznaka div bo prevzela vso širino. Oznaka razpona bo prevzela samo zahtevano širino.
Sintaksa
 

Povzetek - div vs razpon 

HTML pomeni Hyper Text Markup Language. Uporablja se za razvoj spletnih strani. Ta jezik je sestavljen iz oznak. Oznake grupiranja div in span v HTML. Uporabljajo se za določitev odseka v dokumentu. Ta članek je razložil razliko med oznakami div in span. Razlika med div in span je, da je div element na ravni bloka, medtem ko je span vhodni element.

Prenesite PDF div proti span

Lahko prenesete PDF različico tega članka in jo uporabite za namene brez povezave, kot je navedeno v navodilu. Prenesite PDF različico tukaj: Razlika med div in span 

Referenca:

1.tutorialspoint.com. "Bloki HTML." Točka, ki je na voljo tukaj  
2.HTML blok in vmesni elementi. Na voljo tukaj 

Vljudnost slik:

1.'HTML5 logotip in besedni žig'By W3C, (CC BY 3.0) prek Commons Wikimedia