Nesting HTML tags

Kuidas sisestada HTML-i sildid õigesti

Kui vaatate tänase veebisaidi HTML-märgistust, näete HTML-elemente muudes HTML-elementides. Need elemendid, mis on "sees" teistest, on need, mida nimetatakse "lingitud elementideks", ja need on tänapäeval igale veebilehele üles ehitatud.

Mida tähendab Nest HTML-i sildid?

Lihtsaim viis mõista pesitsusena on mõelda HTML-i siltidena, kui teie sisu hoiate lahtrisse. Teie sisu võib sisaldada teksti, pilte jne. HTML-märgendid on sisu ümbruses olevad kastid. Mõnikord peate kohale asetama kastid teiste kastide sees. Need "sisesed" kastid asuvad teiste sees.

Kui teil on tekstisõnum, mida soovite lõikes lõigata, on teil kaks HTML-elementi ja ka tekst ise.

Näide: see on teksti lause .

See tekst on see, mida me kasutame meie eeskujuks. Siin on, kuidas see oleks kirjutatud.

Näide: see on teksti lause.

Sest kui soovite, et sõna "lause" oleks paks, lisate enne ja pärast seda rasvaseid silte avamise ja sulgemise.

Näide: see on teksti lause .

Nagu näete, on meil üks lahtris (lõik), mis sisaldab meie lause sisu / teksti, pluss teine ​​kasti (tugeva märgade paar), mis muudab selle sõna paksuks.

Kui sisestate silte, on oluline, et sulgate sildid vastupidises järjekorras, mille avasite. Avaneb kõigepealt

, seejärel , mis tähendab, et sul on selle tagasikäik ja sulgeda ja seejärel .

Teine võimalus seda mõelda on kasutada kastide analoogiat. Kui asetate kasti teise kasti sisse, peate selle sisemise sulgema, enne kui saate välise või kasti sulgeda.

Lisatud paigutatud sildid

Mida teha, kui tahate ainult ühte või kahte sõna olla paks ja teine ​​on kaldkirjaga? Siin on kuidas seda teha.

Näide: see on teksti lause ja sellel on ka kaldkirja tekst .

Näete, et meie välimisel kastil

on sellel nüüd kaks pesastatud märgendit - ja . Need peavad olema mõlemad suletud enne seda, kui kasti saab suletud.

Näide: see on teksti lause ja sellel on ka kaldkirja tekst .

See on teine ​​lõik. < / p>

Sel juhul on kastid sees olevate kastide sees! Kõige paremini on kas

või "jagunemine". Selle kasti sees on paar pandud lõikekeele ja esimeses lõigus on meil järgmised ja siltide paarid. Veelkord vaadake täna iga veebi lehte ja näete seda ja palju rohkem pesitsust! Nii valmistatakse lehekülgi - kastid sees olevad kastid.

Miks peaksite hoolitsema pesitsemise eest

Numbri üks põhjus, miks peaksite pesitsust hoidma, on see, kas kavatsete kasutada CSS-i. Kaskaaditavate stiilide lehed tuginevad sildile, mis tuleb dokumendis järjest tihedalt kokku panna, et saaksime teada, millistes stiilides algab ja lõpeb. Kui seadistate stiili, mis peaks mõjutama kõiki linke, mis paiknevad jagunemisel lehe peamise sisuga tekstiga, siis on vale pesastumine brauseril raske teada, kust neid stiile kasutada. Vaatame mõnda HTML-i: