Easywd.lv Kā izveidot mājas lapu

HTML sadaļa head un reāls piemērs

Lietotāju novērtējums:  / 1
SliktākaisLabākais 

HTML <head> Elements

<head> Elements ir konteiners visiem galvenes elementiem. Elementi iekšpus <head> var ietvert skriptus, 
uzdot pārlūku kur atrast stilu lapas, sniedz meta informāciju, un vairāk.

Šādus tagus var pievienot galvas sadaļā: <title>, <style>, <meta>, <link>, <script>, <noscript>, un <base>.


HTML <title> Element

<title> Tag definē dokumenta nosaukumu. un viņam obligāti ir aizverošais tags </title>

<title> Elements ir nepieciešama visiem HTML / XHTML dokumentiem.

<title> Elements:

  • definē titullapu pārlūka rīkjoslā
  • paredzēts pievienot nosaukumu lapu, kad tā ir pievienota pie favorītiem
  • parāda virsrakstu lapā meklēšanas dzinēju rezultātos

Vienkāršots HTML dokuments:

<!DOCTYPE html>
<html>
<head>
<title>mana lapa ir par to un to</title>
</head>

<body>
The content of the document......
</body>

</html>

 


HTML <base> Element

<base> Tag nosaka pamata URL / mērķa visiem relatīvo URL lapā:

<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>

 


HTML <link> Element

<link> Tag definē attiecības starp dokumentu un ārēju resursu.

<link> Tag ir visbiežāk izmantots, lai piesaistīt stila lapu:

<head>
<link rel="stylesheet" type="text/css" href="/mystyle.css">
</head>

 


HTML <style> Element

<style> Tag tiek izmantots, lai definētu stilu informāciju pašā HTML dokumentā.

Inside <style> elementa jums norādīt, kā HTML elementi būtu atveidot pārlūkprogrammā:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

 


HTML <meta> Element

Metadati ir dati (informācija) par datiem.

<meta> Tag sniedz metadatus par HTML dokumentā. Metadati netiks rādīts lapā, bet būs izmantots
piemēram meklēšanas robotiem (google).

Meta elementi parasti izmanto, lai norādītu lapu apraksts, atslēgvārdi, dokumenta autors, jaunākie grozījumi,
un citus metadatus.

Metadatus var izmantot pārlūkprogrammās (kā parādīt saturu vai pārlādēt lapu), meklētājprogrammas (atslēgvārdiem), vai citas interneta pakalpojumus.

<meta> tags vienmēr iet iekšā <head> elementa.

<meta> Tags - piemēri Use

Definēt atslēgvārdus meklētājprogrammas:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

Definēt aprakstu par jūsu mājas lapā:

<meta name="description" content="šī lapa satur informāciju par to un to">

Definēt autors lapā:

<meta name="author" content="Hege Refsnes">

Atsvaidzināt dokumentēt ik pēc 30 sekundēm:

<meta http-equiv="refresh" content="30">

 


HTML <script> Element

<script> Tag tiek izmantots, lai noteiktu klienta puses skriptu, piemēram, JavaScript.

<script> Elements tiks paskaidrots vēlāk nodaļā.

Reāls piemērs!



<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> norāda ka dokumentam ir kodējums UTF-8
<meta http-equiv="Content-Language" content="LV"> norāda ka saturs ir latviešu valodā
<meta name="google-site-verification" content="E8bGQJ4boljPo8PugDvaYKdE3d2tJwjQC4ZOlf_gVkw" />
<title>Salidzini.lv - Visi interneta veikali. Kas, kur un cik maksā?</title> , dokumenta nosaukums, norāda
nosaukumu kas būs redzams browserī
<meta name="Description" content="Atrodi, kur pirkt lētāko. Preces no vairāk kā 450 interneta veikaliem.">
apraksts , par ko ir web lapa
<meta name="Keywords" content="interneta veikali, salidzini, internetveikali, internetveikals, 
interneta veikals, internet veikali, internet veikals, kurpirkt, kur pirkt">
atslēgvārdi, pēc kuriem var atrast šo resursu
<link rel="shortcut icon" href="http://www.salidzini.lv/favicon.ico"> , kāda būs ikona web lapai
<link rel="search" type="application/opensearchdescription+xml" title="Salidzini.lv" href="http://www.salidzini.lv/search_plugin_ff.xml">

            <link rel="stylesheet" type="text/css" href="http://www.salidzini.lv/css/all_1.css">, stils tiek piesaistīts
CSS stils!!
            <script language="javascript" type="text/javascript" src="http://www.salidzini.lv/js/_all.js.php?ver=130910">
</script> , tiek piesaistīts Javascript fails
        



<script language="javascript" type="text/javascript" src="http://www.anymedia.lv/js/show_media.php?p=1" 
charset="utf-8" defer="defer"></script> , atkal tiek piesaistīts cits Javascript fails
</head>    , sadaļas <head> beigas.



Pamēģini pats - Piemēri

<title> - Definēt nosaukumu HTML dokumentā
Izmantojiet <title> tagu, lai noteiktu nosaukumu dokumentam.

<base> - Default URL un mērķa visām saitēm
, izmantojiet <base> tagu, lai norādītu noklusējuma URL un noklusēto mērķa visām saitēm lapā.

<meta> - Nodrošināt metadatu HTML dokumentu
Izmantot <meta> elementiem, lai norādītu aprakstu, atslēgvārdi, autors, un rakstzīmju kopu no dokumenta.



HTML galvenes elementi

TagDescription
<head> Defines information about the document, html failā norāda ka ir sākusies iedaļa
<title> Defines the title of a document, definē dokumenta nosaukumu, </title>
<base> Defines a default address or a default target for all links on a page, dažreiz noder
<link> Defines the relationship between a document and an external resource, piesaistām stilus CSS
<meta> Defines metadata about an HTML document, papildinformācija
<script> Defines a client-side script, definē skriptu, vai skripta piesaiste
<style> Defines style information for a document