HTML-Abkürzungen. Weniger bekannte semantische Elemente. Standardstil

Das Codeelement wird verwendet, um Computercode oder eine Programmiersprache wie PHP, JavaScript, CSS, XML usw. anzugeben. Für kurze Snippets innerhalb eines Satzes können Sie das Element einfach wie folgt um den Code-Snippet platzieren:

onclick direkt im HTML.

Für größere Codebeispiele, die sich über mehrere Zeilen erstrecken, können Sie vorformatierte Blöcke verwenden, wie in Vorlesung 15, „Markieren von Textinhalten in HTML“, gezeigt.

Allerdings gibt es keine spezifische Methode, um anzugeben, welche Programmiersprache oder der Code in einem Codeelement angezeigt wird, kann das Klassenattribut verwendet werden. Eine gängige Praxis (im HTML 5-Entwurf erwähnt) besteht darin, das Sprachpräfix zu verwenden und dann den Namen der Sprache hinzuzufügen. Das obige Beispiel würde also so aussehen:

Es ist eine schlechte Form, Event-Handler wie zu verwenden onclick direkt im HTML.

Einige Programmiersprachen haben Namen, die in Klassen nicht einfach dargestellt werden können, wie zum Beispiel C# (C-sharp). Der richtige Weg Der Eintrag lautet in diesem Fall „class="sprache-c\#"" , was zu Schwierigkeiten und Tippfehlern führen kann. Ich würde empfehlen, eine Klasse zu verwenden, die nur aus Buchstaben und Bindestrichen besteht, und sie vollständig zu schreiben. Daher ist es in diesem Fall besser, „class="sprache-csharp"" zu verwenden.

Ausgabe der Computerinteraktion

Zwei Elemente Probe und kbd kann für die Eingabe- und Ausgabeinteraktion mit einem Computerprogramm verwendet werden. Zum Beispiel:

Eine gängige Methode, um festzustellen, ob ein Computer mit dem Internet verbunden ist, ist die Verwendung des Computerprogramms Klingeln um zu sehen, ob ein Computer wahrscheinlich läuft und erreichbar ist.

kittaghy% ping -o google.com
 PING google.com (64.233.187.99): 56 Datenbytes 64 Bytes von 64.233.187.99: icmp_seq=0 ttl=242 time=108,995 ms --- google.com Ping-Statistiken --- 1 Pakete gesendet, 1 Pakete empfangen, 0 % Paketverlust Round-Trip Min/Durchschnitt/Max/Stddev = 108,995/108,995/108,995/0,000 ms

Element Probe bezeichnet eine Beispielausgabe eines Computerprogramms. Wie in diesem Beispiel gezeigt, Verschiedene Arten Die Ausgabe kann mit angegeben werden Klassenattribut. Es besteht jedoch keine allgemein akzeptierte Einigung darüber, welche Arten von Klassen verwendet werden sollen.

Das kbd-Element gibt die Eingabe der Benutzerinteraktion mit dem Computer an. Obwohl es sich hierbei traditionell um Tastatureingaben handelt (daher die Abkürzung „kbd“), sollte es auch zur Kennzeichnung anderer Eingabearten verwendet werden, beispielsweise Spracheingaben.

Variablen

Das var-Element wird verwendet, um Variablen im Textinhalt anzugeben. Es kann algebraische mathematische Ausdrücke enthalten oder in sein Programmcode. Zum Beispiel:

Der Wert von X in 3 X+2=14 ist 4.

Mein $willkommen= „Hallo Welt!“;

Zitat

Das Cite-Element wird verwendet, um anzugeben, woher Inhalte in der Nähe stammen. Wenn Sie eine Person, ein Buch oder eine andere Veröffentlichung zitieren oder allgemein auf eine andere Quelle verweisen, sollte diese Quelle innerhalb eines Cite-Elements platziert werden. Zum Beispiel:

Das Sprichwort Alles sollte so einfach wie möglich gemacht werden, aber nicht einfacher wird oft darauf zurückgeführt Albert Einstein, aber es handelt sich tatsächlich um eine Paraphrasierung eines Zitats, die viel weniger leicht zu verstehen ist.

Beschreibung

Etikett gibt an, dass es sich bei der Zeichenfolge um eine Abkürzung handelt. Mithilfe des Titelattributs wird die Abkürzung entschlüsselt, sodass auch Personen, die damit nicht vertraut sind, die Abkürzung verstehen können. Darüber hinaus indizieren Suchmaschinen die Volltextversion der Abkürzung, was zur Verbesserung des Rankings des Dokuments genutzt werden kann.

Browser heben den darin enthaltenen Text nicht hervor , mit Ausnahme von Opera vor Version 15, das dem Text punktierte Unterstreichungen hinzufügt.

Syntax

Attribute

Schluss-Tag

Erforderlich.

HTML5 IE Cr Op Sa Fx

CGI bezeichnet das Protokoll, über das externe Programme mit dem Webserver interagieren. Mithilfe von CGI können Sie Programme in jeder Programmiersprache auf dem Server ausführen und das Ergebnis ihrer Aktionen als Webseite anzeigen.

Das Ergebnis dieses Beispiels ist in Abb. dargestellt. 1.

Reis. 1. Art des Tooltips, wenn man mit der Maus über den Abkürzungstext fährt

Browser

Der Browser Internet Explorer bis Version 6 unterstützt das Tag nicht , wird empfohlen, stattdessen das Tag zu verwenden .

