HTML5
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 | muokkaa wikitekstiä]
Tässä Wikikirjassa käytetään enimmäkseen koodiesimerkkejä.
Upotus[muokkaa | muokkaa wikitekstiä]
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 | muokkaa wikitekstiä]
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 | muokkaa wikitekstiä]
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 | muokkaa wikitekstiä]
<embed> -tagi on myös uudistunut siten että sillä voi upottaa mitä vain.
