HTML-i dokumendi pealkirja osa on veebilehe struktuuri ja toimimise jaoks hädavajalik. Käesolevas õpetuses õpid, mis täpselt pealkirja osas peidus on ja kuidas seda tõhusalt kasutada. Me käsitleme metaandmeid, pealkirju, sümbolite kodeerimist ning stiililehtede ja skriptide linkimist.
Olulisemad tähelepanekud
- Pealkirja ala () ei sisalda nähtavaid sisu, vaid metaandmeid.
- Pealkirja sildid määratlevad pealkirja, mis kuvatakse brauseri ribal.
- Metasildid, nagu charset-silt, on sümbolite kodeerimiseks olulised.
- Stiililehti ja skripte saab pealkirja alal linkida.
Samm-sammuline juhend
1. Pealkirja ala endast
HTML-i dokumendi pealkirja ala (head) algab siltidega ja lõppeb. Seda ala ei tohiks segi ajada menüü või logo, mis kuuluvad päise alla. Pealkirja ala on mõeldud ainulmetaandmete esitamiseks dokumendi kohta.
2. Pealkirja silt
Pealkirja ala sees määratled veebilehe pealkirja <title>-sildiga.
3. Metasildid
Pealkirja ala keskseks osaks on nn metasildid. Charset-silt on eriti oluline. Rahvusvahelise sümbolite kodeerimise jaoks määra UTF-8, et tagada, et kõik sümbolid kuvatakse õigesti.
4. Meta Charset-silt
Meta charset-silt on kirjutatud järgmiselt: . See on levinud standard, mis toetab rahvusvahelisi sümbolikogumeid. Erinevalt teistest siltidest ei ole meta-silti lõpetava sildiga, kuna tal ei ole sisu, mis vahele jääb.
5. Atribuudid HTML-siltides
HTML-is saavad olla ka atribuudid. Need määratakse sildi sees ja eraldatakse tühikuga. Charset-sildil on atribuut charset, millele on määratud väärtus „UTF-8“.
6. Meta Kirjeldus
Veel üks oluline metasilt on meta kirjeldus, mis on määratletud . Seda kirjeldust kuvatakse sageli otsingumootorites, kui sinu leht leitakse, ja seetõttu on see SEO jaoks oluline.
7. Täiendavad metasildid
Lisaks eelnevatele metasiltidele on veel mitmeid teisi, nagu robotite silt, mis annab juhiseid otsingumootoritele, ning viewport-silt, mida kasutatakse reageerivate disainide jaoks. Need on siiski lisateemad ja ületavad alused.
8. Stiililehtede linkimine
Pealkirja alal saad linkida ka stiililehti. Seda tehakse sildi abil. Sellega laetakse väline CSS-fail HTML-dokumenti, mis toob kaasa ühtse kujunduse.
9. Skriptide linkimine
JavaScripti kasutamiseks veebilehes saad pealkirja alal skripte lisada. Seda tehakse sildi abil. Sellega saad lisada funktsioone ja loogikat oma lehte, mis parandavad kasutajakogemust.
10. Pealkirja ala ja selle funktsioon
Kokkuvõttes võib öelda, et pealkirja ala on koht metaandmete ja linkide jaoks, mitte nähtava sisu jaoks. Tõeline sisu veebilehelt paigutatakse -sildi sisse. See on oluline sinu veebilehe struktuuri ja jõudluse jaoks.
Kokkuvõte – Pealkirja ala ja metaandmed HTML-is, CSS-is ja JavaScriptis
Pealkirja ala on keskse tähtsusega, et määratleda põhiteavet ja seadeid sinu veebilehe jaoks. Käesolevas juhendis oled õppinud, kuidas tõhusalt integreerida pealkirju, sümbolite kodeerimist ning stiililehti ja skripte.
Korduma kippuvad küsimused
Kuidas määratletakse pealkirja ala HTML-is?Pealkirja ala algab sildidega ja lõppeb.
Mis on pealkirja sildi eesmärk?Pealkirja silt määratleb veebilehe pealkirja, mis kuvatakse brauseri ribal.
Mis on metasilt ja milleks see on vajalik?Metasilt sisaldab metaandmeid dokumendi kohta, näiteks sümbolite kodeerimist või kirjeldusi.
Kuidas lisada stiililehte?Stiililehte linkitakse.
Mis vahe on pealkirja alal ja body-alal?Pealkirja ala sisaldab metaandmeid, samas kui body-ala sisaldab nähtavat sisu veebilehelt.
