HTML <q>-Tag
Das <q>-Tag ist ein Inline-Element, das für kurze Zitate verwendet wird, die sich nicht über mehrere Zeilen erstrecken. Um längere Zitate einzufügen, müssen Sie das Blockelement <blockquote> verwenden.
Neben der Definition von Zitaten wird das <q>-Tag auch verwendet, um Wörter oder Ausdrücke zu kennzeichnen, die im übertragenen Sinn verwendet werden.
Browser umgeben den Text innerhalb des <q>-Tags in der Regel mit Anführungszeichen, deren Aussehen von der HTML-Dokumentkodierung und dem Browser abhängt. Die Darstellung der Anführungszeichen kann mit Hilfe von CSS-Stilen angepasst werden.
Syntax
Das <q>-Tag wird immer paarweise verwendet. Der Inhalt wird zwischen dem öffnenden (<q>) und dem schließenden (</q>)-Tag geschrieben.
Beispiel für das HTML <q>-Tag:
HTML <q>-Tag
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Bernard Show says:
<q cite="https://www.wikiquote.org/">He who can, does; he who cannot, teaches.</q>
</p>
</body>
</html>Ergebnis
Beispiel für die HTML <q>- und <blockquote>-Tags:
Beispiel für die Verwendung des HTML <q>-Tags zusammen mit dem <blockquote>-Tag:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
<blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
I'm not crazy, my reality is just different than yours.
</blockquote>
<q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
</body>
</html>Attribute
| Attribut | Wert | Beschreibung |
|---|---|---|
| cite | URL | Gibt die Quelle des Zitats an. Der Benutzer kann diese Information nicht sehen. |
| lang | Sprachcode | Gibt die Sprache des Inhalts des Elements an. |
Das <q>-Tag unterstützt die Globalen Attribute und die Ereignisattribute.
So gestalten Sie ein HTML <q>-Tag
<style>
q {
color: #2a7ae2;
font-weight: bold;
}
</style>
<p>He who can, <q>does</q>; he who cannot, teaches.</p>Practice
Was ist die Funktion des HTML <q>-Tags?