Div:n ja span:n välinen ero

Sisällysluettelo:

Div:n ja span:n välinen ero
Div:n ja span:n välinen ero

Video: Div:n ja span:n välinen ero

Video: Div:n ja span:n välinen ero
Video: ВЛАД А4 и ДИРЕКТОР ЮТУБА против СИРЕНОГОЛОВЫЙ 2024, Marraskuu
Anonim

Avainero – div vs span

HTML on laaj alti käytetty kieli verkkosivujen kehittämiseen. Se tulee sanoista Hyper Text Markup Language. Termi Hyper viittaa linkkien tekemiseen muihin Internetin verkkoresursseihin. Termi Markup viittaa kykyyn luoda muotoiltua tekstiä kuvien ja muiden multimediaresurssien avulla. Hyperlinkit ovat HTML:n pääkomponentteja, jotka yhdistävät kaikki verkkoresurssit toisiinsa. HTML:stä on useita versioita. Ne ovat HTML 2.0, 3.2, 4.01 ja HTML5. Pohjimmiltaan HTML on tekstidokumentti, jossa on tageja. Se kertoo web-selaimelle tavan jäsentää web-sivu näyttämään se. Div ja span ovat kaksi tunnistetta HTML:ssä. Jokaisella HTML-elementillä on oletusarvoinen näyttöarvo elementin tyypistä riippuen. Ne voivat siis olla lohko- tai rivielementtejä. Tässä artikkelissa käsitellään eroa div:n ja span:n välillä. avainero div:n ja span:n välillä on, että div on lohkotason elementti, kun taas span on rivielementti.

Mikä on div?

Kaikki html-asiakirjat alkavat asiakirjatyypin ilmoituksella. Nykyään yleisin HTML-versio on HTML5. Siksi tyyppiilmoitus on. Kaikki html-tunnisteet tulee sisällyttää -tunnisteiden sisään. Verkkosivun tarvittavat tiedot sisältyvät tunnisteen sisään. Näkyvä verkkosivu kirjoitetaan tagin sisään. Jokaista tarkoitusta varten on tunnisteet.

tunniste on tottunut kappaleisiin.

,

jne. käytetään otsikoina. Aloitus- ja lopputunnisteen sisällä oleva sisältö tunnetaan elementtinä. esim.

Tämä on kappale

Ero div:n ja span:n välillä
Ero div:n ja span:n välillä

Kuva 01: HTML5

Jokaisella HTML-elementillä on oletusarvoinen näyttöarvo elementin tyypistä riippuen. Oletusnäytön arvot voivat olla joko block tai inline. Lohkotason elementit alkavat aina uudella rivillä. Nämä elementit vievät koko käytettävissä olevan leveyden. Esimerkkejä lohkotason elementeistä ovat,, ja

Div-tunniste on myös lohkotason elementti HTML:ssä. Syntaksi on seuraava.

Hei maailma!

Div-elementit ovat muiden elementtien säilö. Siksi joukko elementtejä voidaan pakata div-elementtiin. CSS:n (Cascading Style Sheet) kanssa käytettynä div-tunnistetta voidaan käyttää sisältölohkon tyyliin. Katso alla oleva koodinpätkä.

Div:n ja span:n välinen ero_Kuva 03
Div:n ja span:n välinen ero_Kuva 03

Kaksi kappaletta on div-tunnisteen sisällä. Kaiken div-tunnisteen sisällä olevan sisällön taustaväri on musta ja fontin väri valkoinen.

Mikä on jänneväli?

Toisin kuin lohkotason elementeissä, rivielementit eivät ala uudelta riviltä. Se vie vain vaaditun leveyden. Joitakin esimerkkejä rivielementeistä ovat,, ja

Avainero div:n ja span:n välillä
Avainero div:n ja span:n välillä

Spanja-tunniste on myös HTML:n rivielementti. Syntaksi on seuraava.

Hei maailma!

Kuva 02: div ja span tag

Tarjoustunnistetta käytetään jonkin tekstin säilönä. Tätä tunnistetta voidaan käyttää myös CSS:n kanssa. Siksi osa tekstistä voidaan muotoilla. Katso alla oleva esimerkki. Kohta 1 on span-tunnisteen sisällä. Väri lisätään CSS-tyyliattribuutilla.

Tämä on kohta1

Mitä yhtäläisyyksiä div:n ja span:n välillä on?

  • Sekä div että span ovat ryhmittelytunnisteita HTML-koodissa.
  • Sekä div että span sisältävät aloitus- ja lopputunnisteen.
  • Sekä div:llä että span:lla voi olla style-attribuutti.

Mitä eroa div:n ja span:n välillä on?

div vs span

Div on HTML-tunniste, joka määrittää jaon tai osan HTML-dokumentissa. Väli on HTML-tunniste, jota käytetään ryhmittelemään rivielementtejä HTML-dokumentissa.
Käyttö
Div-tunnistetta käytetään muiden elementtien säilönä. Tarjoustunnistetta käytetään jonkin tekstin säilönä.
Uusi rivi
Div-tunniste alkaa uudella rivillä. Tarjoustunniste ei ala uudella rivillä.
Pakollinen leveys
Div-tunniste ottaa koko leveyden. Spanja-tunniste ottaa vain vaaditun leveyden.
Syntaksi

Yhteenveto – div vs span

HTML on lyhenne sanoista Hyper Text Markup Language. Sitä käytetään verkkosivustojen kehittämiseen. Tämä kieli koostuu tunnisteista. Div- ja span-ryhmittelytunnisteet HTML:ssä. Niitä käytetään asiakirjan osion määrittämiseen. Tässä artikkelissa selitettiin ero div- ja span-tunnisteiden välillä. Ero div:n ja span:n välillä on, että div on lohkotason elementti, kun taas span on rivielementti.

Lataa PDF: div vs span

Voit ladata tämän artikkelin PDF-version ja käyttää sitä offline-tarkoituksiin lainaushuomautuksen mukaisesti. Lataa PDF-versio tästä: Div:n ja span:n ero

Suositeltava: