Heim >Web-Frontend >HTML-Tutorial >Detaillierte Erläuterung der Verwendung von Titel-Tags und Absatz-Tags bei der Erstellung von XHTML_HTML/Xhtml_Webseiten

Detaillierte Erläuterung der Verwendung von Titel-Tags und Absatz-Tags bei der Erstellung von XHTML_HTML/Xhtml_Webseiten

WBOY
WBOYOriginal
2016-05-16 16:36:132455Durchsuche

XHTML-Titelübersicht
Wenn wir Word-Dokumente schreiben, verwenden wir häufig Titel wie „Kapitel 1“, „1.2.1“ usw. Es gibt auch das Konzept des Titels in der XHTML-Syntax. In XHTML sind sechs Überschriftenebenen definiert, von

XML/HTML-Code
Inhalt in die Zwischenablage kopieren
  1. <h1>Titel der ersten Ebene h1>
  2. <h2>Titel der zweiten Ebene h2>
  3. <h3>Titel der dritten Ebene h3>
  4. <h4>Titel der vierten Ebene h4>
  5. <h5>Titel der fünften Stufe h5>
  6. <h6>Titel der sechsten Stufe h6>
Die Verwendung von Titeln

In XHTML-Dokumenten sind Titel sehr wichtig, um die Struktur und den Inhalt Ihrer Webseiten zu indizieren Dokumenthierarchie.
Unter den Titeln sind die Titel der ersten Ebene die höchsten und steigen dann in absteigender Reihenfolge ab. Im Allgemeinen gilt in XHTML-Dokumenten der Titel für die folgenden Stellen im Dokument (innerhalb des -Tags):
Je nach Website-Ebene:

Definieren Sie den Website-Titel

Artikeltitel definieren
Je nach Website-Inhalt:

Website-Titel definieren

Artikeltitel definieren
< h3>Spaltentitel definieren
Für h4- bis h6-Titel, die größer als h3 sind, können Sie diese an geeigneten Stellen auswählen, z. B. in Copyright-Erklärungen oder Haftungsausschlusshinweisen und an anderen relativ wichtigen Stellen.
Bitte beachten Sie auch, dass die Pegel absteigend sein müssen. Der Pegel unter h1 sollte h2 und dann h3 sein.

Einige Vorschläge zur Verwendung von Titeln
Da h1 den Kerninhalt der gesamten Seite darstellt, kann h1 im Allgemeinen nur einmal vorkommen (dies ist nicht unbedingt der Fall, muss aber sein). nicht mehrfach erscheinen) und im am stärksten hervorgehobenen Teil des Artikels verwendet werden. Wenn es sich also um eine bestimmte Inhaltsseite handelt, wird h1 oft im Titel des Artikels verwendet, um die Bedeutung des Artikels hervorzuheben, wie zum Beispiel auf dieser Website:

XML/HTML-Code
Inhalt in die Zwischenablage kopieren
  1. <h1>XHTML-Titel<h1> 
Ob h1 zu diesem Zeitpunkt im Website-Titel (Website-Logo) verwendet wird, hängt von der tatsächlichen Situation ab.
Übungen zur Verwendung von Titeln

Öffnen Sie die Datei „Lerndokument 1.html“ mit einem Editor und kopieren Sie die oben genannten Tags

in das Tag


XML/HTML-Code

Inhalt in die Zwischenablage kopieren
  1. <Körper>
  2. <h1>Titel der ersten Ebene h1>
  3. <h2>Titel der zweiten Ebene h2>
  4. <h3>Titel der dritten Ebene h3>
  5. <h4>Titel der vierten Ebene h4>
  6. <h5>Titel der fünften Stufe h5>
  7. <h6>Titel der sechsten Stufe h6>
  8. <p>hi~Hallo! p>
  9. Körper>

Speichern und öffnen Sie die 1.html-Datei mit einem Browser (wenn sie bereits geöffnet ist, klicken Sie auf die Browser-Aktualisierungsschaltfläche, um das Dokument neu zu laden, dasselbe unten, keine weitere Beschreibung), Sie können die Auswirkung des Titel-Tags wie folgt sehen folgt:
201636113918682.gif (396×290)

Wie Sie dem Beispiel entnehmen können, bildet der Browser automatisch einen Zeilenumbruch für einen Titel (jeder Titel hat eine eigene Zeile).

Absatz-p-Tag
In XHTML werden Absätze durch das

-Tag definiert.
XHTML-Absatz
Beispiel für ein Absatz-Tag:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <p>Dies ist ein Absatz. p>

In der tatsächlichen Produktionsarbeit verwenden wir häufig


Nachdem Sie dem Text ein Absatz-Tag hinzugefügt haben, fügt der Browser dem Text automatisch einen Absatzumbruch hinzu. Aber anstatt uns auf das leere

zu verlassen, um eine Leerzeile zu bilden, sollten wir das
-Tag verwenden.


Zeilenumbruch

In XHTML-Dokumenten stellt das Titel- oder Absatz-Tag nur eine Zeilenumbruchmarkierung bereit. Wenn wir eine Leerzeile oder mehrere Zeilenumbrüche benötigen, können wir benötige Newline-Tag
In XHTML ist das Drücken der Eingabetaste zum Umbrechen einer neuen Zeile beim Bearbeiten von Word ungültig und der Browser ignoriert die auf diese Weise erzeugte neue Zeilenlücke.
Beispiel:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <p>Hier einige Inhaltep> 
  2. <br />< br />
  3. <p>Dies ist ein anderer Inhaltp> 

Da das Zeilenumbruch-Tag den Browser nur darüber informiert, dass an dieser Stelle ein Zeilenumbruch ohne inhaltlichen Inhalt erforderlich ist, erscheint dieses Tag nicht paarweise und ein
bricht die Zeile nur einmal um Zeilenumbrüche sind erforderlich. Bitte geben Sie mehrere
-Tags ein.
Wenn das Tag
in

eingefügt wird, wird auch ein Zeilenumbrucheffekt erzeugt.



oder
?
Obwohl wir mit
immer noch Zeilenumbrüche erreichen können, ist dies das Ergebnis der Kompatibilität des Browsers mit der HTML4.0-Spezifikation.
In der XHTML-Spezifikation müssen Sie für nicht gepaarte Tags nur ein Leerzeichen nach dem Ende des Inhalts hinzufügen und dann das Tag mit /> schließen, z. B.
;img wird später besprochen />
Also
statt

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn