Ինչպես ճիշտ HTML- ի պիտակները տեղադրել
Եթե դուք նայեք HTML- ի ցանկացած ձեւաչափով էջին այսօր, դուք կտեսնեք HTML տարրեր, որոնք պարունակվում են այլ HTML տարրերի մեջ: Այս տարրերը, որոնք «ներսում» են մյուսներից, այն են, ինչ հայտնի է «ներկված տարրեր», եւ դրանք անհրաժեշտ են այսօր ցանկացած վեբ-էջի ստեղծման համար:
Ինչ է նշանակում բովանդակել HTML- ի Tags?
Ներածություն հասկանալու ամենահեշտ ձեւը HTML- ի տողերը մտածելն է որպես բովանդակություն պահող արկղեր: Ձեր բովանդակությունը կարող է ներառել տեքստեր, պատկերներ եւ այլն: HTML- ի պիտակներ են բովանդակության շուրջ տուփերը: Երբեմն դուք պետք է տեղադրեք արկղերի մյուս տուփերի ներսում: Այդ «ներքին» արկղերը ներսում են ուրիշների ներսում:
Եթե ունեք տեքստի բլոկ, որը ցանկանում եք պարբերաբար ներս մտցնել, դուք կունենաք երկու HTML տարր, ինչպես նաեւ տեքստը:
Օրինակ `սա տեքստի նախադասություն է:Այդ տեքստը այն է, ինչ մենք կօգտագործենք մեր օրինակին: Ահա թե ինչպես է դա գրվել:
Օրինակ `սա տեքստի նախադասություն է: p>
Քանի որ դուք ցանկանում եք «նախադասություն» բառը համարձակ լինել, դուք ավելացնում եւ բացում եք համարձակ տեքստի բացում եւ փակում այդ անհեթեթ առաջ եւ հետո:
Օրինակ `սա տեքստի նախադասություն strong>: p>
Ինչպես տեսնում եք, մենք ունենք մեկ տուփ (պարբերություն), որը պարունակում է մեր նախադասության բովանդակությունը / տեքստը, գումարած երկրորդ տուփը (ուժեղ զույգ զույգը), որը այդ բառը կդարձնի համարձակ:
Երբ դուք բույն տեղադրեք, կարեւոր է, որ դուք փակեք պիտակները հակառակ կարգով, որ դուք բացել եք դրանք: Դուք առաջինը բացում եք
, այնուհետեւ , ինչը նշանակում է, որ հակադարձեք եւ փակեք strong> եւ ապա p>:
Այս մասին մտածելու եւս մեկ եղանակ է արկղերի նույնականությունը: Եթե մեկ այլ տուփի մեջ արկղ տեղադրեք, դուք պետք է փակեք ներքինը, նախքան փակեք արտաքին կամ պարունակող տուփը:
Ավելացնելով ավելի ներածված տողեր
Իսկ եթե միայն մեկ կամ երկու խոսք եք համարձակվում, իսկ մյուսը `շեղում: Ահա թե ինչպես դա անել:
Օրինակ `սա տեքստի նախադասություն strong> եւ այն նաեւ ունի տառատեսակ տեքստ em>: p> Կարող եք տեսնել, որ մեր արտաքին արկղը, , այժմ ներսում երկու նեյտրոնային պիտակ ունի ` եւ : Նրանք պետք է փակվեն, մինչեւ որ պարունակող տուփը կարող է փակվել: Օրինակ `սա տեքստի նախադասություն strong> եւ այն նաեւ ունի տառատեսակ տեքստ em>: p> Սա եւս մեկ պարբերություն է: / p> div> Այս դեպքում մենք ունենք արկղերի արկղեր: Առավելագույն վանդակը Թիվ մեկ պատճառ, որը պետք է հոգ տանել բույնի մասին, եթե դուք պատրաստվում եք օգտագործել CSS- ը: Cascading Style Sheets- ը հիմնվում է տեքստի վրա, հետեւողականորեն ներկված փաստաթղթում, որպեսզի կարողանա ասել, թե որտեղ ոճերը սկսվում եւ ավարտվում են: Եթե դուք ստեղծել ոճ, որը պետք է անդրադառնա «բովանդակության մեջ գտնվող բոլոր» հղումները, որոնք պարունակում են «հիմնական պարունակության» դասի էջի տեքստը, սխալ տեղադրումը դժվարացնում է զննարկիչին իմանալու, թե որտեղ պետք է կիրառել այդ ոճերը: Եկեք մի HTML դիտեք. Օրինակ `սա տեքստի նախադասություն strong> եւ այն նաեւ ունի տառատեսակ տեքստ em>: p> Սա մեկ այլ պարունակություն : p> div> Օգտագործելով օրինակը, ես պարզապես նշել եմ, եթե ուզում եմ գրել CSS- ի ոճը, որը կարող է ազդել այս բաժնի ներսում հղումը եւ միայն այդ հղումը (ի տարբերություն մյուս էջերի այլ էջերում), պետք է օգտագործեմ nesting գրելու իմ ոճը, ինչպես: Այլ պատճառներ ներառում են հասանելիություն եւ բրաուզերի համատեղելիություն: Եթե ձեր HTML- ն սխալ տեղ է գրված, ապա այն չի կարող լինել մատչելի է ընթերցողներին եւ հին բրաուզերներին էկրանին, եւ նույնիսկ կարող է ամբողջովին կոտրել էջի տեսողական տեսքը, եթե բրաուզերները չեն կարողանում պարզել, թե ինչպես պետք է պատշաճ կերպով ցուցադրել էջը, քանի որ HTML տարրերը եւ պիտակները դուրս են մնացել: Վերջապես, եթե դուք ձգտում եք գրել ամբողջովին ճիշտ եւ վավեր HTML, դուք պետք է օգտագործեք ճիշտ նիշք: Հակառակ դեպքում, յուրաքանչյուր վավերագիր կստեղծի ձեր HTML- ը որպես սխալ: Ինչու պետք է ուշադրություն դարձնեք երգելու մասին