HTML 5

2007

2014

Historie

<section>

<article>

<main>

<aside>

<header>

<footer>

<nav>

<figure>

<figcaption>

Sémantika

Offline aplikace

Zjednodušení

Doctype

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<!doctype html>

Charset

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="utf-8">

Kostra

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>

    <title></title>

  </head>
  <body>

  </body>
</html>
<!doctype html>
<title></title>

Multimediální obsah

HTML5 <video>

<video src="http://dl.zelitomas.cf/maraton.webm" controls=""></video>
Atribut Možné hodnoty Popis
autoplay autoplay Určí, že se má záznam ihned po načtení začít přehrávat
controls controls Určí, že má prohlížeč zobrazit ovládací tlačítka
height velikost Specifikuje výšku videa
loop loop Slouží k automatickému přehrávání od začátku ihned po skončení
poster URL Specifikuje URL náhledového obrázku videa
src URL Specifikuje URL video souboru
type MIME type Specifikuje MIME type souboru videa
width velikost Specifikuje šířku videa
<video src="http://dl.zelitomas.cf/maraton.webm" controls=""></video>

HTML5 <video>

Atribut Možné hodnoty Popis
autoplay autoplay Určí, že se má záznam ihned po načtení začít přehrávat
controls controls Určí, že má prohlížeč zobrazit ovládací tlačítka
loop loop Slouží k automatickému přehrávání od začátku ihned po skončení
preload auto
metadata
none
Specifikuje, jak by se mělo audio načíst
src URL Specifikuje URL audio souboru
<audio src="nejakedivneaudio.ogg" controls></audio>

HTML5 <audio>

Děkuji za pozornost!

Powered by

Slides

HTML 5

By Tomáš Zelina

HTML 5

Toto je naprosto úchvatná prezentace o ještě úchvatnějším HTML5 by Tomáš Zelina

  • 1,135