Praneškite apie mus:


HTML headeriai

0

HTML headeris savyje turi kelis pagrindinius dalykus:



  1. doctype - aprašo, kokio tipo yra šis HTML dokumentas
  2. meta name="description" - paieškos varikliukams skirtas meta tag'as kuriame reikia parašyti aprašymą apie svetainę
  3. meta name="keywords" - paieškos varikliukams skirtas meta tag'as kuriame reikia nurodyti raktažodžius. Juos gaudo pvz. google, yahoo
  4. title - nurodo puslapio pavadinimą

Headeris mūsų pavyzdyje:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="manualai.lt">
<meta name="description" content="Tai yra pavyzdys apie headerius">
<meta name="keywords" content="HTML, headeriai, header">
<title>HTML gidas apie headerius</title>
<link href="stilius.css" rel="stylesheet" type="text/css">
</head>

<!DOCTYPE> Eilutė

<!DOCTYPE> eilutė yra skirta aprašyti, kokio tipo yra HTML dokumentas Jis neturi uždarymo tag'o. Rekomenduojami dokumentų tipai yra:

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
    Tai reiškia, kad jūsų puslapis griežtai atitinka HTML 4 standartus
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
    Tai reiškia, kad jūsų puslapis atitinka HTML 4 standartus ir naudoja frame setus
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    Tai reiškia, kad naudoja tradicines HTML 3 funkcijas, taip pat HTML 4
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
    Tai reiškia, kad puslapis atitinka XHTML standartą

Pastaba: Nors HTML kalboje yra patartina naudoti mažąsias raides aprašams, bet rašant šią eilutę, patarčiau naudoti didžiąsias raides, kaip yra pateiktuose pavyzdžiuose.

<head> dalies žymės

Elementai, kurie yra leidžiami head puslapio dalyje atitinkantys HTML 4 standartus yra:

  • base - nurodo pagrindinio puslapio adresą. Palaiko target atributą, kai naudojame rėmus
  • link - nurodo ryšius su kitais dokumentais, pvz.: stiliaus
  • meta - saugo puslapio aprašymą, raktažodžius ir kt.
  • script - įterpia skriptą, pvz. javascript
  • style - įterpia css stiliaus taisykles
  • title - nurodo dokumento antraštę

<meta> žymė

<meta> elementas yra naudojamas, kai norima nurodyti dokumento aprašymą, raktažodžius, skirtus dokumentui, dokumento autorių ir kt.

Atributai:

  • http-equiv - galimos reikšmės:
    • refresh - dokumentas bus perkrautas po tiek sekundžių, kiek nurodyta content atribute
    • expires - data, kada puslapis bus laikomas pasenusiu
    • reply-to - kontaktinis e-mail adresas, nepatartina naudoti, nes spam varikliai surenka šiuos adresus ir naudoja juos negeriems tikslams
  • name - papildoma informacija apie puslapį:
    • author - žmogaus vardas, kuris sukūrė puslapį
    • description - puslapio aprašymas. Ši reikšmė skirta paieškos varikliams
    • copyright - teisinė puslapio informacija - nurodo kam priklauso puslapis ir jame esanti informacija
    • keywords - raktažodžiai skirti paieškos sistemoms. Jei norite naudoti daugiau nei vieną raktažodį, atskirkite juos kableliais
  • content - nurodo atributo reikšmę
  • scheme - nurodo papildomą scehmą, pagal kurią naršyklė turi interpretuoti atributo reikšmę. Itin retai naudojamas atributas

pavyzdžiai:



po 600 sekundžių puslapis yra perkraunamas 
<meta http-equiv="refresh" content="600">
 
po 600 sekundžių puslapis bus perkrautas ir naujasis puslapis bus http://www.manualai.lt/
<meta http-equiv="refresh" content="600" url="http://www.manualai.lt/">
 
kartais naudojama žymė kontaktiniam email adresui nurodyti, 
tačiau labai nepatartina ją naudoti, nes tas adresas pateks i spam variklius
<meta http-equiv="reply-to" content="email@gmail.com">
 
nurodo dokumento autorių
<meta name="author" content="Primatas">
 
nurodo html dokumento aprašymą, skirta paieškos sistemoms
<meta name="description" content="HTML pamoka apie headerius">
 
nurodo html dokumento raktažodžius, skirta paieškos sistemoms
<meta name="keywords" content="html, headeriai, manualai">
 
nurodo teisinę informaciją, kam priklauso puslapio teisės
<meta name="copyright" content="Visos teises saugomos, manualai.lt">

 

<base> žymė

