Kui vaadata HTML-i juurdehindlus täna näete mis tahes veebisaidi HTML-elemente, mis sisalduvad teistes HTML-elementides. Neid elemente, mis asuvad teiste elementide sees, nimetatakse pesastatud elemendidja need on tänapäeval mis tahes veebisaidi koostamisel hädavajalikud.
Mida tähendab HTML-i siltide pesitsemine?
Lihtsaim viis pesitsusest aru saada on mõelda HTML-märgendid kastidena, mis hoiavad teie sisu. Teie sisu võib sisaldada teksti, pilte ja seotud meediumit. HTML-märgendid on kasti sisu ümber. Mõnikord peate kastid paigutama teistesse kastidesse. Need "sisemised" kastid on pesitsenud teiste sees.
Kui teil on tekstiplokk, mida soovite lõigu sees paksuks muuta, on teil kaks HTML-elemendid samuti tekst ise.
Näide: see on tekstilause.
Seda teksti kasutame näitena. HTML-is kirjutatakse järgmiselt:
Näide: see on tekstilause.
Sõna tegemiseks lause paks, lisage enne ja pärast seda sõna algus- ja sulgemissildid.
Näide: see on a lause teksti.
Nagu näete, on meil üks kast (lõik), mis sisaldab lause sisu, pluss teine ruut ( tugev sildipaar), mis muudab selle sõna paksuks.
Siltide pesitsemisel sulgege sildid vastupidises järjekorras, nagu need avasite. Avate
esimene, millele järgneb , mis tähendab, et te tühistate selle ja sulgete ja siis.
Teine võimalus sellele mõelda on veelkord kastide analoogia kasutamine. Kui asetate kasti teise kasti sisse, peate enne välimise või seda sisaldava kasti sulgemist sisemise kasti sulgema.
Lisade pesastatud siltide lisamine
Mis siis, kui soovite, et oleks ainult üks või kaks sõna paks ja teine on kursiiv? Siit saate teada, kuidas seda teha.
Näide: see on a lause teksti ja sellel on ka mõned kursiivkirjas ka.
Näete, et meie välimine karp
, nüüd on selle sees kaks pesastatud silti - ja . Enne pakendi sulgemist peavad need mõlemad olema suletud.
Näide: see on a lause teksti ja sellel on ka mõned kursiivkirjas ka.
See on veel üks lõik.
Sel juhul on meil kastide sees kastid! Äärmine kast on
või a. jaotus. Selle kasti sees on paar pesa. lõigusildidja esimese lõigu sees on järgmine. ja sildipaar.Miks peaksite pesitsemisest hoolima
Põhjus, miks peaksite pesitsemisest hoolima, on see, kui kavatsete kasutada CSS-i. Kaskaadiga stiililehed tugineda siltidele, mis on dokumendis pidevalt pesastatud, et see saaks öelda, kus stiilid algavad ja lõpevad. Vale pesitsemine muudab brauseri jaoks keeruliseks teadmise, kus neid stiile rakendada. Vaatame mõnda HTML-i:
Näide: see on a lause teksti ja sellel on ka mõned kursiivkirjas ka.
See on veel üks lõik.
Kasutades ülaltoodud näidet, kui tahtsime kirjutada a CSS-i stiil mis mõjutaks selles jaotises olevat linki ja ainult seda linki (erinevalt lehe teistes jaotistes leiduvatest muudest linkidest), peame selle stiili kirjutamiseks kasutama pesitsemist:
.main-content a {
värv: # F00;
}
Muud kaalutlused
Samuti on oluline juurdepääsetavus ja brauseri ühilduvus. Kui teie HTML on valesti pesastatud, pole see ekraanilugejate ja vanemate brauserite jaoks nii ligipääsetav - see võib isegi lehe visuaalne välimus, kui brauserid ei saa aru, kuidas lehte õigesti renderdada, kuna HTML-elemendid ja sildid on otsas koht.
Lõpuks, kui soovite kirjutada täiesti korrektset ja kehtivat HTML-i, peate kasutama õiget pesitsemist. Vastasel juhul märgib iga valideerija teie HTML-i valeks.