Tärkein ero - div vs span
HTML on laajalti käytetty kieli verkkosivujen kehittämiseen. Se tarkoittaa Hyper Text Markup Language. Termi Hyper viittaa linkittämiseen muihin Internetin verkkoresursseihin. Termi Markup tarkoittaa kykyä luoda alustettua tekstiä kuvilla ja muilla multimediaresursseilla. Hyperlinkit ovat HTML: n pääkomponentteja, jotka saavat kaikki verkkoresurssit yhdistymään toisiinsa. HTML: stä on useita versioita. Ne ovat HTML 2.0, 3.2, 4.01 ja HTML5. Pohjimmiltaan HTML on tunnisteilla varustettu tekstidokumentti. Se kertoo verkkoselaimelle tavan rakentaa verkkosivu sen näyttämiseksi. Div ja span ovat kaksi HTML-koodia. Jokaisella HTML-elementillä on oletusnäyttöarvo riippuen elementin tyypistä. Joten ne voivat olla lohko- tai inline-elementtejä. Tässä artikkelissa käsitellään div: n ja span: n välistä eroa. Tärkein ero div: n ja span välillä on se, että div on lohkotason elementti, kun taas span on inline-elementti.
SISÄLLYS
1. Yleiskatsaus ja avainero
2. Mikä on div
3. Mikä on alue
4. Div: n ja span väliset yhtäläisyydet
5. Rinnakkainen vertailu - div vs. span taulukkomuodossa
6. Yhteenveto
Mikä on div?
Kaikki html-asiakirjat alkavat asiakirjatyypin ilmoituksella. Nykyään HTML: n yleisin versio on HTML5. Siksi tyyppi-ilmoitus on. Kaikkien html-tunnisteiden tulisi olla ja tagien sisällä. Tarvittavat verkkosivun yksityiskohdat sisältyvät tagiin. Näkyvä verkkosivu on kirjoitettu tunnisteen sisään. Kutakin tarkoitusta varten on tunnisteita.
tagia käytetään kappaleisiin.
,
jne. käytetään otsikoihin. Alku- ja lopputunnisteen sisältö tunnetaan elementtinä. esimerkiksi
Tämä on kappale
Kuva 01: HTML5
Jokaisella HTML-elementillä on oletusnäyttöarvo elementin tyypistä riippuen. Näytön oletusarvot voivat olla joko lohko- tai linjaisia. 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 lohkotason elementti HTML: ssä. Syntaksi on seuraava.
Hei maailma!
Div-elementit ovat kontti muihin elementteihin. Siksi joukko elementtejä voidaan pakata div-elementtiin. Kun CSS (CSS) -palvelua käytetään, div-tagia voidaan käyttää sisältölohkon muotoiluun. Katso alla oleva koodinpätkä.
Kaksi kappaletta on div-tagin sisällä. Koko div-tagin sisällön taustaväri on musta ja kirjasimen väri valkoinen.
Mikä on span?
Toisin kuin lohkotason elementeissä, inline-elementit eivät ala uudelta riviltä. Se vie vain vaaditun leveyden. Joitakin esimerkkejä sisäisistä elementeistä ovat, ja
Span-tagi on myös inline-elementti HTML: ssä. Syntaksi on seuraava.
Hei maailma!
Kuva 02: div- ja span-tagi
Span-tagia käytetään jonkin tekstin säilönä. Tätä tagia voidaan käyttää myös CSS: n kanssa. Siksi osa tekstistä voidaan muotoilla. Katso alla oleva esimerkki. 'Kappale1' on span-tagin sisällä. Väri lisätään CSS-tyylimääritteen avulla.
Tämä on kappale1
Mitkä ovat div: n ja span väliset yhtäläisyydet?
- Sekä div että span ovat ryhmittelytageja HTML: ssä.
- Sekä div että span sisältävät alkutunnisteen ja lopputagin.
- Sekä divilla että spanilla voi olla tyyliominaisuus.
Mikä on ero div: n ja spanin välillä?
Erilainen artikkeli keskellä taulukkoa
div vs span |
|
| Div on HTML-tunniste, joka määrittelee jaon tai osan HTML-dokumentissa. | Span on HTML-tagi, jota käytetään sisäisten elementtien ryhmittelemiseen HTML-dokumentissa. |
| Käyttö | |
| Div-tagia käytetään muiden elementtien säilönä. | Span-tagia käytetään jonkin tekstin säilönä. |
| Uusi rivi | |
| Div-tunniste alkaa uudella rivillä. | Span tag ei ala uudella rivillä. |
| Vaadittu leveys | |
| Div-tagi vie kaiken leveyden. | Span-tagi vie 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-ryhmittelytagit HTML-muodossa. Niitä käytetään määrittämään osa asiakirjassa. Tässä artikkelissa selitettiin ero div- ja span-tagien välillä. Div: n ja span välinen ero 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 lainausviestin mukaan. Lataa PDF-versio täältä: Div: n ja span välinen ero
