HTML - Phrase Tags

Die Phrasen-Tags wurden für bestimmte Zwecke entworfen, obwohl sie auf ähnliche Weise wie andere grundlegende Tags wie angezeigt werden <b>, <i>, <pre>, und <tt>haben Sie im vorigen Kapitel gesehen. In diesem Kapitel werden Sie durch alle wichtigen Phrasen-Tags geführt. Lassen Sie uns sie also nacheinander anzeigen.

Hervorgehobener Text

Alles, was darin erscheint <em>...</em> Element wird als hervorgehobener Text angezeigt.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Emphasized Text Example</title>
   </head>
	
   <body>
      <p>The following word uses an <em>emphasized</em> typeface.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Markierter Text

Alles, was mit-in erscheint <mark>...</mark> Element, wird als mit gelber Tinte markiert angezeigt.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Marked Text Example</title>
   </head>
	
   <body>
      <p>The following word has been <mark>marked</mark> with yellow</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Starker Text

Alles, was darin erscheint <strong>...</strong> Element wird als wichtiger Text angezeigt.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Strong Text Example</title>
   </head>
	
   <body>
      <p>The following word uses a <strong>strong</strong> typeface.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Text Abkürzung

Sie können einen Text abkürzen, indem Sie ihn in das Öffnen von <abbr> und das Schließen von </ abbr> -Tags einfügen. Falls vorhanden, muss das title-Attribut diese vollständige Beschreibung und nichts anderes enthalten.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Text Abbreviation</title>
   </head>
	
   <body>
      <p>My best friend's name is  <abbr title = "Abhishek">Abhy</abbr>.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Akronym Element

Das <acronym> Mit element können Sie angeben, dass der Text zwischen den Tags <acronym> und </ acronym> ein Akronym ist.

Derzeit ändern die Hauptbrowser das Erscheinungsbild des Inhalts des <acronym> -Elements nicht.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Acronym Example</title>
   </head>
	
   <body>
      <p>This chapter covers marking up text in <acronym>XHTML</acronym>.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Textrichtung

Das <bdo>...</bdo> element steht für Bidirektionales Überschreiben und wird zum Überschreiben der aktuellen Textrichtung verwendet.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Text Direction Example</title>
   </head>

   <body>
      <p>This text will go left to right.</p>
      <p><bdo dir = "rtl">This text will go right to left.</bdo></p>
   </body>

</html>

Dies führt zu folgendem Ergebnis:

Sonderkonditionen

Das <dfn>...</dfn>Mit element (oder HTML-Definitionselement) können Sie angeben, dass Sie einen speziellen Begriff einführen. Die Verwendung ähnelt kursiven Wörtern in der Mitte eines Absatzes.

In der Regel verwenden Sie das Element <dfn>, wenn Sie zum ersten Mal einen Schlüsselbegriff einführen. Die neuesten Browser rendern den Inhalt eines <dfn> -Elements in Kursivschrift.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Special Terms Example</title>
   </head>
	
   <body>
      <p>The following word is a <dfn>special</dfn> term.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Text zitieren

Wenn Sie eine Passage aus einer anderen Quelle zitieren möchten, sollten Sie sie dazwischen legen <blockquote>...</blockquote> Stichworte.

Text in einem <blockquote> -Element wird normalerweise am linken und rechten Rand des umgebenden Textes eingerückt und verwendet manchmal eine kursive Schrift.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Blockquote Example</title>
   </head>
	
   <body>
      <p>The following description of XHTML is taken from the W3C Web site:</p>

      <blockquote>XHTML 1.0 is the W3C's first Recommendation for XHTML,following on 
         from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.</blockquote>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Kurze Zitate

Das <q>...</q> Element wird verwendet, wenn Sie einem Satz ein doppeltes Anführungszeichen hinzufügen möchten.

Beispiel

<!DOCTYPE html>
<html>

   <head>
      <title>Double Quote Example</title>
   </head>
	
   <body>
      <p>Amit is in Spain, <q>I think I am wrong</q>.</p>
   </body>
	
</html>

Dies führt zu folgendem Ergebnis:

Textzitate

Wenn Sie einen Text zitieren, können Sie die Quelle angeben, die ihn zwischen einer Öffnung platziert <cite> Tag und Schließen </cite> Etikett

Wie in einer Druckpublikation zu erwarten, wird der Inhalt des <cite> -Elements standardmäßig in kursiver Schrift dargestellt.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Citations Example</title>
   </head>
   
   <body>
      <p>This HTML tutorial is derived from <cite>W3 Standard for HTML</cite>.</p>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis:

Computercode

Jeder Programmcode, der auf einer Webseite angezeigt wird, sollte darin platziert werden <code>...</code>Stichworte. Normalerweise wird der Inhalt des <code> -Elements in einer monospaced Schriftart dargestellt, genau wie der Code in den meisten Programmierbüchern.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Computer Code Example</title>
   </head>
   
   <body>
      <p>Regular text. <code>This is code.</code> Regular text.</p>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis:

Tastaturtext

Wenn Sie über Computer sprechen und einen Leser anweisen möchten, Text einzugeben, können Sie die verwenden <kbd>...</kbd> Element, um anzugeben, was wie in diesem Beispiel eingegeben werden soll.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Keyboard Text Example</title>
   </head>
   
   <body>
      <p>Regular text. <kbd>This is inside kbd element</kbd> Regular text.</p>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis:

Programmiervariablen

Dieses Element wird normalerweise in Verbindung mit dem verwendet <pre> und <code> Elemente, um anzuzeigen, dass der Inhalt dieses Elements eine Variable ist.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Variable Text Example</title>
   </head>
   
   <body>
      <p><code>document.write("<var>user-name</var>")</code></p>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis:

Programmausgabe

Das <samp>...</samp> Das Element gibt die Beispielausgabe eines Programms, eines Skripts usw. an. Auch hier wird es hauptsächlich zur Dokumentation von Programmier- oder Codierungskonzepten verwendet.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Program Output Example</title>
   </head>
   
   <body>
      <p>Result produced by the program is <samp>Hello World!</samp></p>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis:

Adresstext

Das <address>...</address> Element wird verwendet, um eine beliebige Adresse zu enthalten.

Beispiel

<!DOCTYPE html>
<html>
   
   <head>
      <title>Address Example</title>
   </head>
   
   <body>
      <address>388A, Road No 22, Jubilee Hills -  Hyderabad</address>
   </body>
   
</html>

Dies führt zu folgendem Ergebnis: