24. HTML head sivu

HTML Elementti

2016-05-26T08:04:44+03:00

Esimerkki

HTML <meta> Elementti

Metadataa käyttää selaimet (kuinka näyttää sisältö), hakukoneissa, ja muissa web palveluissa.

Määritä sanat hakukonetta varten:

Määritä sivustosi tiedot:

Määritä muoto fontit:

Määritä sivuston tekijä:

Päivitä dokumentti joka 30 sekunnin välein:

Esimerkki <meta> tageista:

Esimerkki

HTML <script> Elementti

Scripti alapuolella kirjoittaa Hello JavaScript! HTML elementtiin with id="demo":

Esimerkki

<base> elementti määrittää url osoitteen ja kohteen kaikkiin sivuilta löytyviin url osoitteisiin:

Esimerkki

HTML head Elementit

Tagi	Määrite
<head>	Määrittää dokumentin informaation
<title>	Määrittää otsikon dokumentille
<base>	Määrittää oletus osoitteen ja oletus kohteen kaikille sivulta löytyville linkeille
<link>	Määrittää dokumentin ja ulkoisen lähteen suhteen
<meta>	Määrittää metadatan HTML dokumentin
<script>	Määrittää klientti scriptin
<style>	Määrittää tyyli informaation dokumentille

HTML Elementti

2016-05-25T14:35:39+03:00

<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

Esimerkki