Kuinka Nestää HTML-tagit oikein
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 tekstin lause .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 avautumisen ja sulkemisen lihavoituihin tunnisteisiin ennen ja jälkeen sen jälkeen.
Esimerkki: Tämä on lause .
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. Avaat ensin
, jota seuraa , mikä tarkoittaa sitä, että kääntäkää se ja sulje 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.
Lisää sisäkkäisiä tunnisteita
Entä jos haluat vain yhden tai kaksi sanaa rohkeana ja toinen sarja kursiivisena? Näin voit tehdä sen.
Esimerkki: Tämä on lause ja siinä on myös joitain Voit nähdä, että ulkoisessa laatikossa on nyt kaksi sisäkkäistä tunnistetta - ja . Niiden on oltava suljettuja, ennen kuin pakkaus voidaan sulkea. Esimerkki: Tämä on lause ja se sisältää myös jotain Tämä on toinen kappale. Tässä tapauksessa meillä on laatikoita laatikoiden sisällä! Eniten ulos-ruutu 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 on kohdistettava kaikkiin "linkkien, jotka sijaitsevat rivin sisällä" main content "-tekstiluokalla, virheellinen pesiminen tekee selaimesta vaikeaksi tietää, mistä nämä tyylit voidaan soveltaa. Katsotaanpa joitakin HTML: ää: Esimerkki: Tämä on lause ja siinä on myös jotain 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: 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. Miksi sinun pitäisi huolehtia pesimistä