Ποια είναι τα διαφορές μεταξύ HTML5 και HTML4.01…

HTML5 είναι η τελευταία έκδοση του HTML με νέες ετικέτες (σημαντικές ετικέτες όπως <article>, <section>), υποστήριξη πολυμέσων (<video>, <audio>), API για εργασία με γεωεντοπισμό, αποθήκευση ιστού και offline εφαρμογές. Είναι πιο ευέλικτο στα σφάλματα σύνταξης και συμβατό με προηγούμενες εκδόσεις.

HTML4.01 είναι το προηγούμενο πρότυπο με λιγότερο αυστηρούς κανόνες σύνταξης σε σύγκριση με το XHTML. Δεν υποστηρίζει τις νέες δυνατότητες του HTML5 από προεπιλογή.

XHTML 1.0 είναι το HTML που έχει ξαναγραφεί ως εφαρμογή XML. Απαιτεί αυστηρή τήρηση της σύνταξης (π.χ. κλείσιμο όλων των ετικετών, χρήση μικρών γραμμάτων για ονόματα στοιχείων και ιδιοτήτων, υποχρεωτική χρήση εισαγωγικών για τις τιμές των ιδιοτήτων). Αναπτύχθηκε για μεγαλύτερη επεκτασιμότητα και συμβατότητα με εργαλεία επεξεργασίας XML.

Οι βασικές διαφορές μπορούν να ομαδοποιηθούν ως εξής:

Σύνταξη: HTML5 είναι το πιο ευέλικτο, XHTML 1.0 το πιο αυστηρό (συμβατό με XML), HTML4.01 βρίσκεται στη μέση.
Σημασιολογία: HTML5 περιλαμβάνει νέες σημασιολογικές ετικέτες για καλύτερη δομή περιεχομένου.
Λειτουργικότητα: HTML5 προσθέτει πολλές API για διαδραστικές web εφαρμογές.
Διαχείριση σφαλμάτων: HTML5 έχει πιο σαφείς κανόνες διαχείρισης σφαλμάτων, οι περιηγητές ανακάμπτουν πιο εύκολα μετά από λανθασμένη σύνταξη.
Τύπος εγγράφου (DOCTYPE): Στο HTML5 είναι πολύ πιο απλό: <!DOCTYPE html>. Στο HTML4.01 και XHTML 1.0 είναι πιο μακρύ και δηλώνει το DTD που χρησιμοποιείται.

Παράδειγμα DOCTYPE:

<!DOCTYPE html>
<!-- HTML5 -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 4.01 Transitional -->

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

Πίνακας σύγκρισης:

Χαρακτηριστικό	HTML5	HTML4.01	XHTML 1.0
Σύνταξη	Πιο ευέλικτο	Μέτρια αυστηρό	Αυστηρό (βάσει XML)
DOCTYPE	`<!DOCTYPE html>`	Μακρύ (δηλώνει το DTD)	Μακρύ (δηλώνει το DTD)
Σημασιολογία	Νέες σημασιολογικές ετικέτες	Λιγότερη σημασιολογία	Λιγότερη σημασιολογία (σε σύγκριση με HTML5)
Πολυμέσα	Ενσωματωμένη υποστήριξη (`<video>`, `<audio>`)	Απαιτεί πρόσθετα	Απαιτεί πρόσθετα
API	Πολλά νέα API	Περιορισμένο	Περιορισμένο
Διαχείριση σφαλμάτων	Ορισμένη και προβλέψιμη	Λιγότερο προβλέψιμη	Απαιτεί αυστηρή τήρηση σύνταξης
Συμβατότητα XML	Δεν απαιτείται	Δεν απαιτείται	Συμβατό

Ποια είναι τα διαφορές μεταξύ HTML5 και HTML4.01, καθώς και XHTML 1.0;