Latest web development tutorials

HTML5 Tutorial

HTML

HTML5 è l'ultima revisione HTML nel mese di ottobre 2014 gli standard World Wide Web Consortium (W3C) completati.

HTML5 è progettato per supportare multimediali su dispositivi mobili.

HTML5 facile da imparare.

Che cosa è HTML5?

HTML5 è la prossima generazione di HTML standard.

HTML, la versione precedente di HTML 4.01 è nato nel 1999. Da allora, il mondo web ha subito un cambiamento di mare.

HTML5 è ancora nella sua perfezione. Tuttavia, la maggior parte dei browser moderni hanno già un certo supporto HTML5.

HTML5 è come iniziare?

W3C e WHATWG HTML5 è il risultato della cooperazione, WHATWG significa Web Hypertext Application Technology Group di lavoro. .

WHATWG dedicato moduli web e applicazioni, e W3C focalizzata su XHTML 2.0. Nel 2006, le due parti hanno deciso di collaborare per creare una nuova versione di HTML.

HTML5 alcune interessanti nuove caratteristiche:

  • Per la pittura elemento canvas
  • elementi video e audio per la riproduzione multimediale
  • Migliorato il supporto per l'archiviazione offline locale
  • Nuovi elementi contenuti speciali, come ad esempio l'articolo, piè di pagina, intestazione, nav, sezione
  • Nuovi controlli dei moduli, come il calendario, la data, l'ora, e-mail, URL, ricerca

HTML5 <! DOCTYPE>

<! DOCTYPE> dichiarazione deve essere nella prima riga del documento HTML5, molto semplice da usare:

<! DOCTYPE html>

documento HTML5 Minimal

Ecco un semplice documento HTML5:

<! DOCTYPE html> <HTML> <Head> <Meta charset = "utf-8"> <Title> Titolo del documento </ title> </ Head> <Body> contenuto del documento ...... </ body> </ Html>

Nota: Per le pagine web cinesi hanno bisogno di usare <meta charset = "utf-8 "> dichiarazione, altrimenti sarà confuso.

HTML5 migliorata

  • Nuovo elemento
  • nuova proprietà
  • Pieno supporto per CSS3
  • Video e Audio
  • disegno 2D / 3D
  • negozio locale
  • dati SQL locale
  • Applicazioni Web

HTML5 Multimedia

Si può semplicemente utilizzare HTML5 la riproduzione video (video) e audio (audio) nella pagina.

HTML5 Application

Si può semplicemente utilizzare lo sviluppo di applicazioni HTML5

  • la memorizzazione dei dati locali
  • L'accesso ai file locali
  • dati SQL locale
  • citazione cache
  • lavoratori Javascript
  • XHTMLHttpRequest 2

grafica HTML5

Utilizzare HTML5 si può semplicemente disegnare elementi grafici:

Utilizzare HTML5 CSS3

  • Nuovo selettore
  • nuova proprietà
  • animazione
  • conversione 2D / 3D
  • filetto
  • effetto ombra
  • font scaricabili

Ulteriori informazioni CSS3 si prega di consultare il sito di tutorial CSS3.

elementi semantici

HTML5 aggiunge un sacco di elementi semantici sono i seguenti:

etichetta descrizione
<Article> Definire zona contenuto della pagina separata.
<Aside> Definire pagine di contenuto della barra laterale.
<Bdi> Esso consente di impostare un pezzo di testo, direzione del testo dalle impostazioni elemento genitore.
<Comando> I pulsanti di comando su misura - come ad esempio pulsanti di opzione, caselle di controllo o pulsanti
<Dettagli> I dettagli del documento o una sezione per
<Dialogo> Personalizzare la finestra di dialogo, come palloncini
<Summary> Il tag titolo contiene i dettagli di elementi
<Figura> disposizioni distinte in streaming di contenuti (immagini, grafici, fotografie, codice, etc.).
<Figcaption> Definizione di <figure> titolo dell'elemento
<Piè di pagina> sezione definita o piè di pagina del documento.
<Header> Definisce la zona della testa del documento
<Mark> testo definito con il marchio.
<Meter> Definizione di pesi e misure. Noto utilizzato solo per misurare i valori massimo e minimo.
<Nav> Definire la sezione link di navigazione.
<Avanzamento> pianificazione definita qualsiasi tipo di operazione.
<Rubino> Definizione di Ruby annotazione (fonetico cinese o caratteri).
<Rt> caratteri definiti (cinese fonetica o carattere) interpretazione o di pronuncia.
<Rp> In annotazione rubino viene utilizzato per definire il contenuto non supporta il browser elemento rubino visualizzato.
<Section> La definizione della sezione del documento (sezione sezione).
<Ora> Definire la data o l'ora.
<WBR> Le disposizioni del testo eventualmente aggiungere una interruzione di linea.

Forme HTML5

Nuovi elementi del modulo, nuovi attributi, nuovi tipi di input, la verifica automatica.

elementi rimossi

Il seguente codice HTML 4.01 elementi in HTML5 sono stati eliminati:

  • <Acronym>
  • <Applet>
  • <Basefont>
  • <Big>
  • <Center>
  • <DIR>
  • <Font>
  • <Frame>
  • <Frame>
  • <NOFRAMES>
  • <Strike>

Esempi di ogni capitolo

Attraverso la nostra editor HTML, è possibile modificare il codice HTML, quindi fare clic sul pulsante per visualizzare i risultati.

Esempi

<! DOCTYPE HTML> <HTML> <Head> <Meta charset = "utf-8"> <Title> Questo tutorial (w3big.com) </ title> </ Head> <Body> <Video width = "320" height = "240" controlli> <Fonte src = "movie.mp4" type = "video / mp4"> <Fonte src = "movie.ogg" type = "video / ogg"> Il tuo browser non supporta il tag video. </ Video> </ Corpo> </ Html>

Prova »

Fare clic sul pulsante "Prova" per visualizzare i risultati operativi in linea.

Supporto per il browser HTML5

L'ultima versione di Safari, Chrome, Firefox e Opera supporta alcune funzionalità HTML5. Internet Explorer 9 supporterà alcune funzionalità HTML5.

del browser IE9 versioni compatibili dei seguenti metodi di HTML5, pacchetto html5shiv utilizzano il sito di risorse statiche:

<! - [If lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <! [Endif]! - ->

Dopo il caricamento, l'inizializzazione del nuovo CSS etichetta:

/ * * Html5 / articolo, a parte, finestra, piè di pagina, intestazione, sezione, piè di pagina, nav, figura, menu {display: block }

HTML5 Manuale di riferimento

In questo sito si possono trovare i tag HTML5 e attributi descritti in dettaglio clicca HTML5 Manuale di riferimento .