A HEAD szakasz

A dokumentum head részében elsősorban a dokumentum metaadatai kapnak helyet, például a Google találati oldalain és közösségi oldalakon megjelenő leírás, az oldal ikonja, az oldalhoz tartozó stíluslapok, valamint a böngészőablakban megjelenő cím. Ezek nagyjára egyelőre nem lesz szükségünk ahhoz, hogy elkészíthessük az első weboldalunkat, úgyhogy egyelőre maradjunk az alapoknál.

A HEAD rész talán legfontosabb eleme a <title> tag, amellyel megmondhatjuk a böngészőnek, hogy mi az oldalunk címe, amit az ablak keretén lánti szeretnénk. Ha tehát az oldalunkon például a Konrad Grebel Panziót szeretnénk bemutatni, akkor használhatjuk a <title>Konrad Grebel Panzió</title> taget a HEAD részben. Egy oldalon csak egy TITLE tag szerepelhet.

Ezen kívül érdemes még beállítanunk az oldalunk karakterkódolását. Ezt a META tag egy speciális verziójával tehetjük meg. Érdemes webfejlesztéskor az UTF-8 kódolás mellett maradnunk, ezt a head-ben elhelyezett <meta charset="utf-8"> taggel tehetjük meg.

Mik kerülhetnek még a HEAD-be?

Ha úgy érzed, hogy elakadtál, és több segítségre van szükséged, keress bizalommal! Kedvező árú magánórák keretében szívesen segítek elsajátítani a programozás alapjait.

Magánóra ajánlatok

Jellemzően az alábbiak szoktak még a HEAD részbe kerülni:

További META tagek
LINK tagek külső stíluslapokra, vagy egyéb kapcsolódó URL-ekre
STYLE és SCRIPT tagek

Mintakód

Az első néhány bekezdés után az oldalunk kódja valahogy így néz ki:

<!DOCTYPE html>
<html>
	<head>
		<title>Konrad Grebel Panzió</title>
		<meta charset="utf-8">
	</head>
	<body>

	</body>
</html>