HTML5 on HTML4.01:n seuraaja jonka uudistuksia käymme läpi tässä Wikikirjassa. Voit kerrata HTML4.01 täällä Wikikirjaston sivulla HTML tai Wikipedian sivulta HTML. HTML5:n selaintuki on vielä hieman puutteellinen ja sivun alkuun on syytä kirjoittaa <!DOCTYPE HTML5>.

Esimerkit

muokkaa

Tässä Wikikirjassa käytetään enimmäkseen koodiesimerkkejä.

Upotus

muokkaa

Kun upotat elementin se voidaan upottaa vanhalla <embed> tai <img> -tagilla ta uusilla tageilla. Tagia <aplet> ei tueta HTML5:ssä, osittain siksi että HTML5 korvaa javan ja flashin.

Upotuksessa olennaista on uusi <source> -tagi.

Videon upotus

muokkaa

Video voidaan upottaa vanhaan <embed> tapaan tai <video> -tagilla, jota käsittelemme tässä.

<video width="300" height="250" controls="controls">
<syntaxhighlight src="video.mp4" type="video/mp4">
<syntaxhighlight src="video.ogg" type="video/ogg">
Selaimesi ei tue video-tagia.
</video>

Määritteet width ja height ovat jo HTML:n vanhemmista versioista tuttuja ja asettavat korkeuden ja leveyden. controls on uusi ja jos arvo on controls, niin alas tuleva tuttuun tapaan painikkeet toista/tauko, pysäytä, ja kelaa eteenpäin ja taaksepäin.

<source> -tageja on monta ja niistä soitetaan vain yksi. Niitä on monta, sillä jos selain ei tue yhtä muotoa, se ottaa toisen videon.

Teksti <video> -tagissa näytetään jos selain ei tue tagia.

Äänen upotus

muokkaa

Toimii samoin kuin <video> -tagi, vaan että nyt upotetaan ääntä.

<audio controls="controls">
<syntaxhighlight src="aani.mp3" type="audio/mp3">
<syntaxhighlight src="aani.ogg" type="audio/ogg">
Selaimesi ei tue audio-tagia.
</audio>

Minkä tahansa upotus

muokkaa

<embed> -tagi on myös uudistunut siten että sillä voi upottaa mitä vain.


  Tämä sivu tai sen osa on keskeneräinen. Voit auttaa Wikikirjastoa täydentämällä sivua.