HTML5

View Github Repository Open presentation in a new window

vlad-mihalca

See all presentation from vlad-mihalca

HTML5

1 0

prezentare-MTI-multimedia

Prezentarea despre HTML5 pentru Multimedia, MTI an 2 sem 1

On Github vlad-mihalca / prezentare-MTI-multimedia

HTML5

Studenți:

  • Mihalca Vlad
  • Toia-Creț Titus

Ce este HTML5

tehnologie de bază în Web

limbaj de markup

Obiective

  • să înlocuiască HTML4 și XHTML 1
  • să definească un singur limbaj de mark-up care poate fi scris atât în sintaxă HTML cât și XHTML
  • introduce un set de API-uri pentru aplicații web complexe

Elemente noi

<video>

<audio>

<canvas>

<section>

<article>

multe altele...

Declarație nouă tip de document

<!DOCTYPE html>

comparativ cu declarația XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Elemente ce îmbunătățesc structura semantică a paginii

<header> Conține de obicei un element de timp <h> și conținut introductiv

<nav> Conține link-uri pentru navigație

<main> Definește partea principală unui document

<article> Definește o parte a unei pagini care poate exista independent

<section> Element simplu pentru divizarea documentului

<footer> Partea finală a paginii - poate conține informații legate de copyright, adrese pt feedback etc.

Elementul CANVAS

este folosit pentru a desena pe suprafața sa, avînd propriul său API în Javascript

Elementul FIGURE

se poate asocia semantic descrierea unei imagini cu imaginea în sine

<figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>

Lucruri opționale

ghilimelele la atribute

atributul "type" la Script și Link

Atribute noi

input-uri noi: "email", "tel", "url", "email", "color", "datetime"

placeholder la input

Stocare locală

stocare date în browser

bază de date pentru perechi cheie=>valoare

datele se salvează pe domeniu

WebSQL = bază de date relațională pe client

Ce nu este HTML5

SVG

CSS3 - este CSS, nu HTML

Geolocalizare

Web Sockets - are propria sa specificație

Multimedia - prezentări HTML5

Reveal.js

Impress.js

Google slides template

Deck.js

Shower

Concluzii

HTML5 este o tehnologie modernă utilă atât pe web cât și mobile

HTML5 prezintă numeroase facilități multimedia

este viabil în construcția de aplicații web complexe cu funcționalitate pe client

tehnologie standardizată, disponibilă oriunde fără costuri de licență sau de alte tipuri

adoptată de producătorii de dispozitive mobile ca alternativă la Flash sau alte platforme similare