Käytä span ja div CSS: llä suuremman tyylin ja asettelun hallintaan.
Monet Web-suunnittelua ja HTML / CSS -tuottajia käyttävät ja Div-elementti määrittelee web-sivusi loogiset jakautumat. Se on pohjimmiltaan laatikko, johon voit sijoittaa muita HTML-elementtejä, jotka loogisesti yhdistyvät. Jako voi sisältää useita muita elementtejä, kuten kappaleita, otsikoita, luetteloita, linkkejä, kuvia jne. Se voi jopa sisältää muita osastoja sen sisällä, jotta se voi tarjota lisärakenne ja organisaation HTML-dokumentille. Jos haluat käyttää div-elementtiä, aseta avoin sisältö div Div> Jos sivusi alue tarvitsee joitain lisätietoja, joita käytät tyyliin CSS: llä myöhemmin, voit lisätä id-valitsimen (esim. id = "myDiv">) tai luokanvalitsimella (esim. class = "bigDiv">). Molemmat attribuutit voidaan sitten valita CSS: llä tai muokata JavaScriptin avulla. Nykyiset parhaat käytännöt kohdistuvat käyttämään luokkavaihtoehtoja ID: n sijasta, osittain siksi, kuinka erityisiä ID-valitsimia käytetään. Totuus voi kuitenkin käyttää joko yhtä ja voi jopa jakaa sekä ID: n että luokan valitsimen. Milloin käyttää Div-elementti on erilainen kuin HTML5-osa-elementti, koska se ei sisällä suljettua sisältöä semanttista merkitystä. Jos et ole varma, onko sisällön lohko div tai osa, mieti, millä tavoin elementin ja sisällön tarkoitus on auttaa sinua päättämään, mitä: Viime kädessä molemmat jaksot ja profiilit käyttäytyvät melko samalla tavalla, ja voit antaa jommallekummalle heistä attribuuttiarvot ja muotoilla niitä CSS: llä saadaksesi sivustosi ulkoasua, jota tarvitset. Molemmat ovat lohkotason elementtejä. Span-elementti on oletusarvoisesti inline-elementti. Tämä erottaa sen div ja osa-elementit. Span-elementtiä käytetään usein tietyn sisällön, normaalisti tekstin, käärimiseen, jolloin se on lisäkoukku, joka voidaan muotoilla myöhemmin. Käytettävissä CSS: llä, se voi muuttaa sen sisältämän tekstin tyylin; mutta ilman tyyliattribuutteja pelkkä span-elementti ei vaikuta lainkaan tekstiin. Tämä on tärkein ero span ja div elementtien välillä. Kuten yllä mainittiin, div-elementti sisältää kohta-tauon, kun taas span-elementti kertoo selaimelle, että sovellettaisiin CSS-tyyppisääntöjä siihen, mitä tagit sisältävät. Korostettu teksti span> ja ei-korostettu teksti. p> Lisää luokan = "korostus" tai muu luokka span-elementtiin, jotta tekstiä voidaan muotoilla CSS: llä (esim. Class = "highlight">). Span-elementillä ei ole vaadittuja määritteitä, mutta kolme hyödyllisintä ovat samat kuin div-elementillä: Käytä välitavaraa, kun haluat muuttaa sisältötyyppiä määrittelemättä sitä sisältöä uudeksi lohkotason elementiksi asiakirjassa. Jos haluat esimerkiksi, että h3-otsikon toinen sana on punainen, voit ympäröidä kyseisen sanan span-elementillä, joka muotoilee sanan punaisena. Sana on edelleen osa h3-elementtiä, mutta nyt se näkyy myös punaisena: Julkaisija Jeremy Girard 2/2/17 Käytä
Käytä -elementtiä
Div> Tämä on minun mahtava otsikko