Kā pareizi ievietot HTML tagus
Ja šodien apskatīsit kādu no tīmekļa vietnēm HTML marķējumu, jūs redzēsit HTML elementus, kas ietverti citos HTML elementos. Šie elementi, kas ir "iekšā" citās, ir tie, kas ir pazīstami kā "ligzdotie elementi", un tie ir būtiski, lai izveidotu jebkuru tīmekļa lapu šodien.
Ko tas nozīmē Nest HTML tagiem?
Visvieglākais veids, kā izprast ligzdošanu, ir domāt par HTML tagiem kā lodziņiem, kas satur jūsu saturu. Jūsu saturs var ietvert tekstu, attēlus utt. HTML tagi ir ar satura lodziņiem. Dažreiz jums ir jāievieto kastes citās kastēs. Šīs "iekšējās" kastes atrodas citu iekšpusē.
Ja jums ir teksta bloks, kuru vēlaties atzīmēt ar rindkopu, jums būs divi HTML elementi, kā arī pats teksts.
Piemērs: Šis ir teksta teikums .Šis teksts ir tas, ko mēs izmantosim kā mūsu piemēru. Lūk, kā tas būtu rakstīts.
Piemērs: šis ir teksta teikums.
Tā kā jūs vēlaties, lai vārds "teikums" būtu treknrakstā, pirms atvēršanas un aizvēršanas treknrakstā tiek pievienoti atvērtie un aizvērtie apzīmējumi.
Piemērs: teksts ir teikums .
Kā redzat, mums ir viena lodziņa (punkts), kurā ir mūsu teikuma saturs / teksts, kā arī otra lodziņa (spēcīgais tagu pāra), kas padarīs šo vārdu treknā krāsā.
Kad jūs piesaistāt tagus, ir ļoti svarīgi, lai jūs aizverat tagus pretējā secībā, ka tos atverat. Vispirms atverat
, kam seko , kas nozīmē, ka jūs maināt to un aizveriet un pēc tam .
Vēl viens veids, kā domāt par to, ir atkal izmantot kastē veikto analoģiju. Ja jūs ievietojat lodziņu citā lodziņā, jums ir jāslēdz iekšējais lodziņš, pirms varat aizvērt ārējo vai ar lodziņu.
Pievienoti vairāk ievietoti tagi
Ko darīt, ja jūs tikai vēlaties, lai viens vai divi vārdi būtu treknrakstā, bet otrs - katalizators? Lūk, kā to izdarīt.
Piemērs: teksts ir teikums , un tam ir arī italicized teksts . Jūs varat redzēt, ka mūsu ārējā kastē tagad ir divi tajā ievietoti tagi - un . Tie abi ir jāaizver, pirms to saturs var tikt aizvērts. Piemērs: teksts ir teikums , un tam ir arī italicized teksts . Šis ir vēl viens punkts. < / p> Šajā gadījumā mums ir kastes lodziņu iekšpusē! Vislabākais lodziņš ir Vienīgais iemesls, kāpēc jums vajadzētu domāt par ligzdošanu, ir tas, vai jūs gatavojaties izmantot CSS. Kaskādes stila lapas paļaujas uz tagiem, kas dokumentā pastāvīgi tiek ievietoti, lai tas varētu pateikt, kur sākas un beidzas stili. Ja jūs izveidojat stilu, kas ietekmē visas "saites, kas atrodas nodaļā, ar lappuses" galvenā satura "klases tekstu, nepareiza ligzdošana apgrūtina pārlūku, kur šie stili jāpiemēro. Apskatīsim kādu HTML: Piemērs: teksts ir teikums , un tam ir arī italicized teksts . Tas ir vēl viens punkts . Izmantojot piemēru, ko es tikko paziņoju, ja es vēlētos rakstīt CSS stilu, kas ietekmētu saiti šajā nodaļā un tikai šo saikni (pretēji jebkurai citai saitei citās lapas sadaļās), man vajadzētu izmantot ligzdošana, lai rakstītu manu stilu, kā tāds: Citi iemesli ir arī pieejamība un pārlūka saderība. Ja jūsu HTML ir nepareizi ievietots, tas nebūs tik pieejams ekrāna lasītājiem un vecākām pārlūkprogrammām - un tas pat varētu pilnībā pārtraukt lapas vizuālo izskatu, ja pārlūkprogrammas nevar saprast, kā pareizi renderēt lapu, jo HTML elementi un tagi ir nevietā. Visbeidzot, ja jūs cenšaties rakstīt pilnīgi pareizu un derīgu HTML, jums vajadzēs izmantot pareizu ligzdošanu. Pretējā gadījumā visi validatori atzīmēs jūsu HTML kā nepareizu. Kāpēc jums vajadzētu rūpēties par ligzdošanu