Τι συμβαίνει αν γράψουμε μη έγκυρο κώδικα HTML;

Ο περιηγητής θα προσπαθήσει να διορθώσει τα σφάλματα βασιζόμενος στους αλγόριθμους ανάλυσης HTML5. Θα δημιουργήσει ένα σωστό δέντρο DOM, αγνοώντας ή διορθώνοντας λανθασμένα εμφωλευμένα tags, ελλείποντα tags κλεισίματος και άλλα σφάλματα σύνταξης. Ωστόσο, το αποτέλεσμα μπορεί να είναι απρόβλεπτο και να διαφέρει μεταξύ διαφορετικών περιηγητών.

Συνέπειες:

• Απροσδόκητη εμφάνιση: Τα στοιχεία μπορεί να εμφανίζονται λανθασμένα, επηρεάζοντας τη διάταξη και τα στυλ.
• Προβλήματα με JavaScript: Τα scripts μπορεί να λειτουργούν λανθασμένα ή καθόλου, αν εξαρτώνται από σωστή δομή DOM.
• Προσβασιμότητα: Οι χρήστες με περιορισμούς μπορεί να αντιμετωπίσουν δυσκολίες στη χρήση της ιστοσελίδας.
• SEO: Οι μηχανές αναζήτησης μπορεί να κατατάσσουν χειρότερα τη σελίδα.
• Ανίχνευση σφαλμάτων: Η διαδικασία εύρεσης και διόρθωσης σφαλμάτων γίνεται πιο δύσκολη.

Παράδειγμα μη έγκυρου markup:

<div>
  <p>Αυτό είναι ένα παράγραφος</div> <!-- Λείπει το κλείσιμο </p> -->

Ο περιηγητής πιθανότατα θα κλείσει αυτόματα το <p>, αλλά αυτό δεν είναι εγγυημένο σε όλες τις περιπτώσεις.

Συνιστάται η χρήση HTML validators (π.χ. από το W3C) για τον έλεγχο και τη διόρθωση σφαλμάτων.