Glava dokumenta HTML je ključna za strukturo in delovanje spletne strani. V tem priročniku se boste naučili, kaj točno se skriva v glavi in kako jo lahko učinkovito uporabite. Opravili bomo tematiko metainformacij, naslovov, kodiranja znakov ter povezovanja stilov in skriptov.

Najpomembnejše informacije

  • Glava () ne vsebuje vidne vsebine, temveč metainformacije.
  • Tag Title določa naslov, ki se prikaže v naslovni vrstici brskalnika.
  • Metatagi, kot je tag Charset, so pomembni za kodiranje znakov.
  • Stilne datoteke in skripti se lahko povežejo v glavi.

Navodila po korakih

1. Glava sama po sebi

Glava (head) HTML-dokumenta se začenja s tagi in konča s. Ta del se ne sme zamenjevati z menijsko vrstico ali logotipom, ki sta del poglavja. Glava služi izključno za zagotavljanje metainformacij o dokumentu.

Osnove glave v HTML in CSS

2. Tag Title

Znotraj glave definirate naslov spletne strani s tagom <title>. Ta naslov se prikaže v naslovni vrstici brskalnika in je za uporabnike ter iskalnike ključen. Na primer, lahko uporabite "Moj testni naslov".</p>

3. Metatagi

Osrednji del glave so tako imenovani metatagi. Tag Charset je še posebej pomemben. Dajte UTF-8 za mednarodno kodiranje znakov, da zagotovite, da so vsi znaki pravilno prikazani.

Osnove glave v HTML in CSS

4. Meta Charset Tag

Meta Charset tag se zapiše tako: . To je običajen standard, ki podpira mednarodne nabor znakov. V nasprotju z drugimi tagi, se Meta tag ne zaključi s končnim tagom, saj nima vsebine, ki bi bila vmes.

5. Atributi v HTML tagih

V HTML-u se lahko uporabljajo tudi atributi. Ti so navedeni v samem tagu in so ločeni s presledkom. Tag Charset ima atribut charset, kateremu je dodeljena vrednost "UTF-8".

6. Meta Description

Še en pomemben metatag je Meta Description, ki ga definira . Ta opis se pogosto prikazuje v iskalnikih, ko je vaša stran najdena in je zato pomembna za SEO.

Osnove glave v HTML in CSS

7. Dodatni Metatagi

Poleg prejšnjih metatagov obstaja še vrsta drugih, kot je Robots tag, ki daje navodila iskalnikom, in Viewport tag, ki se uporablja za odzivne zaslone. Ti pa so dodatni vidiki in presegajo osnove.

8. Povezovanje stilov

V glavi lahko povežete tudi stilne datoteke. To se zgodi s tagom . Tukaj se naloži zunanja CSS-datoteka v HTML-dokument, kar privede do enotne oblike.

9. Povezovanje skriptov

Za uporabo JavaScript-a na svoji spletni strani lahko v glavi vključite skripte. To se zgodi s tagom . S tem lahko v svoji strani vključite funkcije in logiko, ki izboljšajo uporabniško izkušnjo.

10. Glava in njena funkcija

Skupaj lahko rečemo, da je glava mesto za metainformacije in povezave, ne pa za vidno vsebino. Prava vsebina spletne strani je vstavljena v tag. To je pomembno za strukturo in delovanje vaše spletne strani.

Osnove glave v HTML in CSS

Povzetek – Glava in metainformacije v HTML, CSS in JavaScript

Glava je ključnega pomena za definiranje osnovnih informacij in nastavitev za vašo spletno stran. V tem priročniku ste se naučili, kako učinkovito integrirati naslove, kodiranja znakov ter stilne in skriptne datoteke.

Pogosto zastavljena vprašanja

Kako je glava definirana v HTML-ju?Glava se začenja s in konča s.

Kaj je namen taga Title?Tag Title določa naslov spletne strani, ki se prikaže v naslovni vrstici brskalnika.

Kaj je metatag in k čemu služi?Metatag vsebuje metainformacije o dokumentu, kot so kodiranja znakov ali opisi.

Kako vključim stilno datoteko?Stilna datoteka se poveže s.

Kakšna je razlika med glavo in telesom?Glava vsebuje metainformacije, medtem ko telo vsebuje vidno vsebino spletne strani.

274