XHTML-Erste-Schritte-Tutorial: XHTML-Tags
|
Einführung in XHTML-Tags <br />Vielleicht ist Ihnen im vorherigen Abschnitt aufgefallen, dass der größte Unterschied zwischen XHTML-Dateien und normalen Nur-Text-Dateien einige Dinge sind, die in „<>“ enthalten sind, wie z. B. <body>. Wir nennen sie Tags. Normalerweise treten XHTML-Tags paarweise auf, beispielsweise <html></html>. Sie können sehen, dass sie sich nur durch ein "/" unterscheiden. Tags wie <html> ohne "/" werden als Starttags bezeichnet, und das entsprechende </html> mit "/" wird als Endtags bezeichnet. Der Endtag und der Starttag unterscheiden sich nur durch ein "/"-Symbol. Natürlich gibt es in XHTML auch einige Tags, die nicht paarweise vorkommen und keine Abschluss-Tags haben. Wir nennen solche Tags „leere Tags“. Der Inhalt des leeren Tags wird später im Tutorial erwähnt. Informationen zur Groß-/Kleinschreibung <br />Frühere Versionen von HTML-Tags unterscheiden nicht zwischen Groß- und Kleinschreibung. Beispielsweise sind die Tags <HTML> und <html> gleichwertig. In XHTML sind alle Tags klein geschrieben. Damit Ihre Website den XHTML-Standards entspricht, sollten Sie sich beim Erstellen von Webseiten angewöhnen, für alle Tags Kleinbuchstaben zu verwenden. Die Rolle von XHTML-Tags (Elementen) Öffnen Sie die im vorherigen Tutorial gespeicherte HTML-Datei. Ändern Sie „Dies ist meine erste Webseite.“ in der sechsten Zeile in „Dies ist meine erste <b>Webseite</b>.“, speichern Sie die Änderungen und durchsuchen Sie die Webseite erneut. Sie werden feststellen, dass das Wort „Webseite“ fett gedruckt ist. Dies hat folgende Auswirkung: Dies ist meine erste Webseite . Der Unterschied ist offensichtlich. Das Wort „Webseite“ wird fett gedruckt, weil es in die Tags <b></b> „eingeschlossen“ ist. Das Tag <b> bedeutet fett und wirkt sich nur auf den enthaltenen Inhalt aus. So funktionieren XHTML-Tags. Den von einem Tag „umschlossenen“ Inhalt nennen wir ein Element. In diesem Beispiel sind die beiden Wörter „Webseite“ die Elemente des <b>-Tags. Tag-Attribute <hr Größe="1"> Wir können einige Attribute für XHTML-Tags festlegen. Bitte achten Sie auf die horizontale Linie oben. Der Originalcode lautet: <hr />. In XHTML ist das <hr>-Tag eine horizontale Trennlinie. Wir können dieser Trennlinie ein Attribut „size“ (also die Größe der Trennlinie) hinzufügen, dessen Attributwert 1 ist. Der vollständige Code lautet dann: <hr Größe="1" /> Ähnlich verhält es sich mit der Methode zum Hinzufügen von Attributen zu anderen XHTML-Tags: Fügen Sie im Start-Tag des Tags Folgendes hinzu: Attribut = "Attributwert". Beachten Sie, dass Attributwerte in Anführungszeichen eingeschlossen werden müssen. Es sind sowohl einfache als auch doppelte Anführungszeichen zulässig, häufiger werden jedoch doppelte Anführungszeichen verwendet. Das Format zum Hinzufügen von Attributen: <starting tag attribute="attribute value"> Beispiel -> <table border="none"> Hinweis: Es gibt zwei Ebenen von Standards für normale XHTML-Dateien (außer Framework-Standards) – Übergangsstandards und strenge Standards. Der Übergangsstandard richtet sich hauptsächlich an Webmaster, die es gewohnt sind, HTML zur Entwicklung von Websites zu verwenden. Der obige Code ist im Übergangsstandard zulässig, im strengen Standard wird das Größenattribut jedoch als unzulässiges Attribut betrachtet. XHTML ist nicht nur ein standardisierteres und strengeres HTML, es vertritt auch eine Denkweise zum Erstellen von Websites. Dabei werden Inhalt und Stil der Webseite getrennt, was durch CSS in XHTML erreicht wird. Daher empfehlen wir, strenge XHTML-Standards zu verwenden und die Aufgabe der Stildefinition vollständig CSS zu überlassen. (Probleme mit XHTML-Standards werden in späteren Tutorials behandelt.) Leere Tags Vielleicht ist Ihnen aufgefallen, dass wir hier das Trennlinien-Tag nicht als symmetrisches <hr></hr> geschrieben haben, sondern als <hr />. Tatsächlich handelt es sich hierbei genau um das ungepaarte Tag, das wir im vorherigen Tutorial erwähnt haben. Es hat nur ein Start-Tag <hr>, aber kein End-Tag </hr>. Da es keine Elemente hat, nennen wir ein solches Tag ein leeres Tag. Warum schreiben wir also <hr /> statt einfach <hr>? Dieses Schreibformat dient der Erfüllung der Regel in XHTML, dass jedes Tag „geschlossen“ sein muss. Die Methode zum Hinzufügen von "/" am Ende des Start-Tags nennen wir das Selbstschließen des Tags (oder Selbstschließen, Selbstbeendigung usw., wie Sie möchten). Die selbstschließende Methode ist für alle leeren Tags dieselbe, d. h., vor dem Symbol ">" des Start-Tags wird ein Leerzeichen und ein Backslash "/" hinzugefügt. Das Leerzeichen ist nicht erforderlich, aber einige Browser können <hr/> nicht erkennen und erkennen nur <hr />. Aus diesem Grund fügen wir Leerzeichen hinzu. (Bisher sind mir keine inkompatiblen Browser begegnet) |
<<: Implementierungsschritte zum Installieren einer Java-Umgebung in Docker
>>: Vollständige Analyse der MySQL-Datentypen
Artikel empfehlen
So führen Sie den Betrieb nach dem Verlassen des Docker-Containers weiter aus
Phänomen: Führen Sie ein Image aus, zum Beispiel ...
Beispiele für die Verwendung von Docker und Docker-Compose
Docker ist eine Open-Source-Container-Engine, mit...
Detaillierte Erklärung zu Padding und Abkürzungen im CSS-Boxmodell
Wie oben gezeigt, sind Füllwerte zusammengesetzte...
Erste Schritte: Eine kurze Einführung in die grundlegenden Tags und Attribute von HTML
HTML besteht aus Tags und Attributen, die zusamme...
Eine kurze Erläuterung des Datums-/Uhrzeitformats beim Exportieren von Tabellendaten von MySQL nach Excel
Kürzlich habe ich MySQL verwendet, um Tabellendat...
MySQL-Serie 9 MySQL-Abfrage-Cache und -Index
Inhaltsverzeichnis Tutorial-Reihe 1. MySQL-Archit...
Lösen Sie das Problem der Ausführung von „Hello World“ nach der Docker-Installation
Docker V1.13.1 auf centos7.3 mit yum installiert ...
So beenden Sie den MySQL-Prozess ordnungsgemäß und sicher
Vorwort In diesem Artikel wird der Vorgang zum He...
Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts
1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...
MySQL in Windows net start mysql Beim Starten des MySQL-Dienstes tritt ein Fehler auf. Lösung für Systemfehler
Inhaltsverzeichnis 1- Fehlerdetails 2-Einzellösun...
Detaillierte Erläuterung des Implementierungsprozesses von Nginx zur Aktivierung des Brotli-Komprimierungsalgorithmus
Vorwort Um in Webanwendungen Datenverkehr zu spar...
Wichtige Probleme und Lösungen zur Zugriffsgeschwindigkeit auf Webseiten
<br /> Die Zugriffsgeschwindigkeit einer Web...
Tutorial zur Installation und Browserverwendung des leichten Objektspeicherdienstes Minio
Inhaltsverzeichnis Einführung Installieren 1. Ers...
Gängige Methoden der Vue-Komponentenbildung: Übertragung und Kommunikation von Komponentenwerten
Verwandte Wissenspunkte Übergeben von Werten von ...
Grafisches Tutorial zur kostenlosen Installationsversion von MySQL 5.7.17 winx64
Aktuelle Erfahrungen mit der Installation der kos...