HayqSystem

HTML5-ի տարրեր

HTML5-ի տարրեր ՝ html փաստաթղթի հիմնական մասը, իրականում այն ամենը , ինչ մենք կտեսնենք մեր բրաուզերում, երբ մենք բեռնում ենք վեբ էջը, գտնվում է <body> և </body> թեգերի միջև: Այստեղ են գտնվում html տարրերի մեծ մասը:

Թեև HTML5-ի տարրերի մեծ մասը մնում է նույնը, ինչ նախկին տարբերակներում, դրանց կիրառման ձևը որոշ չափով փոխվել է: Եկեք նայենք HTML5-ի հիմնական տարրերին, դրանց նպատակին և օգտագործմանը ։

Head տարրը և վեբ էջի մետատվյալները

Սովորաբար, HTML փաստաթղթի առաջին տարրերից մեկը head տարրն է, որի խնդիրն է սահմանել էջի մետատվյալները և մի շարք ուղեկցող տեղեկություններ: Մետատվյալները պարունակում են տեղեկատվություն HTML փաստաթղթի մասին:

Վերնագիր ` Բրաուզերի ներդիրում ցուցադրվող փաստաթղթի անվանումը սահմանելու համար օգտագործեք title տարրը

1. <!DOCTYPE html>
2. <html>
3.     <head>
4.         <meta charset="utf-8">
5.         <title>Project Title</title>
6.     </head>
7.     <body>
8.         <p> HTML5 P Թեգի մարմին </p>
9.     </body>
10. </html>

Բազային տարր ՝ Բազային տարրը թույլ է տալիս նշել բազային հասցե, որի հետ կապված են փաստաթղթում օգտագործվող մյուս հասցեները.

1. <!DOCTYPE html>
2. <html>
3.     <head>
4.        <base href="content/">
5.        <meta charset="utf-8">
6.        <title>Բազային տարր</title>
7.     </head>
8.     <body>
9.        <a href="newpage.html"> Oppen </a>
10.    </body>
11. </html>

Թեև հղման հասցեն է՝ newpage.html, դրա իրական հասցեն է՝ content/newpage.html: Այսինքն՝ ընթացիկ էջի հետ նույն թղթապանակում պետք է լինի բովանդակության ենթաթղթապանակ, որում պետք է գտնվի newpage.html ֆայլը։

Կարող եք նաև մուտքագրել ամբողջական հասցեն

1. <base href="https://hayqsystem.am/">

Այս դեպքում հղումը կհանգեցնի https://hayqsystem.am/newpage.html

Մետա տարրը

Մետա տարրը սահմանում է փաստաթղթի մետատվյալները:

Որպեսզի փաստաթուղթը ճիշտ ցուցադրի տեքստը, դուք պետք է սահմանեք կոդավորումը՝ օգտագործելով charset հատկանիշը: Առաջարկվող կոդավորումը utf-8 է.

1. <meta charset="utf-8">

Այս դեպքում մենք պետք է հիշենք, որ մետա տարրում նշված կոդավորումը պետք է համապատասխանի հենց փաստաթղթի կոդավորմանը: Սովորաբար, տեքստային խմբագրիչը թույլ է տալիս նշել փաստաթղթի կոդավորումը: Եթե ցանկանում ենք կենտրոնանալ utf-8-ի վրա, ապա տեքստային խմբագրի կարգավորումներում պետք է ընտրել UTF-8 w/o BOM: Օրինակ՝ ընտրելով կոդավորում Notepad++-ում.

meta տարրը նույնպես ունի երկու ատրիբուտ՝ name և content։ Name ատրիբուտը պարունակում է մետատվյալների անվանումը, իսկ Content -ը դրա արժեքն է։

Լռելյայնորեն, HTML-ը սահմանում է հինգ տեսակի մետատվյալներ.

1. application name. վեբ հավելվածի անվանումը, որի մաս է կազմում այս փաստաթուղթը

2. author. փաստաթղթի հեղինակ

3. description. փաստաթղթի համառոտ նկարագրությունը

4. generator. ծրագրի անվանումը, որը ստեղծել է այս փաստաթուղթը

5. keywords. փաստաթղթերի հիմնաբառեր

Հարկ է նշել, որ description տեսակն ամենաարդիականն է։ Որոնման համակարգերը հաճախ օգտագործում են դրա իմաստը որպես փաստաթղթի անոտացիա որոնման արդյունքներում:

Եկեք փաստաթղթին ավելացնենք մի շարք մետա տարրեր.

1. <!DOCTYPE html>
2. <html>
3.     <head>
4.         <meta charset="utf-8">
5.         <base href="content/">
6.         <title>Project title</title>
7.         <meta name="description" content="First faile HTML5">
8.         <meta name="author" content="Andreson">
9.     </head>
10.    <body>
11.        <a href="newpage.html">Fail body HTML5</a>
12.    </body>
13. </html>

Նախորդը

Հաջորդը

Բաժանորդագրվեք Տելեգրամ ալիքին բաց

չթողնելու համար նոր նյութերը ՝ https://t.me/hayqsystem

Կիսվել հրապարակումով