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