Jos tarkastelet minkä tahansa verkkosivun HTML-merkintää, näet HTML-elementtejä, jotka sisältyvät muihin HTML-elementteihin. Nämä elementit, jotka ovat "sisälle" muita, ovat ns. "Sisäkkäisiä elementtejä", ja ne ovat välttämättömiä minkä tahansa verkkosivun rakentamiseksi tänään.
Mitä tarkoittaa Nest-HTML-tagit?
Helpoin tapa ymmärtää pesä on ajatella HTML-tunnisteita laatikoiksi, jotka pitävät sisältöäsi. Sisältösi voi sisältää tekstiä, kuvia jne. HTML-tunnisteet ovat sisällön ruutuja. Joskus sinun on sijoitettava laatikoita muiden laatikoiden sisälle. Nämä "sisäiset" laatikot ovat sisäkkäisiä muiden sisällä.
Jos sinulla on lohko teksti, jonka haluat lihavoida kappaleen sisällä, sinulla on kaksi HTML-elementtiä sekä itse teksti.
Esimerkki: Tämä on a tuomita tekstiä.
Tämä teksti on se, mitä me käytämme esimerkkinä. Tässä on, miten se olisi kirjoitettu.
Esimerkki: Tämä on tekstin lause. Koska haluat, että sana "lause" on lihavoitu, lisäät avautuvat ja suljetut lihavoitotunnisteet ennen ja jälkeen sanan.
Esimerkki: Tämä on a tuomita tekstiä. Kuten näette, meillä on yksi ruutu (kohta), joka sisältää lauseemme sisällön / tekstin sekä toisen laatikon (vahvan tagiparin), joka tekee sanaa lihavaksi. Kun peset tagit, on tärkeää, että suljet tagit päinvastaisessa järjestyksessä kuin avaat ne. Avaa ensin, sen jälkeen , mikä tarkoittaa, että kääntäkää se ja suljet ja sitten Toinen tapa ajatella tätä on käyttää jälleen kerran laatikoiden analogia. Jos sijoitat laatikon toiseen laatikkoon, sinun on suljettava sisäosa ennen kuin voit sulkea ulkoisen tai sisältävän laatikon. Entä jos haluat vain yhden tai kaksi sanaa rohkeana ja toinen sarja kursiivisena? Näin voit tehdä sen. Esimerkki: Tämä on a tuomita tekstiä ja sillä on myös joitain kursivoitu teksti liian. Näet, että ulompi laatikko, , siinä on nyt kaksi sisäkkäistä tunnistetta - ja . Niiden on oltava suljettuja, ennen kuin pakkaus voidaan sulkea. Esimerkki: Tämä on a tuomita tekstiä ja sillä on myös joitain kursivoitu teksti liian. Tämä on toinen kappale. Tässä tapauksessa meillä on laatikoita laatikoiden sisällä! Eniten ulos laatikko on Numero yksi syy, jonka pitäisi huolehtia pesinnästä, on, jos aiot käyttää CSS: ää. Kaksikäyttöiset tyyliarkit luottavat tunnisteisiin, jotta ne ovat jatkuvasti sisäkkäisiä asiakirjassa, jotta ne voivat selvittää missä tyylejä alkaa ja päättyy. Jos määrität tyylin, joka vaikuttaa kaikkiin "linkit, jotka sijaitsevat luokassa" sivun päätietojen "luokkaa, virheellinen pesiminen tekee selaimelle vaikeaksi tietää, mistä nämä tyylit sovitetaan. Katsotaanpa joitakin HTML: ää: Esimerkki: Tämä on a tuomita tekstiä ja sillä on myös joitain kursivoitu teksti liian. Tämä on toinen kappale. Käyttämällä esimerkkiä, jonka juuri mainitsin, halusin kirjoittaa CSS-tyylin, joka vaikuttaisi tämän divisioonan linkkiin, ja vain tämä linkki (toisin kuin muut sivun muissa osissa olevat linkit), minun olisi käytettävä pesää kirjoittamaan tyyliäni sellaisenaan: .main-content a { väri: # F00;}
Muita syitä ovat esteettömyys ja selaimen yhteensopivuus. Jos HTML-koodisi on virheellisesti upotettu, se ei ole yhtä helppoa kuin näytönlukijat ja vanhemmat selaimet. Se voi jopa murtaa sivun visuaalisen ulkoasun, jos selaimet eivät pysty selvittämään, miten sivun oikea muotoilu on mahdollista, koska HTML-elementit ja tunnisteet ovat paikoillaan. Lopuksi, jos pyrkii kirjoittamaan täysin oikeita ja kelvollisia HTML-koodeja, sinun on käytettävä oikeaa pesintä. Muuten jokainen valitsija merkitsee HTML-koodisi vääriksi. Lisää sisäkkäisiä tunnisteita
Miksi sinun pitäisi huolehtia pesimistä