Inhaltsverzeichnis
Syntax des HTML-Abbr-Tags
Beispiele zur Implementierung des HTML-Abbr-Tags
Beispiel #5
Wichtige Punkte, die Sie beachten sollten
Fazit

HTML-Abk.-Tag

Sep 04, 2024 pm 04:26 PM
html html5 HTML Tutorial HTML Properties HTML tags

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 id="Beispiele-zur-Implementierung-des-HTML-Abbr-Tags">Beispiele zur Implementierung des HTML-Abbr-Tags</h3> <p>Im Folgenden finden Sie Beispiele für die Implementierung des HTML-Abbr-Tags:</p> <h4 id="Beispiel">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="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" class="lazy" alt="HTML-Abk.-Tag" ></p> <h4 id="Beispiel">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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

See all articles