Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien

Zusammenfassung der 16 XHTML1.0- und HTML-Kompatibilitätsrichtlinien

1. Vermeiden Sie es, die Seite als XML-Typ zu deklarieren . Die Seite sollte den Zeichensatz UTF-8 oder UTF-16 verwenden.

2. Fügen Sie vor dem Endzeichen > eines leeren Element-Tags (eines Tags, das keinen Inhalt enthalten kann) einen Schrägstrich / hinzu , z. B.: <br />, <hr /> usw.

3. Wenn ein nicht leeres Element (dieses Tag wird verwendet, um Inhalt wie einen Titel oder einen Absatz einzuschließen) leeren Inhalt hat, geben Sie ihm ein Leerzeichen, anstatt dieselbe Endmethode wie für ein leeres Element zu verwenden . Wenn es beispielsweise ein P-Tag ohne Inhalt gibt, schreiben Sie bitte: <p> </p> statt <p />.

4. Wenn in Ihrem Stil- und Skriptinhalt die Zeichen <, &, ]]> oder zwei aufeinanderfolgende Bindestriche -- vorkommen, verwenden Sie zum Importieren bitte externe Dateien.

5. Vermeiden Sie Zeilenumbrüche oder mehrere Leerzeichen in Elementattributwerten.

6. Fügen Sie nicht mehr als ein isindex-Element in den Kopfbereich des Dokuments ein (es ist am besten, es nicht zu verwenden). Dieses Element wird nicht empfohlen.
isindex: Bewirkt, dass der Browser ein Dialogfeld anzeigt, in dem der Benutzer zur Eingabe einer einzelnen Textzeile aufgefordert wird.
In HTML 4 wurde dieses Element zugunsten des INPUT-Elements verworfen. Die tagName-Eigenschaft von isIndex gibt eine Eingabe zurück.
Dieses Element ist ein Blockelement und erfordert ein schließendes Tag.
Im folgenden Beispiel wird das ISINDEX-Element verwendet, um die Standardeingabeaufforderung zu ersetzen:
<isindex prompt="Geben Sie das zu suchende Index-Schlüsselwort ein" />

7. Wenn Sie die Sprache für ein Element angeben möchten, verwenden Sie die Attribute lang und xml:lang . Der Wert von xml:lang hat Vorrang.

8. Bitte verwenden Sie das id-Attribut als Elementkennung und vermeiden Sie die Verwendung des name-Attributs . Es wird insbesondere nicht empfohlen, das name-Attribut als Kennung für die folgenden Elemente zu verwenden: a, applet, form, frame, iframe, img, map.

9. Definieren Sie den Dokumentzeichensatz für die Seite . Verwenden Sie <?xml version="1.0" encoding="UTF-8"?>, um den Zeichensatz für XML-Dokumente zu definieren, und verwenden Sie <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />, um den Zeichensatz für XHTML zu definieren.

10. Verwenden Sie für Attributwerte von Elementen des Typs Boolean bitte den Attributnamen , z. B. checked="checked". Zu den Elementen des Typs Boolean gehören: compact, nowrap, ismap, declare, noshade, checked, disabled, readonly, multiple, selected, noresize, defer

11. HTML4 und XML Document Object Model geben an, dass HTML-Element- und Attributnamen im Großbuchstabenformat zurückgegeben werden. In XHTML werden Element- und Attributnamen in Kleinbuchstaben zurückgegeben.

12. Verwenden Sie &amp;, um das Et-Zeichen im Attributwert zu ersetzen

13. In XHTML müssen CSS-Style-Tags und Attributnamen klein geschrieben sein ;
In HTML-Tabellen wird „tbody“ beim Parsen automatisch vervollständigt, in XML jedoch nicht. Sie müssen das „tbody“-Element daher selbst hinzufügen, wenn Sie es im CSS-Selektor verwenden.
Wenn CSS ein Element mit einem ID-Attribut auswählt, verwenden Sie den #-Selektor ;
Wenn CSS ein Element mit einem Klassenattribut auswählt, verwenden Sie den .-Selektor ;

14. Wie verwende ich das Style-Element beim Parsen eines XML-Dokuments? In HTML4 und XHTML kann das Stilelement verwendet werden, um Stilregeln in einem Dokument zu definieren. In XML wird das XML-Stylesheet verwendet, um Stilregeln zu definieren. Um mit dieser Regel kompatibel zu sein, muss das Stilelement, wenn Sie beim Parsen eines XML-Dokuments das Stilelement verwenden müssen, das ID-Attribut als Bezeichner verwenden und es muss ein XML-Stylesheet vorhanden sein, um darauf zu verweisen , wie zum Beispiel:

<?xml-stylesheet href="http://www.w3.org/StyleSheets/TR/W3C-REC.css" type="text/css"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html
ÖFFENTLICH "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<Kopf>
<title>Ein internes Stylesheet-Beispiel</title>
<style type="text/css" id="internerStyle">
Code {
Farbe: grün;
Schriftfamilie: Monospace;
Schriftstärke: fett;
}
</Stil>
</Kopf>
<Text>
<p>
W3CGroup stellt 16 Richtlinien für die Kompatibilität zwischen XHTML und HTML vor!
<code>http://www.w3cgroup.com/article.asp?id=252</code>.
</p>
</body>
</html>


15. Achten Sie in HTML und XML auf Leerzeichen . Einige Zeichen, die in HTML-Dokumenten zulässig sind, sind in XML möglicherweise nicht zulässig. Beispielsweise wird in HTML das Formfeed-Zeichen (U+000C) als Leerzeichen analysiert, in XHTML ist es jedoch aufgrund der Zeichendefinition von XML ungültig.

16 Beachten Sie, dass das Sonderzeichen &apos; (Auslassungspunkte, U+0027) in XML1.0 eingeführt wurde, aber nicht in HTML vorkommt. Durch Ersetzen von &apos; durch &#39; kann es in HTML4 verwendet werden.

<<:  Detaillierte Erläuterung der Verwaltung und Verwendung von Docker Secrets

>>:  Detaillierte Erklärung der Fallstricke bei der Aufzeichnung von lower_case_table_names in MySQL

Artikel empfehlen

Einführung in die Stapelverarbeitung von virtuellen Netzwerkkarten unter CentOS 7.6

1 Überprüfen Sie, ob der Kernel ein Tun-Modul hat...

Eine kurze Analyse des Unterschieds zwischen statisch und selbst in PHP-Klassen

Verwenden Sie self:: oder __CLASS__, um eine stat...

Einführung in Abfragebefehle für gespeicherte MySQL-Prozeduren

Wie unten dargestellt: Wählen Sie den Namen aus m...

Detaillierte Analyse von or, in, union und Indexoptimierung in MySQL

Dieser Artikel entstand aus der Hausaufgabe „Erle...

Vue implementiert die Drag & Drop-Sortierfunktion der Seiten-Div-Box

vue implementiert die Drag & Drop-Sortierfunk...

Das Prinzip und die Richtung von JavaScript

Wie lässt sich feststellen, worauf dies hinweist?...

Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren

Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....

Womit kann ich dich, meinen Tisch, retten (Haiyu-Blog)

Tabellen spielten einst eine sehr wichtige Rolle ...

Die MySQL-ID beginnt von 1 zu steigen, um das Problem der diskontinuierlichen ID schnell zu lösen

Die MySQL-ID beginnt bei 1 und erhöht sich automa...

Schleifenmethoden und verschiedene Durchlaufmethoden in js

Inhaltsverzeichnis for-Schleife While-Schleife do...

Den praktischen Wert der CSS-Eigenschaft *-gradient erkunden

Lassen Sie mich zunächst eine interessante Eigens...

So installieren Sie MySQL 5.7.29 mit einem Klick mithilfe eines Shell-Skripts

Dieser Artikel bezieht sich auf die Arbeit des 51...

JavaScript-Entwurfsmuster – Muster der Verantwortungskette

Inhaltsverzeichnis Überblick Code-Implementierung...

Probleme und Lösungen für MYSQL5.7.17-Verbindungsfehler unter MAC

Das Problem, dass MYSQL5.7.17 unter MAC keine Ver...

js realisiert Warenkorb-Add- und Subtraktions- sowie Preisberechnungsfunktionen

In diesem Artikel wird der spezifische Code von j...