XHTML-Einführungstutorial: Textformatierung und Sonderzeichen

XHTML-Einführungstutorial: Textformatierung und Sonderzeichen
<br />Dieser Abschnitt stellt die Implementierung von Textformatierung und Sonderzeichen in XHTML vor. Wir haben das <b>-Tag im vorherigen Tutorial einmal verwendet, um Text zu formatieren. Es stellt den darin enthaltenen Inhalt fett dar. Beispielsweise wird „<b>Rookie Bar</b>“ als „Rookie Bar“ angezeigt. Dieses Tag, das definiert, wie Text angezeigt wird, nennen wir ein Textformat-Tag (Textstil-Tag …). Ähnlich wie beim Fettdruck-Tag <b> sind der Kursivdruck-Tag <i> und der Hervorhebungs-Tag <em>. Wir empfehlen, dass Sie CSS verwenden, um den Stil einer Webseite zu definieren, statt XHTML-Tags wie <b>. Der Zweck der Einführung dieser Tags besteht darin, zu verhindern, dass Sie beim Lesen des Quellcodes der Webseiten anderer Benutzer verwirrt werden. Sonderzeichen (Zeichenentitäten)
In XHTML sind „<“ und „>“ Sonderzeichen, da sie zur Identifizierung von Tags verwendet werden und die „<“ und „>“ in Tags nicht auf der Seite erscheinen. Was müssen wir also tun, wenn der Browser diese Sonderzeichen anzeigen soll? Derzeit können wir Zeichenentitäten verwenden, beispielsweise wird das Kleiner-als-Zeichen „<“ im XHTML-Code als „&lt;“ geschrieben. Natürlich müssen wir für diese Arbeit in einer Webdesign-Software den Code nicht von Hand schreiben. Daher müssen wir nur die Anzeigeprinzipien dieser Sonderzeichen verstehen und uns nicht den Schreibcode jedes einzelnen Sonderzeichens merken. Praxisbeispiel: Öffnen Sie mit dem Notepad die zuvor erstellte Datei „index.html“. Nehmen Sie die folgenden Änderungen an der Quelldatei (rot) vor, speichern Sie sie und sehen Sie sich den Unterschied vorher und nachher an. Bitte stellen Sie sicher, dass Ihre Webseite mit dieser Seite übereinstimmt.
Hausaufgaben für die Winter- und Sommerferien schreiben (Mathe <b> kann nicht garantieren </b> , dass es keine Fehler gibt, Chinesisch kann nicht garantieren, dass es keine Tippfehler gibt, Sie können jemand anderen bitten, Englisch-Hausaufgaben zu schreiben)
<br />Wenn Sie beim Mobbing von Schülern der vierten Klasse oder darunter helfen, <b> werden zusätzliche Gebühren erhoben </b> .
<br />Der Elternverband hilft Ihnen dabei, <i> sich als Eltern auszugeben </i> .
</p><!--Der obige Inhalt ist ein Absatz-->
Lassen Sie uns die Verwendung von Zeichenentitäten üben. Öffnen Sie die zuvor gespeicherte „index.html“ und geben Sie vor dem Tag </body> folgenden Code ein: <p>Copyright&copy;2005-2006cainiao8.com Alle Rechte vorbehalten</p>
Speichern Sie die Änderungen und durchsuchen Sie die Webseite erneut, um den folgenden Inhalt anzuzeigen:
„Copyright©2005-2006XXX Copyright-Nr.“ Uns ist aufgefallen, dass das „&copy“ im Quellcode im Browser als „@“ angezeigt wird. Bitte überprüfen Sie noch einmal, ob Ihre Webseite mit dieser hier übereinstimmt, fertig. Informationen zur Reihenfolge der Tags Nachdem Sie sich über Tags zur Textformatierung informiert haben, fragen Sie sich möglicherweise: Was soll ich tun, wenn ich möchte, dass ein Wort gleichzeitig fett und kursiv angezeigt wird? Ist es so einfach, wie das Hinzufügen der doppelten Tags <b> und <i>? Das stimmt. Schauen Sie sich das folgende Beispiel an:
<b><i>Ich bin von zwei Etiketten umgeben! </i></b>
Im Browser wird es so angezeigt, als wäre ich von zwei Tags umgeben!
Das einzige worauf Du hierbei achten musst, ist die Reihenfolge der Tags. Wenn Sie die obige Tag-Reihenfolge als <b><i>schreiben, bin ich von zwei Tags umgeben! </b></i>, allgemeine Browser generieren keine Fehler. Dies entspricht jedoch nicht den XHTML-Standards. Achten Sie bitte darauf, die Tags der Reihe nach zu schließen.

<<:  So verwenden Sie Docker zum lokalen Verpacken und Bereitstellen von Images

>>:  Einige Dinge, die Sie über den Varchar-Typ in MySQL wissen sollten

Artikel empfehlen

Zusammenfassung der JavaScript-Timertypen

Inhaltsverzeichnis 1.setInterval() 2.setTimeout()...

js zur Implementierung eines Web-Rechners

Wie erstelle ich mit HTML, CSS und JS einen einfa...

Beispielanalyse der Verwendung des neuen JSON-Feldtyps in MySQL 5.7

Dieser Artikel veranschaulicht anhand eines Beisp...

Feste Tabellenbreite table-layout: fest

Damit die Tabelle den Bildschirm (den verbleibende...

Detaillierte Erklärung der node.js-Installation und HbuilderX-Konfiguration

Tutorial zur npm-Installation: 1. Laden Sie das N...

So installieren Sie den RabbitMQ-Server mit Yum auf CentOS

Socat muss vor der Installation von rabbitmq inst...

Mehrere CSS3-Tag-Abkürzungen (empfohlen)

border-radius: CSS3 abgerundete Ecken Syntax: bor...

So installieren Sie MySQL in Docker

Ich habe kürzlich Django bereitgestellt und wollt...

Installations-Tutorial für VMware Workstation 12 Pro Linux

Dieser Artikel zeichnet das Linux-Tutorial zur In...

So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux

netem und tc: netem ist ein Netzwerksimulationsmo...

Implementierung der IP-Adresskonfiguration in Centos7.5

1. Bevor Sie die IP-Adresse konfigurieren, verwen...