XHTML-Einführungstutorial: Webseitenkopf und DTD
|
Obwohl Kopf und DTD nicht auf der Seite angezeigt werden, sind sie wichtige Elemente der Webseite. Warum ist es schief gelaufen? Im vorherigen Abschnitt haben wir beim Überprüfen unserer Webseite eine Fehlermeldung erhalten, wir haben sie jedoch während des gesamten Webseiten-Produktionsprozesses gemäß dem XHTML-Standard geschrieben. Tatsächlich liegt das Problem im „Kopf“ der Webseite. Lassen Sie uns dieses Problem unten lösen. Im vorherigen Tutorial haben wir mit Ausnahme des <title>-Tags den Inhalt zwischen <body> geändert, also den auf der Seite angezeigten Inhalt. Was also macht der <head>-Abschnitt von XHTML? Tatsächlich können wir im <head>-Teil viele Informationen hinzufügen, die der Browser „sehen“ kann. Nachfolgend stellen wir einige häufig verwendete Tags im Kopfteil vor. Hinweis: Die meisten Tags und Attribute in diesem Abschnitt sind schwer zu merken. Tatsächlich werden sie automatisch generiert, wenn wir zum Erstellen von Webseiten eine Software zur Webseitenerstellung verwenden. Der Zweck dieses Abschnitts besteht darin, die Bedeutung dieser Tags zu verstehen, damit Sie bei Bedarf einige manuelle Änderungen vornehmen können. Öffnen Sie nun unsere „index.html“ und fügen Sie zwischen <head></head> folgenden Code ein: 1. <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> Dieser Code teilt dem Browser mit, dass unsere Webseite die chinesische Zeichenkodierung gb2312 verwendet. Das Fehlen dieser <meta>-Information ist einer der Gründe, warum das Problem bei der letzten Überprüfung aufgetreten ist. 2. <meta name="keywords" content="Grundschüler, schikanierende Mitschüler, Winter- und Sommerhausaufgaben, Eltern" /> Dieser Code ist für Suchmaschinen geschrieben und der Inhalt sind die Schlüsselwörter von index.html. Bitte beachten Sie, dass das <meta>-Tag ebenfalls ein leeres Tag ist. Vergessen Sie nicht, / hinzuzufügen. Das <meta>-Tag hat noch viel mehr zu bieten, ohne tatsächliche Anwendung ist es jedoch schwierig, den tatsächlichen Nutzen des <meta>-Tags zu verstehen. Wenn Sie mehr über das <meta>-Tag erfahren möchten, können Sie auf Baidu nach entsprechenden Informationen suchen. Erklärung des <head>-Tags Wie bereits erwähnt, ist der Inhalt des <head>-Teils nicht für Betrachter, sondern für Browser und Suchmaschinen geschrieben. Daher sollte der <head>-Abschnitt keinen Inhalt enthalten, der auf der Seite sichtbar ist. DTD Wenn wir unsere Webseite jetzt noch einmal überprüfen, erhalten wir immer noch eine Fehlermeldung, dass die DTD-Datei nicht gefunden werden kann. Was ist also eine DTD-Datei? Einfach ausgedrückt teilt es jedem (meist Software wie einem Browser) mit, nach welchem Regelsatz unsere Dateien geschrieben sind, bevor er sie lesen möchte. Nehmen wir den Verifizierungsprozess als Beispiel: Wenn wir die DTD von HTML4.01 verwenden, geht der Validierer davon aus, dass wir zum Schreiben der Webseite die Regeln von HTML4.01 verwenden, überprüft dann unseren Code Zeile für Zeile gemäß den entsprechenden Regeln und gibt schließlich das Verifizierungsergebnis zurück. Die von uns erstellten Webseiten folgen den Regeln von XHTML und verwenden natürlich die XHTML-DTD. Wie bereits erwähnt, ist die DTD von XHTML jedoch auch in eine relativ lockere Übergangs-DTD und eine strenge DTD mit recht strengen Anforderungen unterteilt. In diesem Tutorial deklarieren wir eine strikte DTD auf der Webseite. Wenn Sie mehr über DTD wissen möchten, müssen Sie XML lernen. In diesem Tutorial wird nicht im Detail darauf eingegangen. Als nächstes deklarieren wir die DTD für unsere Webseite. Öffnen Sie die zuvor gespeicherte „index.html“ und fügen Sie in der ersten Zeile (vor dem <html>-Tag) folgenden Code ein: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Und fügen Sie im <html>-Tag das folgende Attribut hinzu: xmlns="http://www.w3.org/1999/xhtml". Dies wird als Namespace-Attribut bezeichnet und gehört zur Kategorie XML. Wir werden hier nicht näher darauf eingehen. Der Zweck dieses Codes besteht darin, anzugeben, dass unsere Webseite xhtml1-strict.dtd verwendet. Senden Sie diese Seite nun an den W3-Validator. Dieses Mal wird die Meldung „Diese Seite ist gültiges XHTML1.0 Strict!“ zurückgegeben. Dies bedeutet, dass unser Code keine Fehler enthält und den strengen XHTML1-Standards vollständig entspricht. Natürlich ist dies bei der tatsächlichen Arbeit möglicherweise nicht immer der Fall. Im tatsächlichen Webdesignprozess gibt es immer verschiedene Gründe, die uns dazu veranlassen, nicht standardmäßigen Code zu schreiben. Zu diesem Zeitpunkt gibt der Validator einen Fehlerbericht aus und wir müssen den Code nur entsprechend den Anweisungen ändern. |
<<: Wie implementiert die MySQL-Datenbank die XA-Spezifikation?
>>: jQuery erzielt den Shutter-Effekt (mithilfe der Li-Positionierung)
Artikel empfehlen
Detaillierte Erläuterung des Prozesses der Verwendung von GPU in Docker
Inhaltsverzeichnis tf-gpu herunterladen Erstellen...
Detaillierte Analyse des MySQL 8.0-Redo-Logs
Inhaltsverzeichnis Vorwort Generierung eines Redo...
Spezifische Verwendung der deaktivierten und schreibgeschützten Attribute von Textbereichen
Definition und Verwendung von „deaktiviert“ Das d...
In IIS 7.5 unterstützt HTML die Include-Funktion wie SHTML (Modulzuordnung hinzufügen).
Als ich das erste Mal anfing, fand ich viele Fehl...
Der DOCTYPE-Modusauswahlmechanismus bekannter Browser
Dokumentumfang Dieser Artikel behandelt den Modus...
Einführung in Linux-Komprimierungs- und Dekomprimierungsbefehle
Inhaltsverzeichnis Gängige Komprimierungsformate:...
MySQL-Kodierung utf8 und utf8mb4 utf8mb4_unicode_ci und utf8mb4_general_ci
Referenz: MySQL-Zeichensatzübersicht utf8mb4 wurd...
Analysieren Sie das Problem beim Herunterladen der Oracle 11g-Image-Konfiguration in Docker
1. Ziehen Sie das Bild Docker-Pull-Registrierung....
Vue verwendet v-model, um den gesamten Prozess der El-Paginierungskomponenten zu kapseln
Verwenden Sie v-model, um das Paging-Informations...
So installieren Sie Tomcat8 im Docker
1. Installieren Sie Tomcat8 mit Docker 1. Suchen ...
Einführung in /etc/my.cnf-Parameter in MySQL 5.7
Nachfolgend finden Sie einige allgemeine Paramete...
Das Problem, dass beim Verbinden mit der MySQL-Datenbank in Idea chinesische Zeichen verstümmelt erscheinen
Problem: Bei Verwendung von JDBC zur Verbindung m...
Detailliertes Beispiel zum Ändern des Linux-Kontokennworts
Passwort des persönlichen Kontos ändern Wenn norm...
Der Unterschied zwischen dem Namen und der ID des Ziels eines Tags, das auf das Iframe verweist
Code kopieren Der Code lautet wie folgt: <ifra...
Lösung für den Fehler „Disk sda contains BIOS RAID metadata“ bei der Installation von CentOS 6.x
Als ich heute CentOS6.2 installierte, kam ich nic...