Az HTML head elem a dokumentum fejlécét tartalmazza. A head elemben lévő információk nem jelennek meg a weboldal látható részében, hanem a böngészők és a keresőmotorok számára biztosítanak fontos információkat a weboldalról.
A head elem általában az HTML dokumentum tetején található, és a body elemmel zárul. A head elem a következő módon használható:
<head>
<!-- Fejléc tartalma -->
</head>
A head elem belsejében számos elemet használhatunk, például:
title: a weboldal címe, amely a böngésző címsorában és a keresőmotorok eredményeiben jelenik meg.base: az alapértelmezett útvonalat adja meg a dokumentumból induló hivatkozásokhoz.link: hivatkozásokat tartalmaz más dokumentumokra, például a weboldal stíluslapjára.meta: információkat tartalmaz a weboldalról, például a leírást és a kulcsszavakat a keresőmotorok számára.style: beágyazott stíluslapot tartalmaz a dokumentumban.script
Például az alábbi kód egy title elemet és egy meta elemet tartalmaz a head elemben:
<head>
<title>Weboldal címe</title>
<meta name="description" content="Weboldal leírása">
<meta name="keywords" content="kulcsszavak, weboldal">
</head>
Az első meta elem a weboldal leírását adja meg a keresőmotorok számára, míg a második meta elem a weboldal kulcsszavait tartalmazza. Ezek az információk segítenek a keresőmotoroknak abban, hogy a weboldalt helyesen indexeljék és megfelelő eredményeket adjanak a keresésekben.
Ezenkívül a head elembe hivatkozásokat is tartalmazhatunk más dokumentumokra, például a weboldal stíluslapjára. Például:
<head>
<title>Weboldal címe</title>
<link rel="stylesheet" href="/css/style.css">
</head>
Ebben az esetben a link elemmel hivatkozunk a /css/style.css stíluslapra. A stíluslapban meghatározhatjuk az oldal megjelenését, például a szöveg színét, betűtípusát és méretét.
Az HTML head elem nagyon fontos része az HTML dokumentumnak, mert számos információt tartalmaz a weboldalról és a dokumentumban használt elemekről.