HTML <head> Elementti
<head> elementti on sisältö metadatalle.
HTML metadata on dataa HTML documentista. Metadataa ei näy näytöissä.
Metadata tyypillisesti määrittää dokumentin otsikon, tyylin, linkit, scriptit, ja muu oheis info
Seuraavat tagit määrittää metadatan: <title>, <style>, <meta>, <link>, <script>, ja <base>.
Jätä pois <html> ja <body>?
HTML5 standardissa, <html> tagi, <body> tagi, ja <head> tagi voidaan jättää pois.
Seuraava koodin pätkä kelpee mm. HTML5 kielessä:
Esimerkki
<!DOCTYPE html>
<title>Sivun otsikko</title>
<h1>Tämä on otsikko</h1>
<p>Tämä on väliotsikko.</p>
<html> elementti on documentin juuri. se on suositelluin paikka määrittämään sivun kielen:
<!DOCTYPE html>
<html lang="en-US">
Kielen ilmoitus on tärkeää ruudun lukijoille ja hakukoneille.
<body> tagin poisjättö voi tehdä erroreita vanhoissa selaimissa (IE9).
<head> tagin poisjättö
HTML5 standardissa, <head> tagi voidaan poistaa
Oletuksena, selaimet lisäävät kaikki elementit ennen<body> tagia , <head> elementtiin.
Voit pienentää HTML kielen monimutkaisuutta, pois jättämällä <head> tagin:
Esimerkki
<!DOCTYPE html>
<html>
<title>Sivun otsikko</title>
<body>
<h1>Otsikko</h1>
<p>Väliotsikko.</p>
</body>
</html>
HTML <title> Elementti
<title> elementti määrittää dokumenttisi otsikon.
<title> elementti vaaditaan kaikkiin HTML/XHTML dokumentteihin.
<title> elementti:
- määrittää otsikon sivun välilehteen
- määrittää otsikon sivulle kun se lisätään suosikkeihin
- määrittää otsikon sivulle hakukoneen tuloksiin
Pelkistetty HTML documentti:
Example
<!DOCTYPE html>
<html>
<title>Otsikko</title>
<body>
Sivustosi sisältö...
</body>
</html>
HTML <style> Elementti
<style> elementtiä käytetään määrittämään tyyli informaation HTML documentille.
<style> elementin sisällä sinä määrität miten html elementit tulisi renderöityä selaimeen:
Esimerkki
<style>
body {background-color:yellow;}
p {color:blue;}
</style>