suchen
HeimWeb-FrontendHTML-TutorialDetaillierte Erläuterung der Verwendung von Titel-Tags und Absatz-Tags bei der Erstellung von XHTML_HTML/Xhtml_Webseiten

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
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-Titelh1> 
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
html怎么段落空两格html怎么段落空两格Mar 27, 2024 pm 04:39 PM

html段落空两格的方法:1、使用CSS的text-indent属性;2、使用CSS的padding-left属性;3、使用非断行空格或全角空格;​4、使用“pre”标签或white-space属性。

word文档段落之间空出一大段空位,怎么弄掉word文档段落之间空出一大段空位,怎么弄掉Mar 19, 2024 pm 10:07 PM

在word软件里对文档进行操作的时候,有时发现文档段落之间有一大片空位,不知道大家遇到过这种情况没有,出现这种情况我们就要把空位删除掉呢?下面就和小编一起来看看下面的操作,你就知道了。1、我们找到需要删除一大段空白页的文字尾端,如下图所示。  2、随后点击界面上方的间距按钮,如下图所示。  3、再弹出的下拉菜单中点击【删除段落后的间距】按钮,如下图所示。  4、对于段落后面空行不是特别多的话,还有一种比较简单的方法,就是把空白段落选中,然后点击delete键删除,这样也可以删除段落后面的空白行,

PPT文件标题不能删除的处理操作方法PPT文件标题不能删除的处理操作方法Mar 26, 2024 pm 03:21 PM

1、删除文字当您使用鼠标左键单击文字后,会在文字周围出现许多整齐排列的白色方块,这表示已经选择了该【文本/形状/图形】。一旦选中,只需按下键盘上的【Delete】键,便可轻松删除该文字。2、选不中文字或形状鼠标左键单击【文本/形状/图形】后,没有出现向步骤1中的【选中状态】,出现此类问题原因较多,以母版为例,点击菜单上的【视图】,并找到【母版视图】中的【幻灯片母版】。3、在母版视图中,点击左侧导航的页面,找到需要删除的【文本/形状/图形】后,依旧点击鼠标左键,选中后,按键盘【Delete】删除即

Word 网页版中的段落选项:个性化定制方法详解Word 网页版中的段落选项:个性化定制方法详解Aug 03, 2023 pm 01:37 PM

对于Web用户的Word来说是个好消息。Microsoft今天宣布,WordforWeb中的所有用户现在都可以使用新的段落选项。这些选项允许用户自定义Word中的段落选项及其分页方式。“多年来,段落选项一直是WordforWindows中最受欢迎的功能,”Microsoft的软件工程师IsabelBloger和产品经理JulietDaniel说。也就是说,首先,右键单击要修改的段落。然后,从出现的快捷菜单中,选择“段落选项”。这将打开“段落”对话框。在此对话框中,导航到“分页”部分,然后选择要应

CSS实现标题文字动画效果的方法和技巧CSS实现标题文字动画效果的方法和技巧Oct 20, 2023 am 09:00 AM

CSS实现标题文字动画效果的方法和技巧,需要具体代码示例在网页设计和开发中,动画效果可以提升用户体验,增加页面的吸引力和活力。标题文字动画效果是一种常见的设计手法,它可以让页面的标题更加生动和有趣。本文将介绍一些CSS实现标题文字动画效果的方法和技巧,并提供具体的代码示例。渐变动画效果渐变动画效果可以让标题文字的颜色从一种变化到另一种,创建出流畅的过渡效果。

如何在HTML中的fieldset中包含一个标题?如何在HTML中的fieldset中包含一个标题?Aug 23, 2023 pm 05:01 PM

使用<legend>标签来包含一个标题。HTML<legend>标签用于为<fieldset>标签定义一个标题。它支持以下属性−属性值描述Aligntopbottomleftright已弃用−指定内容对齐方式。示例您可以尝试运行以下代码来实现HTML中的<legend>标签−<!DOCTYPEhtml&g

在HTML5中创建一个隐藏的段落在HTML5中创建一个隐藏的段落Sep 15, 2023 pm 02:29 PM

使用HTML5中的隐藏属性在HTML5中创建隐藏段落,即不再相关的元素。示例您可以尝试运行以下代码来实现HTML5中的隐藏属性-<!DOCTYPEhtml><html>&nbsp;&nbsp;<body>&nbsp;&nbsp;&nbsp;<h2>Heading</h2>&nbsp;&nbsp;&nbsp;<p>Thisisademoparagraphandvi

什么是html和xhtml什么是html和xhtmlSep 15, 2022 pm 05:59 PM

HTML超文本标记语言,是一种基于标记的网页设计语言,专门用来设计和编辑网页。XHTML是为了适应XML而重新改造的HTML,也是一种标记语言,它可以看作是从HTML到XML的过渡;XHTML要求在网页中出现的任何元素都应该被标记出来。

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

SublimeText3 Linux neue Version

SublimeText3 Linux neue Version

SublimeText3 Linux neueste Version

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)