A HTML oldal minden esetben a <HTML> taggel kezdődik és a </HTML> zárótaggel végződik.
A HTML oldal fej részét a <HEAD> .....</HEAD> tag páros zárja közre. Ami a head részben van nem látszik. Akkor mi értelme van ennek?
A fejlécben adhatjuk meg a weboldal címét. Erre a <TITLE>...</TITLE> párost használjuk. Ez látszik a böngésző ablakának tetején.
<title>Fábián Zoltán | Dobd el mi bánt és csak ragyogjál!</title>
Itt adhatjuk meg azokat a meta TAG-eket, amelyeket a keresők (Google, Bing, stb...) előszeretettel haszbéknak és ezek alapján (is) rangsorolják az oldalon lévő tartalmakat, vagy amelyek alapján a Facebook látja a megosztott oldal bevezetését és képet ad hozzá.
<meta name="rights" content="Fábián Zoltán (c) 2014" />
<meta property="og:site_name" content="Fábián Zoltán" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.fzolee.hu/fw/" />
<meta property="og:title" content="Fábián Zoltán" />
<meta property="og:description" content="Dobd el mi bánt és csak ragyogjál!" />
<meta property="og:image:url" content="http://localhost/fw/files/fabian_zoltan.jpg" />
Megadhatjuk az oldal karakterkódolását:
<meta charset="utf-8" />
Itt adhatjuk meg azokat a stílusokat több féle módon, amelyek az oldalunk megjelenéséért felelősek.
Közvetlen stílusdefinícióval:
<style>
a{
font-size: 1.1em;
}
</style>
CSS fájlok beszúrásával :
<style>
@import url("http://www.fzolee.hu/fw/sites/all/themes/fztheme/css/normalize.css");
</style>
Itt szoktuk beszúrni az oldalon használható javascript fájlokat:
<script src="http://www.fzolee.hu/fw/misc/drupal.js"></script>
Még egyszer: A fenti dolgok olyan információk, amelyek ugyan nem látszanak a böngésző által megjelenített szövegekben, de a megjelenítést befolyásolják, vagy befolyásolhatják, illetve az oldalunk látogatottságát növelik.
A látogatás növelésének technológiáját SEO-nak hívják.