DOCTYPE Dokumenttypdeklaration (unbedingt lesenswert für Webseiten-Liebhaber)
|
DOCTYPE-DEKLARATION: Oben auf jeder Seite, die Sie schreiben, benötigen Sie eine Dokumentdeklaration. Ja, das muss es. Wenn Sie keinen Dokumenttyp angeben, ist Ihr HTML kein gültiges HTML und die meisten Browser verarbeiten die Seite im „Quirks-Modus“. Das bedeutet, dass der Browser davon ausgeht, dass Sie nicht wissen, was zu tun ist, und Ihren Code auf seine eigene Weise verarbeitet. Sie können ein HTML-Meister sein, der auf der Welt seinesgleichen sucht, oder Ihr HTML kann fehlerlos und Ihr CSS perfekt sein, doch wenn keine Dokumentdeklaration vorhanden ist oder die falsche Dokumentdeklaration, unterscheidet sich Ihre Webseite in keiner Weise von der eines kurzsichtigen, einäugigen Gibbonbabys, das sie mit großen Schwierigkeiten zusammengesetzt hat. Die XHTML 1.0 Strict-Dokumentdeklaration sieht folgendermaßen aus: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Nachfolgend sehen Sie die Dokumentdeklaration für XHTML 1.1. Als neueste Version von XHTML sieht sie perfekter aus, es gibt jedoch noch einige Probleme, die wir später erläutern werden. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Beachten Sie, dass das DOCTYPE-Tag groß geschrieben und mit einem Ausrufezeichen versehen werden muss. Dies ist der einzige Tab, der gegen die Regel verstößt; er muss nicht geschlossen werden. Sprachdeklaration: Auch wenn Sie das xml:lang-Attribut im HTTP-Header oder im HTML-Starttag festlegen, müssen Sie eine primäre Sprache für das Dokument angeben. Obwohl dies für die Verarbeitung eines gültigen XHTML-Dokuments nicht erforderlich ist, handelt es sich dabei um eine Überlegung zur Benutzerfreundlichkeit. Werte sind Abkürzungen, etwa en (Englisch), fr (Französisch), de (Deutsch). Deklarieren Sie ein Dokument mit hauptsächlich englischem Inhalt. Das Beispiel sieht wie folgt aus: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> Nach der Deklaration der primären Sprache können Sie das Attribut xml:lang auch inline verwenden, wenn Sie andere Sprachen verwenden müssen (zum Beispiel <span xml:lang="de">HTML Hund</span>). Inhaltstyp Der Medientyp und der Schriftsatz eines HTML-Dokuments müssen möglicherweise angegeben werden. Dies kann beispielsweise mithilfe von HTTP-Headern erfolgen: Inhaltstyp: text/html; Zeichensatz=UTF-8 Der erste Teil des HTTP-Headers (z. B. text/html) ist der MIME-Typ der Datei, der dem Browser den Medientyp der Datei mitteilt, damit er weiß, wie er damit umgehen soll. Alle Dateien haben einen MIME-Typ. JPEG-Bilder sind image/jpeg, CSS-Dateien sind text/csss und HTML verwendet im Allgemeinen text/html. Der zweite Teil des HTTP-Headers (z. B. der UTF-8-Teil) ist der Zeichensatz. Die vielleicht einfachste Möglichkeit zum Festlegen von HTTP-Headern besteht in der Verwendung von „HTTP-äquivalenten“ Header-Tags in HTML, etwa wie folgt: <meta http-equiv="Inhaltstyp" content="text/html; charset=UTF-8" /> Das Folgende ist eine häufig verwendete Dokumentdeklaration. Tatsächlich verwendet Dreamweaver diese Deklaration standardmäßig. Code kopieren Der Code lautet wie folgt:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <Kopf> <meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" /> <title>Unbenanntes Dokument</title> </Kopf> <Text> </body> </html> Nachfolgend finden Sie zusätzlichen Inhalt von 123WORDPRESS.COM. Das Deklarieren oder Nichtdeklarieren von CSS führt zu unterschiedlichen Seitensteuerelementen. Es entspricht nicht den W3C-Standards oder ähnlichen Standards. Daher empfehle ich jedem, es hinzuzufügen. Dadurch wird Ihre Website mit mehreren Browsern kompatibel. Die Auswirkungen von JavaScript werden sogar noch größer sein und dazu führen, dass zuvor geschriebene JS-Codes nicht normal ausgeführt werden. Insbesondere Dinge wie Couplet-Anzeigen. Tatsächlich müssen Sie im Allgemeinen nur auf das folgende Problem achten: Wenn keine Deklaration erfolgt, verwenden Sie im Allgemeinen document.body.scrollTop. Verwenden Sie beim Deklarieren des Dokumenttyps document.documentElement.scrollTop. Hier sind einige Referenzdokumente zum Schreiben von browserübergreifendem JavaScript-Code [js multi-browser compatible writing] Es gibt so viele praktische Dinge über JavaScript Firefox, die mit den DOM-Methodenskripten von IE kompatibel sind, Sie können weiter danach suchen. |
<<: CSS3 erzielt einen coolen Karusselleffekt mit geschnittenen Bildern
>>: Zusammenfassung des MySQL Undo Log und Redo Log
Artikel empfehlen
Acht Beispiele, wie Vue Komponentenkommunikation implementiert
Inhaltsverzeichnis 1. Props übergeordnete Kompone...
CSS realisiert den Maskeneffekt, wenn die Maus über das Bild bewegt wird
1. Setzen Sie den HTML-Code der Maskenebene und d...
Sehen Sie sich den Befehl zum Ändern der MySQL-Tabellenstruktur an
Kurzbeschreibung Der Editor hat häufig Probleme m...
Zusammenfassung der Lastausgleichsmethoden von Nginx
Um den Lastenausgleich zu verstehen, müssen Sie s...
15 Best Practices für HTML-Anfänger
Hier sind 30 Best Practices für HTML-Anfänger. 1....
Einfacher Webseitencode, der im NetEase-Blog verwendet wird
So verwenden Sie den Code im NetEase-Blog: Melden...
Beispiele für die Verwendung von Docker und Docker-Compose
Docker ist eine Open-Source-Container-Engine, mit...
Mehrere Grundsätze für die Produktdesign-Referenz auf Websites
In der folgenden Analyse geht es um Produktdesign...
Tabelle der durch hasLayout verursachten CSS-Fehler
Der IE hat schon seit längerem Probleme. Als alle ...
Einführung in die Vue3 Composition API
Inhaltsverzeichnis Überblick Beispiel Warum wird ...
HTML als Startseite festlegen und zu Favoriten hinzufügen_Powernode Java Academy
So implementieren Sie die Funktionen „Als Startse...
Tutorial zur Installation von htop unter CentOS 8
Wenn Sie Ihr System interaktiv überwachen möchten...
js, um einfache Lupeneffekte zu erzielen
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erklärung zur Verwendung von INS und DEL zum Markieren von Dokumentänderungen
ins und del wurden in HTML 4.0 eingeführt, um Auto...
Allgemeines Startskriptbeispiel für ein Linux-Java-Programm
Allerdings ist die Häufigkeit des Shell-Starts se...