Šis elementas nurodo, kaip bus tvarkomasi su reliatyviomis nuorodomis dokumento body dalyje. Palaiko target atributą, kai naudojamas kartu su rėmais (frames). Tik vienas šio tipo elementas gali būti visame html dokumente.

Jeigu jūs perkelsite savo sukurtą puslapį tarkime iš adreso http://www.manualai.lt/ į adresą http://pamokos.manualai.lt/, tada reliatyvios nuorodos esančios puslapyje nukreipinės į http://www.manualai.lt/, o jis jau bus nenaudojamas ir tada mes klaidas File not found (failas nerastas). Base žymė gali pagelbėti tokiu metu, nes ji nukreipinės nuorodas jau į naująjį adresą. Pvz.:

 

1
<base href="http://www.pamokos.manualai.lt/">

 

Be šios žymės, jei yra realiatyvi nuoroda, pvz.: pabandyk_pats/index.php, tai vartotojo naršyklė bandys rasti http://www.manualai.lt/pabandyk_pats/index.php puslapį, kuris, kadangi puslapį perkelėte į http://www.pamokos.manualai.lt/ - bus nerastas.

<link> žymė

Nurodo ryšius su kitais elementais. Atributai:

  • charset - puslapio koduotė. Svarbu nurodyti ją teisingą, tai yra labai dažna klaida ir suklydus šioje vietoje gali nerodyti puslapyje lietuviškų raidžių, ar išvis iškraipyti visą puslapį
  • href - kelias iki dokumento, kurį norite įtraukti į html dokumentą
  • lang - nurodo kalbą, kokios tikimasi. Pvz.:
  • media - nurodo kaip norima įterpti dokumente esančius dalykus. Galimos reikšmės: all, aural, braille, handheld, projection, print, screen, tty ir tv
  • rel - ryšis su įterpiamu failu
  • rev - ryšis iš įterpiamo failo į html dokumentą. Galimos rel ir rev reikšmės: alternate, appendix, stylesheet, bookmark, chapter, contents, copyright, glossary, help, index, next, prev, start, section ir subsection
  • type - nurodo, kokio tikimasi duomenų tipo įtrauktame dokumente. Tipinės reikšmės yra: application/java, text/html, text/css, image/jpeg ir text/javascript
  • target - nurodo taikinį, į kurį rėmą (frame) bus įdėtas puslapis. Reikšmė gali būti kokio nors lango pavadinimas, arba galite naudoti html rezervuotą reikšmę, jos išvardintos žemiau. Jei target reikšmė yra pavadinimas lango, kuris egzistuoja, puslapis bus užkrautas į jį. Jei toks langas neegzistuoja, jis bus naujai sukurtas
    • _blank - puslapis užkraunamas į naują langą be jokio pavadinimo
    • _parent - puslapis užkraunamas į pirminį puslapį
    • _self - puslapis užkraunamas į tą patį langą, kuriame yra nuoroda. Jei nuoroda yra frame'e, tai užkraus į frame'ą. Tai yra reikšmė pagal nutylėjimą
    • _top - puslapis bus užkrautas į patį viršutinį langą

Pavyzdys:

 

1
<link href="stiliai.css" rel="stylesheet" type="text/css">

<title> žymė

Tekstas tarp žymių <title> ir title> bus atvaizduojamas kaip puslapio pavadinimas.

Pavyzdys:

 

1
<title>Manualai.lt puslapis</title>

<script> žymė

Skirtas skriptų failams įterpti. Galimi atributai:

  • charset - skripto koduotė, pvz.: utf-8. Labai svarbus atributas, dažna klaida, dėl kurios nerodo lietuviškų raidžių
  • defer - skriptas nebus vykdomas, kol naršyklė pilnai neužkraus dokumento
  • language - skripto kalba
  • src - nuoroda iki skripto failo. Tai nėra būtina, skriptą galima rašyti tiesiai tarp <script> ir script> žymių
  • type - failo tipas

Pavyzdys:

 

1
2
3
<script type="text/javascript"> 
alert("Sveiki!");
</script>

<style> žymė

Elementas, kuriame nurodome stilių. Atributai:

  • media - nurodo, kaip norima įterpti dokumente esančius dalykus. Galimos reikšmės: all, aural, braille, handheld, projection, print, screen, tty ir tv
  • title - stiliaus dokumento antraštė
  • type - failo tipas

Jeigu naudojate išorinius stiliaus failus, naudokite <link> elementą, kuris yra aprašytas auksčiau. Norint paprastai aprašyti stilių, galite tai padaryti pavyzdžiui taip:

 

1
2
3
4
5
6
<style type="text/css"> 
body {
clear:both;
}
</style>
Perskaityta: 3764 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
html    pazengusiems   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti