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: