Nesting HTML Tags- ը

Ինչպես ճիշտ HTML- ի պիտակները տեղադրել

Եթե ​​դուք նայեք HTML- ի ցանկացած ձեւաչափով էջին այսօր, դուք կտեսնեք HTML տարրեր, որոնք պարունակվում են այլ HTML տարրերի մեջ: Այս տարրերը, որոնք «ներսում» են մյուսներից, այն են, ինչ հայտնի է «ներկված տարրեր», եւ դրանք անհրաժեշտ են այսօր ցանկացած վեբ-էջի ստեղծման համար:

Ինչ է նշանակում բովանդակել HTML- ի Tags?

Ներածություն հասկանալու ամենահեշտ ձեւը HTML- ի տողերը մտածելն է որպես բովանդակություն պահող արկղեր: Ձեր բովանդակությունը կարող է ներառել տեքստեր, պատկերներ եւ այլն: HTML- ի պիտակներ են բովանդակության շուրջ տուփերը: Երբեմն դուք պետք է տեղադրեք արկղերի մյուս տուփերի ներսում: Այդ «ներքին» արկղերը ներսում են ուրիշների ներսում:

Եթե ​​ունեք տեքստի բլոկ, որը ցանկանում եք պարբերաբար ներս մտցնել, դուք կունենաք երկու HTML տարր, ինչպես նաեւ տեքստը:

Օրինակ `սա տեքստի նախադասություն է:

Այդ տեքստը այն է, ինչ մենք կօգտագործենք մեր օրինակին: Ահա թե ինչպես է դա գրվել:

Օրինակ `սա տեքստի նախադասություն է:

Քանի որ դուք ցանկանում եք «նախադասություն» բառը համարձակ լինել, դուք ավելացնում եւ բացում եք համարձակ տեքստի բացում եւ փակում այդ անհեթեթ առաջ եւ հետո:

Օրինակ `սա տեքստի նախադասություն :

Ինչպես տեսնում եք, մենք ունենք մեկ տուփ (պարբերություն), որը պարունակում է մեր նախադասության բովանդակությունը / տեքստը, գումարած երկրորդ տուփը (ուժեղ զույգ զույգը), որը այդ բառը կդարձնի համարձակ:

Երբ դուք բույն տեղադրեք, կարեւոր է, որ դուք փակեք պիտակները հակառակ կարգով, որ դուք բացել եք դրանք: Դուք առաջինը բացում եք

, այնուհետեւ , ինչը նշանակում է, որ հակադարձեք եւ փակեք եւ ապա :

Այս մասին մտածելու եւս մեկ եղանակ է արկղերի նույնականությունը: Եթե ​​մեկ այլ տուփի մեջ արկղ տեղադրեք, դուք պետք է փակեք ներքինը, նախքան փակեք արտաքին կամ պարունակող տուփը:

Ավելացնելով ավելի ներածված տողեր

Իսկ եթե միայն մեկ կամ երկու խոսք եք համարձակվում, իսկ մյուսը `շեղում: Ահա թե ինչպես դա անել:

Օրինակ `սա տեքստի նախադասություն եւ այն նաեւ ունի տառատեսակ տեքստ :

Կարող եք տեսնել, որ մեր արտաքին արկղը,

, այժմ ներսում երկու նեյտրոնային պիտակ ունի ` եւ : Նրանք պետք է փակվեն, մինչեւ որ պարունակող տուփը կարող է փակվել:

Օրինակ `սա տեքստի նախադասություն եւ այն նաեւ ունի տառատեսակ տեքստ :

Սա եւս մեկ պարբերություն է: / p>

Այս դեպքում մենք ունենք արկղերի արկղեր: Առավելագույն վանդակը

կամ «բաժանում» է: Ներսում այդ տուփը զույգ պարունակության պարունակության նշան է, եւ առաջին պարբերության մեջ մենք ունենք հաջորդ եւ զույգ զույգը: Կրկին, նայեք ցանկացած վեբ էջին այսօր, եւ դուք կտեսնեք այս եւ շատ ավելի բորբոքված կատարում: Այսպիսով, էջերը կառուցված են արկղերի մեջ արկղեր:

Ինչու պետք է ուշադրություն դարձնեք երգելու մասին

Թիվ մեկ պատճառ, որը պետք է հոգ տանել բույնի մասին, եթե դուք պատրաստվում եք օգտագործել CSS- ը: Cascading Style Sheets- ը հիմնվում է տեքստի վրա, հետեւողականորեն ներկված փաստաթղթում, որպեսզի կարողանա ասել, թե որտեղ ոճերը սկսվում եւ ավարտվում են: Եթե ​​դուք ստեղծել ոճ, որը պետք է անդրադառնա «բովանդակության մեջ գտնվող բոլոր» հղումները, որոնք պարունակում են «հիմնական պարունակության» դասի էջի տեքստը, սխալ տեղադրումը դժվարացնում է զննարկիչին իմանալու, թե որտեղ պետք է կիրառել այդ ոճերը: Եկեք մի HTML դիտեք.

Օրինակ `սա տեքստի նախադասություն եւ այն նաեւ ունի տառատեսակ տեքստ :

Սա մեկ այլ պարունակություն :

Օգտագործելով օրինակը, ես պարզապես նշել եմ, եթե ուզում եմ գրել CSS- ի ոճը, որը կարող է ազդել այս բաժնի ներսում հղումը եւ միայն այդ հղումը (ի տարբերություն մյուս էջերի այլ էջերում), պետք է օգտագործեմ nesting գրելու իմ ոճը, ինչպես:

.main-content a {color: # F00; }

Այլ պատճառներ ներառում են հասանելիություն եւ բրաուզերի համատեղելիություն: Եթե ​​ձեր HTML- ն սխալ տեղ է գրված, ապա այն չի կարող լինել մատչելի է ընթերցողներին եւ հին բրաուզերներին էկրանին, եւ նույնիսկ կարող է ամբողջովին կոտրել էջի տեսողական տեսքը, եթե բրաուզերները չեն կարողանում պարզել, թե ինչպես պետք է պատշաճ կերպով ցուցադրել էջը, քանի որ HTML տարրերը եւ պիտակները դուրս են մնացել:

Վերջապես, եթե դուք ձգտում եք գրել ամբողջովին ճիշտ եւ վավեր HTML, դուք պետք է օգտագործեք ճիշտ նիշք: Հակառակ դեպքում, յուրաքանչյուր վավերագիր կստեղծի ձեր HTML- ը որպես սխալ: