CSS, HTML Web Browser ungültige Markup Toleranzen

Question

Ich habe gerade eine Webseite in Safari geöffnet und was habe ich gesehen? Der ganze Text war grün? Aber ich mache nur die Untertitel grün, also sollte der normale Text schwarz sein? Dann dachte ich: Nun, ich habe diese Seite in Firefox programmiert. Zuerst dachte ich, es ist eine schlechte Interpretation von Safari war, aber ich meinen Code wieder überprüft und ich sah dies:

<h3>Caption<h3> 
<p>BlacktextblacktextBlacktextblacktextBlacktextblacktext</p> 

ich nicht den h3-Tag geschlossen habe.

Also Safari interpretiert meinen Code richtig, und der Firefox duldete diesen Tippfehler? In Firefox funktioniert es so, wie es soll: GRÜNE Beschriftung schwarzer Text; Safari sagt: "Nein, nein! Du hast vergessen, die h3 zu schließen? Nun, jetzt ist alles grün, geh damit um."

Meine Frage ist: Wie tolerant sind die wichtigsten Browser? Was toleriert der Browser (Tippfehler, Invalide usw.)?

Answer 1

Eigentlich "tolerierten" beide Browser Ihr ungültiges Markup (ungültig, weil Sie zwei nicht geschlossene <h3> Tags hatten), sie taten es einfach auf verschiedene Arten. Gecko (Firefox) entschied, dass die h3 keine p enthalten und beide kurz vor der Eröffnung p geschlossen werden kann. WebKit (Safari, Chrome) hingegen hat sie wahrscheinlich am Ende des Dokumententextes geschlossen.

Alle Browser werden ihr Bestes geben, um sich von der größten Unordnung eines HTML-Dokuments zu erholen. Ihr "Toleranz" -Niveau ist mehr oder weniger gleich, aber die Ergebnisse werden zwischen ihnen variieren. Es ist am besten, sich nicht auf die Browser-Fehlerkorrektur zu verlassen. Verwenden Sie die w3c validator, um sicherzustellen, dass Ihr Code gültig ist, und geben Sie ihm die beste Möglichkeit, in allen Browsern korrekt zu analysieren.

Answer 2

Browser hat keine Toleranz für Fehler, aber sie werden ihr Bestes geben, um Code zu korrigieren, der nicht korrekt ist, damit es gerendert werden kann.

Während es wohldefinierte Standards gibt, wie man korrekten Code rendert, gibt es überhaupt keine Standards, wie man falschen Code interpretiert. Jeder Browser kann seinen eigenen Plan verwenden, um das Beste aus der Situation zu machen.

Keiner der Browser kann den Code richtig interpretieren, da der Code selbst nicht richtig ist. Also, keiner der Browser tut etwas falsch, sie machen nur die Dinge anders.