avain Ero - div vs jänneväli
 

HTML on laajasti käytetty kieli verkkosivujen kehittämiseen. Se tarkoittaa hypertekstin merkintäkieltä. Termi Hyper viittaa linkittämiseen muihin Internet-resursseihin. Termi Markup viittaa kykyyn luoda muotoiltua tekstiä kuvien ja muiden multimediaresurssien avulla. Hyperlinkit ovat HTML: n tärkeimpiä komponentteja, jotka saavat kaikki Web-resurssit yhdistymään. HTML: stä on useita versioita. Ne ovat HTML 2.0, 3.2, 4.01 ja HTML5. Pohjimmiltaan HTML on tekstidokumentti, jossa on tunnisteita. Se kertoo web-selaimelle, miten web-sivu rakennetaan sen näyttämistä varten. Div ja span ovat HTML-koodissa kaksi tunnistetta. Jokaisella HTML-elementillä on oletusnäyttöarvo elementin tyypistä riippuen. Joten, ne voivat olla lohko- tai rivielementtejä. Tässä artikkelissa tarkastellaan eroa div: n ja span välillä. avainero div: n ja span välillä on se div on lohkotason elementti, kun taas span on inline-elementti.

SISÄLLYS

1. Yleiskatsaus ja keskeiset erot
2. Mikä on div
3. Mikä on span
4. Div- ja span-ominaisuuksien väliset yhtäläisyydet
5. Vertailu rinnakkain - div vs span taulukkomuodossa
6. Yhteenveto

Mikä on div?

Kaikki html-asiakirjat alkavat asiakirjatyyppisellä ilmoituksella. Nykyään HTML: n yleisin versio on HTML5. Siksi tyyppi-ilmoitus on. Kaikkien html-tunnisteiden tulisi olla merkintöjen sisällä. Tarvittavat verkkosivun yksityiskohdat sisältyvät tunnisteen sisään. Näkyvä verkkosivu on kirjoitettu tunnisteen sisään. Jokaisessa tarkoituksessa on tunnisteita.

tunniste on käytetty kappaleisiin.

,

jne. käytetään otsikoihin. Alku- ja päätetagin sisällä oleva sisältö tunnetaan elementtinä. esim.

Tämä on kohta

.

Kuva 01: HTML5

Jokaisella HTML-elementillä on oletusnäyttöarvo elementin tyypistä riippuen. Näytön oletusarvot voivat olla joko estetty tai inline. Lohkotason elementit alkavat aina uudella rivillä. Nämä elementit vievät koko käytettävissä olevan leveyden. Joitakin esimerkkejä lohkotason elementeistä ovat

, ,

---

ja .

Div-tagi on myös HTML-lohkotason elementti. Syntaksi on seuraava.

Hei maailma!

Div-elementit ovat säiliö muihin elementteihin. Siksi joukko elementtejä voidaan pakata div-elementtiin. Div-tunnistetta voidaan käyttää CSS: n kanssa CSC: n kanssa käytettäessä sisältölohkon tyyliä. Katso alla oleva koodiosa.

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

Mikä on span?

Toisin kuin lohkotason elementeissä, inline-elementit eivät aloita uudella rivillä. Se vie vain vaaditun leveyden. Joitakin esimerkkejä sisäisistä elementeistä ovat , ,
ja .

Span-tunniste on myös HTML-muodossa oleva elementti. Syntaksi on seuraava.

Hei maailma!

Kuva 02: div- ja span-tunniste

Span-tunnistetta käytetään säiliönä tiettyä tekstiä varten. Tätä tunnistetta voidaan käyttää myös CSS: n kanssa. Siksi osa tekstistä voidaan muotoilla. Katso alla esimerkki. 'Kappale 1' on span-tunnisteen sisällä. Väri lisätään CSS-tyylimääritteellä.

Tämä on kohta 1

Mitkä ovat samankaltaisuudet div: n ja span välillä?

• Sekä div että span ovat ryhmittelytunnisteita HTML-muodossa.
• Sekä div että span sisältävät aloitustagin ja lopputunnisteen.
• Sekä divillä että spanilla voi olla tyyliominaisuus.

Mikä on ero div: n ja span välillä?

div vs span
Div on HTML-tunniste, joka määrittelee jaon tai osion HTML-dokumentissa.	Span on HTML-tunniste, jota käytetään HTML-asiakirjan sisäisten elementtien ryhmittelyyn.
Käyttö
Div-tunnistetta käytetään säiliönä muille elementeille.	Span-tunnistetta käytetään säiliönä tiettyä tekstiä varten.
Uusi rivi
Div-tag alkaa uudella rivillä.	Kiertotunniste ei ala uutta riviä.
Vaadittava leveys
Div-tagi vie koko leveyden.	Verkkotunniste on vain vaadittu leveys.
Syntaksi

Yhteenveto - div vs jänneväli 

HTML tarkoittaa hypertekstin merkintäkieltä. Sitä käytetään verkkosivustojen kehittämiseen. Tämä kieli koostuu tunnisteista. Div- ja span-ryhmittelytunnisteet HTML-muodossa. Niitä käytetään osan määrittelemiseen asiakirjassa. Tässä artikkelissa selitettiin ero div- ja span-tunnisteiden välillä. Ero div: n ja span välillä on, että div on lohkotason elementti, kun taas span on inline elementti.

Lataa PDF-tiedosto div vs span

Voit ladata tämän artikkelin PDF-version ja käyttää sitä offline-tarkoituksiin lainauksen yhteydessä. Lataa PDF-versio täältä: Ero div: n ja span välillä 

Viite:

1.tutorialspoint.com. “HTML-esteet.” Kohta, saatavana täältä  
2.HTML-estävät ja inline-elementit. Saatavilla täältä 

Kuvan kohteliaisuus:

1.'HTML5-logo ja sanamerkki'By W3C, (CC BY 3.0) Commons Wikimedian kautta