Jos katsot HTML: ää merkintä millä tahansa verkkosivulla tänään näet HTML-elementit, jotka sisältyvät muihin HTML-elementteihin. Nämä muiden elementtien "sisällä" olevat elementit tunnetaan nimellä sisäkkäisiä elementtejä, ja ne ovat välttämättömiä minkä tahansa verkkosivun rakentamiseksi tänään.
Mitä tarkoittaa HTML-tunnisteiden pesiminen?
Helpoin tapa ymmärtää pesimä on ajatella HTML-tunnisteet laatikoina, jotka pitävät sisältöäsi. Sisältösi voi sisältää tekstiä, kuvia ja niihin liittyvää mediaa. HTML-tunnisteet ovat ruudut sisällön ympärillä. Joskus sinun on sijoitettava laatikot muihin laatikoihin. Nämä "sisäiset" laatikot ovat sisäkkäin muiden sisällä.
Jos sinulla on lohko tekstiä, jonka haluat lihavoitua kappaleen sisällä, sinulla on kaksi HTML-elementit sekä itse teksti.
Esimerkki: Tämä on lause tekstistä.
Tätä tekstiä käytämme esimerkkinä. Näin se kirjoitetaan HTML-muodossa:
Esimerkki: Tämä on lause tekstistä.
Sana tuomita lihavoitu, lisää alku- ja lopputunnisteet ennen sanaa ja sen jälkeen.
Esimerkki: Tämä on a tuomita tekstin.
Kuten näette, meillä on yksi ruutu (kappale), joka sisältää lauseen sisällön, sekä toinen ruutu ( vahva tag-pari), joka tekee sanasta lihavoidun.
Kun pesät tunnisteita, sulje tunnisteet päinvastaisessa järjestyksessä kuin avasit. Avaat
ensin, jota seuraa , mikä tarkoittaa, että käännät sen ja suljet ja sitten.
Toinen tapa ajatella tätä on käyttää jälleen laatikoiden analogiaa. Jos laitat laatikon toiseen laatikkoon, sisäinen on suljettava, ennen kuin voit sulkea ulomman tai sisältävän laatikon.
Lisää sisäkkäisiä tunnisteita
Entä jos haluat vain yhden tai kaksi sanaa lihavoitu ja toinen kursivoitu? Näin voit tehdä sen.
Esimerkki: Tämä on a tuomita tekstiä ja siinä on myös joitain kursivoitu teksti liian.
Voit nähdä, että ulompi laatikkomme,
, siinä on nyt kaksi sisäkkäistä tunnistetta - ja . Ne on suljettava ennen kuin pakkauksen sisältävä laatikko voidaan sulkea.
Esimerkki: Tämä on a tuomita tekstiä ja siinä on myös joitain kursivoitu teksti liian.
Tämä on toinen kappale.
Tässä tapauksessa laatikoiden sisällä on laatikoita! Uloin laatikko on
tai a. jako. Kotelon sisällä on pari sisäkkäistä. kappaleetunnisteet, ja ensimmäisen kappaleen sisällä meillä on seuraava. ja tag-pari.Miksi sinun pitäisi välittää pesinnästä
Nro 1 syy, josta sinun tulisi huolehtia pesinnästä, on, jos aiot käyttää CSS: ää. CSS-tyylilehdet luottaa siihen, että tagit ovat jatkuvasti sisäkkäisiä asiakirjassa, jotta ne voivat kertoa, missä tyylit alkavat ja loppuvat. Virheellisen sisäkkäisyyden vuoksi selaimen on vaikea tietää, mihin näitä tyylejä voidaan soveltaa. Katsotaanpa HTML-koodia:
Esimerkki: Tämä on a tuomita tekstiä ja siinä on myös joitain kursivoitu teksti liian.
Tämä on toinen kappale.
Käyttämällä yllä olevaa esimerkkiä, jos haluamme kirjoittaa a CSS-tyyli mikä vaikuttaisi tämän jaon sisäiseen linkkiin ja vain tähän linkkiin (toisin kuin muut linkit muissa sivun osissa), meidän on käytettävä pesimistä tämän tyylin kirjoittamiseen sellaisenaan:
.main-content a {
väri: # F00;
}
Muut näkökohdat
Myös esteettömyydellä ja selainten yhteensopivuudella on merkitystä. Jos HTML-koodisi on sisäkkäin väärin, se ei ole yhtä helppoa näytönlukijoiden ja vanhempien selainten käytettävissä - ja se voi jopa rikkoa kokonaan sivun visuaalinen ulkonäkö, jos selaimet eivät pysty selvittämään, miten sivu renderöidään oikein, koska HTML-elementit ja tunnisteet ovat poissa paikka.
Lopuksi, jos haluat kirjoittaa täysin oikean ja kelvollisen HTML-koodin, sinun on käytettävä oikeaa sisäkkäisyyttä. Muussa tapauksessa jokainen vahvistaja merkitsee HTML-koodisi virheelliseksi.