Qual è la differenza chiave tra HTML 4 e HTML 5?

Question

Quali sono le differenze chiave tra HTML4 e bozza HTML5 ?

Conservare le risposte relative alla sintassi modificata e agli elementi html aggiunti / rimossi.

Answer 1

HTML5 ha diversi obiettivi che lo differenziano da HTML4.

Coerenza nella gestione dei documenti non validi

Quello principale è gestione degli errori definita e coerente . Come sapete, l'HTML supporta volutamente 'tag soup', ovvero la possibilità di scrivere codice non valido e farlo correggere in un documento valido. Il problema è che le regole per farlo non sono scritte da nessuna parte. Quando un nuovo fornitore di browser vuole entrare nel mercato, deve solo testare documenti non validi in vari browser (in particolare IE) e decodificare la gestione degli errori. In caso contrario, molte pagine non verranno visualizzate correttamente (le stime collocano circa il 90% delle pagine in rete come almeno in qualche modo malformate).

Quindi, HTML5 sta tentando di scoprire e codificare questa gestione degli errori, in modo che gli sviluppatori di browser possano tutti standardizzare e ridurre notevolmente il tempo e il denaro necessari per visualizzare le cose in modo coerente. Inoltre, molto tempo dopo la morte di HTML come formato di documento, gli storici potrebbero ancora voler leggere i nostri documenti e avere un algoritmo di analisi completamente definito sarà di grande aiuto.

Migliori funzionalità dell'applicazione Web

L'obiettivo secondario di HTML5 è sviluppare la capacità del browser di essere una piattaforma applicativa, tramite HTML, CSS e Javascript. Molti elementi sono stati aggiunti direttamente al linguaggio che sono attualmente (in HTML4) attacchi di tipo Flash o basati su JS, come <canvas>, <video> e <audio>. Cose utili come Local Storage (un database di valori-chiave incorporato nel browser accessibile da js, per archiviare informazioni oltre a quelle che possono contenere i cookie), nuovi tipi di input come la data per la quale il browser può esporre una semplice interfaccia utente (in modo che non è necessario utilizzare i selettori di date del calendario basati su js) e la convalida dei moduli supportata dal browser renderà lo sviluppo di applicazioni Web molto più semplice per gli sviluppatori e le renderà molto più veloci per gli utenti (poiché molte cose saranno supportate in modo nativo, piuttosto che violato tramite javascript).

Semantica degli elementi migliorata

Ci sono molti altri piccoli sforzi in HTML5, come ruoli semantici meglio definiti per elementi esistenti (<strong> e <em> ora significano qualcosa di diverso, e anche <b> e <i> hanno una semantica vaga che dovrebbe funzionare bene durante l'analisi dei documenti legacy) e l'aggiunta di nuovi elementi con semantica utile - <article>, <section>, <header>, <aside> e <nav> dovrebbero sostituire la maggior parte dei <div> usati su un web , rendendo le tue pagine un po 'più semantiche, ma soprattutto più facili da leggere . Niente più dolorose scansioni per vedere cosa sta chiudendo quel casuale </div>, invece avrai un </header> o </article> ovvio, che rende la struttura del tuo documento molto più intuitiva.

Answer 2

Da Wikipedia :

• Nuove regole di analisi orientate all'analisi flessibile e alla compatibilità
• Nuovi elementi & # 8211; sezione, video, progresso, nav, metro, tempo, a parte, tela
• Nuovi attributi di input & # 8211; date e orari, e-mail, url
• Nuovi attributi & # 8211; ping, charset, async
• Attributi globali (che possono essere applicati per ogni elemento) & # 8211; id, tabindex, repeat
• Elementi obsoleti rilasciati & # 8211; centro, font, strike

Answer 3

Dovrai controllare HTML5 Differenze da HTML4: Nota del gruppo di lavoro W3C 9 dicembre 2014 per le differenze complete. Ci sono molti nuovi elementi e attributi di elemento. Alcuni elementi sono stati rimossi e altri hanno un valore semantico diverso rispetto a prima.

Esistono anche API definite, come l'uso di canvas, per aiutare a costruire la prossima generazione di app Web e assicurarsi che le implementazioni siano standardizzate.

Answer 4

HTML5 introduce una serie di API che aiutano a creare applicazioni Web. Questi possono essere usati insieme ai nuovi elementi introdotti per le applicazioni:

• Un'API per la riproduzione di video e audio che può essere utilizzata con i nuovi elementi video e audio.
• Un'API che abilita le applicazioni Web offline.
• Un'API che consente a un'applicazione Web di registrarsi per determinati protocolli o tipi di media.
• Un'API di modifica in combinazione con un nuovo attributo contenteditable globale.
• A drag & amp; rilasciare l'API in combinazione con un draggable attributo.
• Un'API che espone la cronologia e consente alle pagine di aggiungervi per impedire la rottura del pulsante Indietro.

Answer 5

Potresti essere interessato a questo elenco di elementi e attributi HTML5 .

Inoltre, tieni presente che è " HTML 4 " ;, non " HTML4 " ;. In effetti, per HTML 5 vengono utilizzate entrambe le varianti, ma esiste una differenza importante nel significato. HTML 5 si riferisce al nome della specifica W3C, mentre & Quot; HTML5 & Quot; è il tipo di documento di quei file HTML con un text/html tipo MIME che segue questa specifica. Lo stesso vale per XHTML 5 rispetto a XHTML5.

Answer 6

Ora W3c fornisce una differenza ufficiale sul loro sito:

http://www.w3.org/TR/html5-diff/

Answer 7

HTML 5 ti invita a dare molto valore semantico al tuo codice. Inoltre, esistono soluzioni native per incorporare contenuti multimediali.

Il resto è importante, ma è lo zucchero più tecnico che ti salverà dal fare le stesse cose con un linguaggio di programmazione client.

Answer 8

In breve, è molto semplice rispetto a HTML, il lungo documento doctype viene rimosso e anche il tag center e font viene rimosso. Ho anche risposto a questa differenza nel mio blog: http://ravisinghblog.in/key-difference-between-html- e-html-5 /