Der HTML-Abkürzungselement( ) stellt eine Abkürzung oder ein Akronym dar; Das optionale Titelattribut kann eine Erweiterung oder Beschreibung für die Abkürzung bereitstellen. Falls vorhanden, muss der Titel diese vollständige Beschreibung und nichts anderes enthalten.

Die Quelle für dieses interaktive Beispiel ist in einem GitHub-Repository gespeichert. Wenn Sie zum interaktiven Beispielprojekt beitragen möchten, klonen Sie bitte https://github.com/mdn/interactive-examples und senden Sie uns eine Pull-Anfrage.

Bedenken hinsichtlich der Barrierefreiheit

Die vollständige Schreibung des Akronyms oder der Abkürzung bei der ersten Verwendung auf einer Seite ist für das Verständnis hilfreich, insbesondere wenn es sich um technischen oder branchenspezifischen Inhalt handelt.

Beispiel

JavaScript-Objekt-Notation ( JSON) ist ein leichtes Datenaustauschformat.

Dies ist besonders hilfreich für Personen, die mit der im Inhalt besprochenen Terminologie oder Konzepten nicht vertraut sind, für Personen, die mit der Sprache noch nicht vertraut sind, und für Personen mit kognitiven Problemen.

Spezifikationen

Browser-Kompatibilität

Die Kompatibilitätstabelle auf dieser Seite wird aus strukturierten Daten generiert. Wenn Sie zu den Daten beitragen möchten, schauen Sie sich bitte https://github.com/mdn/browser-compat-data an und senden Sie uns eine Pull-Anfrage.

Kompatibilitätsdaten auf GitHub aktualisieren

Legende

Siehe auch

• Andere Elemente, die Semantik auf Textebene vermitteln: Das Element (oder Ankerelement) erstellt mit seinem href-Attribut einen Hyperlink zu Webseiten, Dateien, E-Mail-Adressen, Speicherorten auf derselben Seite oder allem anderen, was eine URL ansprechen kann. !} , ) weist darauf hin, dass der Inhalt von großer Bedeutung, Ernsthaftigkeit oder Dringlichkeit ist. Browser stellen den Inhalt normalerweise in Fettschrift dar Das Element stellt Nebenkommentare und Kleingedrucktes wie Urheberrechts- und Rechtstexte dar, unabhängig von der stilisierten Darstellung. Standardmäßig wird darin enthaltener Text um eine Schriftgröße kleiner gerendert, z. B. von klein auf x-klein , ) wird verwendet, um einen Verweis auf ein zitiertes kreatives Werk zu beschreiben, und muss den Titel dieses Werks enthalten Das Element gibt an, dass es sich bei dem eingeschlossenen Text um ein kurzes Inline-Zitat handelt. Die meisten modernen Browser implementieren dies, indem sie den Text in Anführungszeichen setzen. "> , ) wird verwendet, um den Begriff anzugeben, der im Kontext einer Definitionsphrase oder eines Definitionssatzes definiert wird , Element stellt einen bestimmten Zeitraum dar , Element zeigt seinen Inhalt so an, dass er darauf hinweist, dass es sich bei dem Text um ein kurzes Fragment von Computercode handelt , ) stellt den Namen einer Variablen in einem mathematischen Ausdruck oder einem Programmierkontext dar , ) wird verwendet, um Inline-Text einzuschließen, der eine Beispielausgabe (oder zitierte Ausgabe) eines Computerprogramms darstellt , ) stellt einen Bereich von Inline-Text dar, der textuelle Benutzereingaben über eine Tastatur, Spracheingabe oder ein anderes Texteingabegerät bezeichnet , ) gibt Inline-Text an, der ausschließlich aus typografischen Gründen tiefgestellt angezeigt werden soll , ) gibt Inline-Text an, der ausschließlich aus typografischen Gründen hochgestellt angezeigt werden soll , ) wird verwendet, um die Aufmerksamkeit des Lesers auf die Elementinhalte zu lenken, denen ansonsten keine besondere Bedeutung beigemessen wird.> Das Element stellt einen Textbereich dar, der aus irgendeinem Grund vom normalen Text abweicht. Einige Beispiele umfassen Fachbegriffe, fremdsprachige Phrasen oder Gedanken zu fiktiven Figuren. Es wird normalerweise in Kursivschrift angezeigt , ) stellt Text dar, der zu Referenz- oder Notationszwecken aufgrund der Relevanz oder Wichtigkeit der markierten Passage im umschließenden Kontext markiert oder hervorgehoben wird.> Das Element stellt eine Ruby-Annotation dar. Ruby-Anmerkungen dienen der Darstellung der Aussprache ostasiatischer Schriftzeichen , )-Element wird verwendet, um Fallback-Klammern für Browser bereitzustellen, die die Anzeige von Ruby-Annotationen mit dem nicht unterstützen Element."> , )-Element gibt die Ruby-Textkomponente einer Ruby-Annotation an, die zur Bereitstellung von Aussprache-, Übersetzungs- oder Transliterationsinformationen für ostasiatische Typografie verwendet wird. Der Element muss immer in a enthalten sein Element."> , ) überschreibt die aktuelle Textrichtung, sodass der darin enthaltene Text in eine andere Richtung gerendert wird , .
• Das Veraltete ) ermöglicht es Autoren, eindeutig eine Zeichenfolge anzugeben, aus der ein Akronym oder eine Abkürzung für ein Wort besteht."> element, whose responsibilities were folded into !}