HTML – Tag-ul “head”

Aceasta postare este disponibila si in: Engleza

Tag-ul “head”

Efectuarea unui cod HTML formatat corect este una dintre cele mai importante aspecte atunci când vine vorba de validarea codului sursă HTML si toate tag-urile corespunzătoare trebuie să fie închise pentru a evita utilizarea metodei învechite de cod sursă care face ca motoarele de căutare sa devina confuze şi nu reuşească  sa se facă distincţia corecta a  codului sursă HTML al dvs.

Antet HTML conţine mai multe elemente notabile care includ:

  1. doctype – Aceasta oferă o descriere a tipului de document HTML.
  2. meta name=”description” – Aceasta oferă o descriere a paginii pentru motoarele de cautare.
  3. meta name=”keywords” – Această linie include seturi de cuvinte cheie pe care motoarele de căutare pot utiliza pentru a găsi pagina ta.
  4. title – DefineÅŸte numele documentului pentru browser-ul dvs..

Exemplu de antet în documentul nostru:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   <meta name="GENERATOR" content="Arachnophilia 3.9">
   <meta name="description" content="Documentatie ÅŸi
  informaţii despre efectuarea unui document HTML corect.">
   <meta name="keywords" content="HTML, tags, commands">
   <title>HTML HEADER</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/js.js"></script>
<link rel="shortcut icon" href="favicon.ico">
</head>

Primul lucru care trebuie să fie pe antetul fişierului este această declaraţie:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Aceasta este Document Type Definition si ar trebui să fie la începutul oricărui document HTML. În general, există  urmatoarele tipuri de documente:

HTML 4.01

Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">

DeclaraÅ£ia (punct de vedere tehnic nu este o “etichetă”) ar trebui să fie primul lucru din document … dacă alegeÅ£i să-l folositi la toate documentele. Ea spune browser-ului in ce versiune de HTML este scris documentul.
Mai precis, declară că acest document este conform cu o versiune specifică a HTML, şi specifică ce versiune este.

Există motoare de căutare, care au un timp de citire mai greu atunci când vine vorba de prelucrare DOCTYPE XHTML si este mult mai recomandat să utilizaţi HTML 4.01, care este un DOCTYPE de tranziţie care va apare astfel:

<!DOCTYPE HTML PUBLIC"_//W3C//DTD HTML 4.01 Transitional//EN" http://www.w3.org/TR/html4/loose.dtd>

Apoi, există unele  etichete “meta” care descrie conÅ£inutul documentului, cine l-a creat, câteva cuvinte cheie şi setul de caractere folosite. Aici, în exemplul de mai sus avem:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Arachnophilia 3.9">
<meta name="description" content="Documentatie ÅŸi
  informaţii despre efectuarea unui document HTML corect.">
<meta name="keywords" content="HTML, tags, commands">

Acestea sunt importante pentru motoarele de căutare şi juca un rol important în găsirea site-ul tău pe internet.

Titlul paginii dvs. poate fi menţionat în această etichetă:

<title>HTML HEADER</title>

Acest titlu va apărea în fereastra de browser-ul dvs. şi, precum şi meta tag-urile de mai sus, ajută la motoarele de cautare.

Următoarea parte este partea de proiectare, asezare in pagina, secţiunea în care vă veţi insera setările CSS şi  codurile javascript:

<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js.js"></script>

ÃŽn acest exemplu, setările de CSS sunt în fiÅŸierul style.css şi, cu această linie fac paginile mele sa “se uite” si “sa citeasca” acel fiÅŸier. Dacă fiÅŸierul nu se află în calea menÅ£ionata pagina mea va funcÅ£iona fără setări de proiectare specificate în acest fiÅŸier. AcelaÅŸi lucru este cu fisierul javascript js.js. Pot să completez acest fiÅŸier scriind codurile javascript ce vreau sa le folosesc. Vreau să rulez şi apoi doar sa-l “includ” in pagina mea prin introducerea în linia de antet.

 

Există o altă modalitate de a include setarile CSS, care include aceste setări css pe pagina mea utilizând numai etichetele<style type=”text/css”> css code </style>. In acelasi fel pot include si codurile javascript ce vreau sa le folosesc folosind etichetele <script type=”text/javascript”> javascript code </script>.

Ultima linie in exemplul mentionat este:

<link rel="shortcut icon" href="favicon.ico">

Cu această linie se poate adăuga un favicon pentru site-ul tău. Faviconul este un fişier care conţine una sau mai multe pictograme mici, cel mai frecvent 16 × 16 pixeli, asociat cu un anumit site Web sau pagină Web. Dacă aveţi un favicon gif animat va trebui să utilizaţi următoarele linii în antetul dvs.:

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="path to animated.gif" type="image/gif">

Voi păstra acest articol ca un început pentru altele.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

CAPTCHA * Time limit is exhausted. Please reload CAPTCHA.

Acest sit folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.