Zehn häufige Gründe, warum CSS im Div CSS-Webseitenlayout ungültig ist

Zehn häufige Gründe, warum CSS im Div CSS-Webseitenlayout ungültig ist
Wir lernen das Wissen über das Div CSS-Webseitenlayout kennen, aber die Band of Brothers-Validierung ist manchmal schwierig zu bedienen, aber damit können Sie die verursachten Fehler überprüfen durch das Layout-Design und das Validierungsprogramm. Eine große Anzahl von Fehlern und Warnungen weist darauf hin, dass Ihr XHTML noch nicht vollständig ist und die Funktionen auf verschiedenen Browsern möglicherweise nicht konsistent sind. Die folgenden zehn subtilen Fehlerprobleme haben eine große Anzahl von Programmierern verwirrt In diesem Artikel erfahren Sie, wie Sie sie lösen können. Bevor ich mit diesem Artikel beginne, werde ich einige Probleme vorstellen, die bei der Verwendung des grundlegenden Div-CSS-Validierungsprogramms von Brothers im PHP-Training beachtet werden müssen.

1. Machen Sie sich keine Sorgen über die Warnungen des Verifizierungsprogramms: Wenn das Verifizierungsprogramm angibt, dass es 12 Fehler und 83 Warnungen gefunden hat, ignorieren Sie es und fahren Sie mit dem nächsten Schritt fort.
2. Korrigieren Sie jeweils einen Fehler: Arbeiten Sie der Reihe nach von oben nach unten und korrigieren Sie jeweils einen Fehler. HTML wird mit einem Browser von oben nach unten betrachtet und diese Fehler werden in derselben Reihenfolge angezeigt.

3. Aktualisieren Sie die Codes nach jeder Korrektur, um sie wieder gültig zu machen: Ein kleiner Fehler löst oft eine Reihe von Fehlern auf der gesamten Seite aus. Wenn es also falsch gemacht wird, kann das „Beheben von Fehlern“ auch zu mehr Fehlern führen. Machen Sie den Code nach jeder Korrektur erneut gültig, um sicherzustellen, dass das Problem vollständig gelöst ist. Unter Berücksichtigung der oben genannten grundlegenden Ausnahmen werfen wir einen Blick auf mehrere Gründe, warum das Layoutdesign ungültig ist.

1. Das div-Tag ist nicht geschlossen
Dies ist einer der häufigsten Gründe für ein Scheitern des Layout-Designs. Es ist immer wieder überraschend, wenn wir erfahren, wie viele heikle Layoutentwürfe daran scheitern. Offene div-Tags sind einer der häufigsten Fehler beim Layout-Design und einer der am schwierigsten zu diagnostizierenden. Der Validator zeigt manchmal auf das falsche öffnende div-Tag, was wie die Suche nach der Nadel im Heuhaufen sein kann.

2. Das problematische Embed-Tag
In den frühen 1990er Jahren begannen Microsoft- und Netscape-Browser, nicht standardmäßige eindeutige Schriftarten zu erkennen. Leider bedeutet dies, dass der W3C-Validator bestimmte wichtige HTML-Tags wie „embed“ noch nicht erkennt, obwohl diese Tags weit verbreitet sind. Wenn Sie wirklich eine strenge DOCTYPE-Überprüfung (Dokumenttyp) wünschen, können Sie nur auf die Verschachtelung verzichten. Wenn Sie gleichzeitig ein effektives Layout und eingebettete Medien wünschen, können Sie die Flash Satay-Methode ausprobieren.

3. Falsche DOCTYPE-Deklaration
Das Nichtdeklarieren von DOCTYPE oder die falsche Deklaration von DOCTYPE am Anfang der Datei ist ebenfalls ein häufiger Fehler. Nach allgemeiner Erfahrung ist Strict DOCTYPE die höchste Verifizierungsstufe, die jeder anstrebt. Eine strenge Validierung bedeutet, dass Ihre Webseite in allen Browsern optimal angezeigt wird. Bezüglich der Deklaration von DTD-Dokumenttypen können Sie auf die entsprechenden Artikel unter www.lampbrother.net verweisen.

4. Schluss-Schrägstrich
Wenn Ihre Website nicht verifiziert werden kann, ist es sehr wahrscheinlich, dass der Schluss-Schrägstrich irgendwo im Code fehlt. Es ist leicht, Dinge wie abschließende Schrägstriche zu übersehen, insbesondere in Elementen wie Bild-Tags. Im strikten DOCTYPE hat dies keine Auswirkung. Um dieses Problem zu lösen, fügen Sie „/“ am Ende des img-Tags hinzu.

5. Align-Tag
Wenn DOCTYPE auf Transitional eingestellt ist, verwenden Sie das „align“-Tag. Wenn Sie jedoch anspruchsvoller sind und eine strenge Überprüfung wünschen, werden viele Fehler angezeigt. Align ist ein weiteres Tag, das nicht für die Layoutgestaltung verwendet werden kann. Sie können versuchen, „float“ oder „text-align“ anstelle von align zu verwenden, um Elemente zu transformieren.

6. JavaScript
Wenn Strict DOCTYPE deklariert wurde, müssen Sie das CDATA-Tag in JavaScript überschreiben. Dieser Aspekt des Validators verblüfft viele Programmierer, da Websites dazu neigen, eingebettetes JavaScript für Anzeigen und Tracking-Skripte zu verwenden. Wenn JavaScript verwendet werden muss, können Sie die folgenden Tags davor und danach hinzufügen:

7. Bilder erfordern das „alt“-Attribut
Möglicherweise ist Ihnen nicht aufgefallen, dass Bilder auch für Fortgeschrittene ein potenzieller Stolperstein sind Überprüfung. Zusätzlich zum abschließenden Schrägstrich erfordert die erweiterte Validierung auch die Verwendung von Alt-Tags zur Beschreibung von Bildern, wie z. B. alt= „Gruseliges Vampirbild“. Suchmaschinen verlassen sich auch auf Alt-Tags, um Bilder auf Webseiten zu identifizieren, daher ist es immer gut, dies zu tun Fügen Sie Alt-Tags hinzu, egal was passiert.

8. Unbekannte Entitätsdaten
Entitätsdaten sind ein weiterer häufiger Fehler, der sich auf die Verifizierung auswirkt. Wir können erwägen, geeignete Codierungszeichen zu verwenden, um Symbole wie „&“ zu ersetzen. Eine vollständige Liste entsprechend codierter Zeichenentitätsdaten, die im XHTML-Abschnittsdesign verfügbar sind.

9. Schlechte Verschachtelung
Verschachtelung bedeutet, dass Elemente in Elementen enthalten sind. Es kann leicht passieren, dass wir die Reihenfolge verschachtelter Elemente verwechseln. Beginnen Sie beispielsweise das starke Tag vor dem div-Tag, schließen Sie dann aber zuerst das div-Tag. Das Abschnittslayout wird dadurch möglicherweise nicht geändert, Ihr Abschnittsdesign wird dadurch jedoch ungültig.

10. Fehlendes „title“-Tag
Obwohl dies wie ein offensichtlicher Fehler erscheint, vermissen viele Programmierer (einschließlich mir) oft das Title-Tag im „head“-Bereich. Wenn Sie sehen, dass ein erforderliches Unterelement von HEAD fehlt, werden Sie feststellen, dass Sie vergessen haben, das Titel-Tag hinzuzufügen.