Heim > Web-Frontend > HTML-Tutorial > HTML-Abk.-Tag

HTML-Abk.-Tag

王林
Freigeben: 2024-09-04 16:26:50
Original
1017 Leute haben es durchsucht

HTML 5 verfügt über interessante Funktionen, die das Entwerfen von HTML-Webseiten mit minimalem Codeaufwand vereinfachen. Es bietet einen umfangreichen Satz interessanter Tags zum Entwerfen von Webelementen. Ein solcher Tag ist nützlich, der als bekannt ist. Etikett. Diese Tag wird verwendet, um eine Abkürzung auf einmal zu definieren und anzuzeigen. Mit dem HTML-Abbr-Tag können wir die vollständige Form von Abkürzungen oder Akronymen definieren, und der Browser zeigt normalerweise auf einer Webseite die Kurzversion von Buchstaben an. Wenn Sie jedoch mit der Maus über diese Abkürzungen fahren, zeigt der Browser die vollständige Form an dieses Akronym automatisch.

Syntax des HTML-Abbr-Tags

Das Das Tag wird im Allgemeinen zusammen mit dem Tag verwendet. Attribut. Da das Title-Tag dazu verwendet wird, den Titel des Dokuments zu definieren, wird der Titel bei Verwendung mit dem <abbr> Tag wird zu einem Attribut und hat eine besondere Bedeutung. Der Titel enthält den für Menschen lesbaren Titel oder die vollständige Form eines Akronyms. Die <Abk> Das Tag zeigt das vollständige Formular an, wenn der Benutzer mit der Maus darüber fährt, und vereinfacht die Definition der Beschreibung. Diese Informationen sind für Browser, Suchmaschinen und Hilfssysteme wie das Übersetzungssystem viel nützlicher. Nachfolgend finden Sie die Syntax des abbr-Tags:</p> <ul> <li><strong>Normales Abkürzungs-Tag:</strong></li> </ul> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr> PFA </abbr></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Dadurch wird nur einfacher Text ohne Bedeutung angezeigt. Angenommen, wir möchten für die obige Abkürzung die Vollform „Assign“ verwenden, also PFA, dann ist <title> Attribut wird verwendet,</p> <ul> <li><strong>Abk.-Tag mit Titel-Tag:</strong></li> </ul> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr title = "Please Find Attached" > PFA </abbr></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p>Hier haben wir den Anzeigetitel als Kurzform definiert, aber gleichzeitig haben wir auch die vollständige Form mit der Formel <abbr> definiert. Tag zusammen mit dem <title> Etikett. Die <Abk> Das Tag wird als Paar geliefert, daher gibt es immer ein abschließendes </abbr> Tag verfügbar.</p> <p><strong>Attribute: </strong>Wie wir in der Syntax gesehen haben, kann das Title-Tag, wenn es zusammen mit dem <abbr> Tag, wird zum Attribut und weist ihm eine besondere Funktionalität zu. Ansonsten stehen keine weiteren spezifischen Tags zur Verwendung mit dem <abbr> zur Verfügung. Tag, aber dieses Tag <abbr> unterstützt die globalen Attribute und Ereignisattribute, die standardmäßig in HTML verfügbar sind.</p> <h3>Beispiele zur Implementierung des HTML-Abbr-Tags</h3> <p>Im Folgenden finden Sie Beispiele für die Implementierung des HTML-Abbr-Tags:</p> <h4>Beispiel #1</h4> <p>In diesem Beispiel sehen wir die einfache Abkürzung ohne Titel-Tag.</p> <p><strong>Code:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> abbr tag in HTML </title> <style> body { text-align: left ; } </style> </head> <body> <abbr > PFA </abbr> </body> </html></pre><div class="contentsignin">Nach dem Login kopieren</div></div> <p><strong>Ausgabe:</strong> wird ein einfacher Text wie unten sein,</p> <p><img src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" alt="HTML-Abk.-Tag" ></p> <h4>Beispiel #2</h4> <p>In diesem Beispiel sehen wir die Abkürzung mit einem Titel-Tag.</p> <p><strong>Code:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> abbr tag in HTML

<abbr title = "Please Find Attached" > PFA </abbr>
Nach dem Login kopieren

Ausgabe: wird ein Akronym mit einer gepunkteten Unterstreichung sein.

HTML-Abk.-Tag

Wenn wir versuchen, mit der Maus darüber zu fahren, wird der von uns angegebene Titel ähnlich wie im Tooltip angezeigt.

Beispiel #3

Hier haben wir den Schriftstil des CSS-Stylingelements kursiv über dem verwendet. Tag.

Code:




 abbr tag in HTML 


while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Nach dem Login kopieren

Ausgabe:

HTML-Abk.-Tag

Beispiel #4

Lassen Sie uns einige weitere CSS-Stilelemente anstelle von verwenden. Tag.

Code:




 abbr tag in HTML 


while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Nach dem Login kopieren

Ausgabe:

HTML-Abk.-Tag

Hier haben wir unser Akronym mithilfe der CSS-Stilelemente fett und rot gestaltet.

Beispiel #5

Lassen Sie uns dasselbe Beispiel modifizieren, um mehr Stil und Design hinzuzufügen.

Code:




 abbr tag in HTML 


while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Nach dem Login kopieren

Ausgabe:

HTML-Abk.-Tag

Versuchen Sie in jedem der obigen Beispiele, den Mauszeiger über das von uns verwendete Akronym, d. h. PFA, zu halten, und sehen Sie, wie der Browser den Titel anzeigt, den wir ihm zugewiesen haben.

Wichtige Punkte, die Sie beachten sollten

  • Das Tag wird von fast allen Browsern unterstützt, einschließlich Google Chrome, Internet Explorer, Safari, Firefox, Opera usw. Die von allen Browsern erzeugte Ausgabe kann in einigen Fällen unterschiedlich sein, aber das Ergebnis ist das gleiche.
  • Da für das keine spezifischen Attribute verfügbar sind. Tag verwenden, werden wir in den nächsten Beispielen sehen, wie wir das Attribut stilisieren können (unter Verwendung verfügbarer globaler Attribute). Der Standardstil zur Anzeige dieses Elements ist display:inline und kann von Browser zu Browser variieren.
  • Das Das Tag kann verwendet werden, um dem Benutzer das vollständige Formular oder die Definition eines bestimmten Inhalts bereitzustellen oder um das Dokument zu formatieren. Es ist nicht zwingend, immer das zu verwenden. Tag.
  • Der Das Attribut wird verwendet, um vollständige Informationen oder die vollständige Form des angegebenen Akronyms im -Attribut bereitzustellen. Etikett. Der Das Attribut ist optional und wird im Start-Tag des -Attributs verwendet. Tag.
  • Früher gab es ein Tag vor HTML 5, um die Abkürzungen oder Akronyme zu definieren, aber es ist ab HTML 5 veraltet und sollte nicht verwendet werden.

Fazit

Wir haben also gesehen, dass Tag, das in HTML 5 eingeführt wird. Dieses Tag bot die Möglichkeit, die Abkürzungen oder Akronyme zu definieren und ihre Titel oder detaillierten Informationen auf einmal anzuzeigen. Wir haben mehrere Beispiele für gesehen. Attribut. Mit diesem Tag sind keine derartigen speziellen Attribute verfügbar.

Das obige ist der detaillierte Inhalt vonHTML-Abk.-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage