70 likes | 196 Views
HTML 5. Pavel Kolesnikas Informologija 1 kursas 2 grupe. HTML 5.
E N D
HTML 5 Pavel Kolesnikas Informologija 1 kursas 2 grupe
HTML 5 • HTML 5 nėra atskira nauja technologija tinklalapiuose. Tai taip pat nėra griežtai apibrėžtas įrankių paketas, naršyklės įskiepis ar atskira biblioteka. Tai, galiausiai, nėra aplikacija, programa ar tam tikra sistema. HTML 5 tiesiog apibrėžia atnaujintą HTML standartą, plėtojant ir gerinant savybes, kurias turi HTML 4. • Kol nebuvo sukurto HTML 4 standarto, egzistavo ankstesnės specifikacijos arba, kitaip sakant, versijos. Kadangi negalima iš niekur nieko išpešti ir įdėti naują standartą lyg ankstesnieji nebeegzistuoja (kitaip visas internetas tiesiog sugriūtų, t.y. tinklalapiai nebūtų atvaizduojami korektiškai naršyklėse, kuriose integruotas naujas standartas), plėtojimas yra progresyvus. Kitaip sakant, integruojant kažką naujo, originaliosios savybės išlieka, jas darniai sujungiant su naujomis. Tad perėjimas iš HTML 4 į HTML 5 irgi yra progresyvus. Tai reiškia, kad niekas konkrečiai nedingo, o atsirado.
Html versijų atradimo laikotarpis • 1991 HTML • 1994 HTML 2 • 1996 CSS 1 + JavaScript • 1997 HTML 4 • 1998 CSS 2 • 2000 XHTML 1 • 2002 Tableless Web Design • 2005 AJAX • 2009 HTML 5
Skirtumai tarp html 4 ir html 5 • Naujos struktūrinės žymės: <section>, <header>, <footer>, <nav>,<article>, <aside>. • Vaizdo failai su <video>. • Garso failai su <audio>. • <canvas>. • Nauji formos elementų tipai ir atributai.
Taigi html yra ta pati programavimo kalba ? • HTML5 ~= HTML + CSS + JS
Koks kodas audio ir video ? • <audio id="audio" src="sound.mp3" controls></audio>document.getElementById("audio").muted = false; • <video id="video" src="movie.webm" autoplaycontrols></video>document.getElementById("video").play();
Šaltiniai • http://slides.html5rocks.com/#logo-demo • http://www.e-grafika.lt/straipsniai/skaityti/HTML-5-sekantis-web-evoliucijos-etapas