HTML-elementtejä span ja div käytetään molempien samanlaisten komponenttien tuomiseen verkkosivulle. Niillä on kuitenkin omat tarkoituksensa. Div-elementti järjestää ja tyylittelee sivun komponentteja lohkotasolla, kun taas span-elementti järjestää ja tyylittelee sivuelementtejä rivin sisällä. Molempia voidaan käyttää säiliöinä, mutta ne eivät toimi samalla tavalla.
Div vs Span
Ero div- ja span-elementtien välillä on se, että div tags -elementti on lohkoelementti, jota käytetään yleisimmin jakamaan sisältö sivulla oleviin lohkoihin, kun taas span-tunniste on yleinen upotettu komponentti, jota voidaan käyttää inline-osan tyyliin. sisältö.
HTML-tunniste div tarkoittaa "jakoa" ja on sen lyhenne (tunnetaan muuten elementtinä). Sille annetaan yleensä yksilöllinen tunnus erottaakseen sen muista saman sivun div-elementeistä. Sitä käytetään rakentamaan säiliöitä Web-sivujen sisällön ryhmittelyjen ympärille.
Span-elementti on tekstin osan tai sivun korostamiseen tarkoitettu rivisäiliö. Span-elementin class- ja id-attribuutteja voidaan helposti muokata CSS:n avulla tai ohjata JavaScriptillä. Pienet tekstinpalat, linkit, kuvat ja muut HTML-komponentit, jotka näkyvät samassa linjassa ympäröivän sisällön kanssa, on merkitty span-tageilla.
Vertailutaulukko Divin ja Span välillä
| Vertailuparametrit | Div | Span |
| Määritelmä | Div (division) tags -elementti on lohkotason elementti, jota käytetään yleisimmin sisällön jakamiseen lohkoihin sivulla. | span tag -elementti on yleinen upotettu elementti, jota käytetään yleisesti tyyliin upotetun materiaalin osan |
| Käyttää | Sitä käytetään jakamaan lohkorivikomponentteja, lähinnä rivinvaihtoa ennen ja jälkeen. | Sitä käytetään HTML-dokumenteissa sisäisten komponenttien ryhmittelyyn. |
| Sisäkkäiset tunnisteet | Useita tyylejä sisältävillä HTML-sivuilla käytetään sisäkkäistä div-tunnistetta. | HTML-sivut eivät käytä sisäkkäisiä span -tageja. |
| Tyylit | Div-elementin sisäpuolella käytetään joskus kappaletunnistetta. | Kappale-elementtiä käytetään kappaleessa CSS-tyylin käyttämiseen tiettyihin sanoihin mukana toimitettujen fonttiasetusten avulla. |
| Korostamiseksi | Etusivun korostamiseksi käytämme div-tunnisteessa reunuksia, joissa on leveys ja korkeus sekä annettuja väripikseleitä. | Korostaaksemme käyttöliittymän asiakirjaa käytämme Span-tunnistetta värikoodauksella. |
Mikä on Div?
Jakotunniste tunnetaan myös nimellä div. Div-tunniste on HTML-tunniste, jota käytetään jakamaan verkkosivun sisältö (teksti, kuva, otsikko, alatunniste, navigointipalkki jne.). Koska div-elementissä on sekä avaus- että sulkemistunniste, se on suljettava.
Div-elementti on yleisimmin käytetty tunniste web-suunnittelussa, koska sen avulla voimme järjestää sivuston tietoja ja luoda osioita tietylle sisällölle tai toiminnoille. Lohkotason tagi on Div-tunniste. Se on säilötunniste, jota voidaan käyttää mihin tahansa. Se on termi, joka viittaa kokoelmaan HTML-tunnisteita, joita voidaan käyttää osien rakentamiseen ja tyylejen soveltamiseen niihin.
Div-tunnisteet ovat lohkotason tunnisteita. Se on yleinen säilön tunniste. Sitä käytetään HTML:n eri elementtien ryhmittelyyn, jotta segmenttejä voidaan tehdä ja niihin voidaan soveltaa tyyliä. Div-tunniste on todella muokattavissa web-suunnittelua tehtäessä, ja se on helppo vaihtaa. Div-tunnisteen syntaksi on content tai muut tagit. Tunnisteen sisään voidaan laittaa mitä tahansa sisältöä. Oletusarvoisesti ohjelma asettaa aina rivinvaihdon komponentin eteen ja jälkeen.
Mikä on Span?
Span-tunniste on tekstin sisäinen säilö, jota voidaan käyttää tekstin tai asiakirjan osan merkitsemiseen. Span-elementin class- ja id-attribuutteja voidaan helposti muokata CSS:n avulla tai ohjata JavaScriptillä. Span-tunniste on samanlainen kuin div-elementti, paitsi että span on rivielementti, kun taas div on lohkotason elementti.
Kun muuta suurta elementtiä ei ole saatavilla, tämä on parempi tapa käyttää. Sitä käytetään objektien tyylittämiseen ryhmittelemällä ne yhteen (hyödyntämällä class- tai id-ominaisuuksia). Div on lohkoelementti ja span on upotettu tunniste, vaikka niillä on yhtäläisyyksiä. Koska span-tunniste on parillinen tag-merkitys, sillä on sekä avaus()-tunniste, että se on suljettava. Tämä tunniste hyväksyy kaikki globaalit ja tapahtumaattribuutit. Sisäiset komponentit ryhmitellään span-tunnisteen avulla. Span tagilla ei ole vaikutusta sivun ulkoasuun. Div on lohkoelementti ja span on upotettu tunniste, vaikka niillä on yhtäläisyyksiä.
Syntaksi span tagille: text. Joka tapauksessa tarrat ovat uskomattomia siinä mielessä, että niiden avulla voimme jakaa minkä tahansa maailmanlaajuisen HTML-laadun tekstisegmentille tai muulle sivun sisällölle. Yleisimmin tunnistetut ominaisuudet, joita näet käytettävän pituuden kanssa, ovat valitsimen tunnus ja luokka, joita käytetään tyylin soveltamiseen eksplisiittisiin sanoiin.
Tärkeimmät erot Divin ja Spanin välillä
Johtopäätös
Tunnisteita div ja span käytetään erottamaan verkkosivun osia. span>-elementti näyttää asiakirjan rivin sisällön. Div>-komponentit näyttävät asiakirjan lohkotason sisällön. Span on rivielementti, kun taas div on lohkotason elementti. Kääri asiakirjan osat diveillä, kun taas pienet tekstin, kuvien ja muun sisällön osat tulee kääriä väliin.
Divit ja span -osat ovat yleisimmin käytettyjä HTML-komponentteja, ja hyvästä syystä: niiden avulla voit järjestää ja koristella HTML-sivusi juuri haluamallasi tavalla. Silti niillä jokaisella on erillinen tarkoitus, ja niiden välisten erojen tunteminen varmistaa, että käytät kutakin oikein ja vain tarvittaessa. Lopulta säästät itsesi päänsärkyltä ja turhalta koodilta.
