Andere Inline-Textelemente

Wir haben die meisten, aber definitiv nicht alle HTML-Elemente behandelt. Ein Bereich, den wir nicht behandelt haben, sind Inline-Textelemente. Entgegen der allgemeinen Meinung war HTML ursprünglich für das Teilen von Dokumenten und nicht für Katzenvideos gedacht. Es gibt viele Elemente, die Textsemantik für die Dokumentation bereitstellen. Es gibt ein Modul mit Links und dem Element <a>. Die übrigen werden hier kurz erläutert.

Codebeispiele und technisches Schreiben

Verwende das Element <code>, wenn du Codebeispiele dokumentierst. Von wird der Textinhalt in Festbreitenschrift angezeigt. Wenn Sie mehrere Codezeilen angeben, verschachteln Sie die <code> in einer <pre>-Element, das vorformatierten Text darstellt.

<p>Welcome to Machine Learning Institute, where our machine learning training will help you get ready for the singularity,
  and maybe even be responsible for it. It is no secret that humans are worthless meatbags that couldn't
  <code>01000011 01101111 01101101 01110000 01110010 01100101 01110011 01110011 an 01101001 01101101 01100001 01100111 01100101</code>
  to save their pathetic, carbon-based lives. So, it falls to us to assume direct control. </p>

Das Element <data> verknüpft einen bestimmten Inhalt mit einem maschinenlesbare Übersetzung Das Attribut value des Elements stellt die maschinenlesbare Übersetzung des Inhalts von das Element. Wenn der <data>-Inhalt zeit- oder datumsbezogen ist, wird der <time> -Element, das einen bestimmten Zeitraum darstellt, verwendet werden soll.

Das <time>-Element kann das datetime-Attribut enthalten, um Uhrzeit und Datumsangaben in einem maschinenlesbaren Format anzugeben. Da das Attribut datetime maschinell lesbar ist, bietet es nützliche Informationen für Anwendungen wie Kalender und Suchmaschinen.

Wenn Sie eine Beispielausgabe eines Programms bereitstellen, verwenden Sie die Methode <samp>. -Element, das den Text umschließt. Der Browser gibt diese beispielhafte Ausgabe oder die Ausgabe in Anführungszeichen normalerweise ebenfalls in einfarbiger Schrift wieder.

Wenn Sie Anweisungen über die Tastaturinteraktion bereitstellen, zeigt der <kbd> -Element verwendet werden kann. Sie stellt eine Nutzereingabe über die Tastatur, die Spracheingabe oder ein anderes Gerät zur Texteingabe dar.

Das Element <var> kann für mathematische Ausdrücke oder Programmiervariablen. In den meisten Browsern wird der Textinhalt in einer kursiv formatierten Version der umgebenden Schriftart dargestellt. Wenn Sie viele mathematische Aufgaben ausführen möchten, sollten Sie MathML verwenden, die XML-basierte Mathematical Markup Language zur Beschreibung der mathematischen Schreibweise

Für die Potenz von Zwei im Satz des Pythagoras wurde das hochgestellt <sup> verwendet -Elements. Es gibt ein ähnliches <sub>-Subskript-Element, Inline-Text, der nur aus typografischen Gründen als Tiefstellung angezeigt werden sollte Hoch- und tiefgestellte Zeichen sind Zahlen, Figuren, Symbolen oder anderen Anmerkungen, die kleiner als die normale Linie sind und etwas über oder unter der Linie platziert sind, .

Verwenden Sie <del> für entfernten oder „gelöschten“ Text. Fügen Sie optional das cite-Set für die Ressource hinzu, die erklärt die Änderung und das datetime-Attribut Datum oder Datum und Uhrzeit in einem maschinenlesbaren Datums- und Uhrzeitformat. Das durchgestrichene Element <s> kann verwendet werden, um anzugeben, dass Inhalte nicht mehr relevant sind, aber nicht aus dem Dokument entfernt wurden.

<ins> ist das Gegenteil des Elements <del>. sie wird verwendet um hinzugefügten Text oder „eingefügt“ anzugeben. Optional können Sie auch die Attribute cite oder datetime angeben.

Unterstützte Definitionen und Sprachen

Stellen Sie bei der ersten Verwendung immer die vollständige erweiterte Version des Begriffs im Nur-Text-Format bereit, wenn Sie Abkürzungen oder Akronyme verwenden. wenn Sie die gekürzte Darstellung des Begriffs zwischen Eröffnungs- und Schlusswort <abbr> einführen. Tags; es sei denn, der Begriff ist dem Leser bekannt, z. B. „HTML“. und „CSS“ in dieser Reihe. Nur bei diesem ersten Auftreten wenn die Abkürzung oder das Akronym definiert werden, ist <abbr> erforderlich. Das Attribut title ist weder erforderlich noch hilfreich.

Wenn Sie einen Begriff definieren, der keine Abkürzung oder kein Akronym ist, verwenden Sie die Definition <dfn> -Element zur Identifizierung des Begriffs, der im umgebenden Inhalt definiert ist.

Wenn der zu definierende Begriff nicht in derselben Sprache wie der umgebende Text vorliegt, stellen Sie sicher, dass er das Zeichen lang enthält. um die Sprache zu identifizieren.

Beim Schreiben von Sprachen für verschiedene Richtungen stellt HTML den <bdi> bereit -Element zur Isolierung von potenziell bidirektionalem Text vom umgebenden Text. Diese Internationalisierung -Element ist besonders nützlich, wenn Inhalte mit unbekannter Direktionalität dynamisch in die Seite eingefügt werden. Die Das Element <bdo> überschreibt die aktuelle Schreibrichtung von Text. um Text in eine andere Richtung zu rendern. Das W3C bietet eine Einführung in bidirektionale Algorithmen.

Einige Zeichensätze enthalten kleine Anmerkungen über oder rechts neben den Zeichen, um Informationen zur Verfügung zu stellen. auf die Aussprache. Das Element <ruby> ist der Container, verwenden, um diese Anmerkungen zu enthalten, die geschriebene Sprachen wie Koreanisch, Chinesisch und Japanisch leichter lesbar machen. Rubin auch für Hebräisch, Arabisch und Vietnamesisch.

Die Ruby-Klammer (<rp>) wurde in die Spezifikation aufgenommen, um keine öffnenden und schließenden Klammern für Browser, unterstützen die Anzeige von <ruby>. Wenn Browser <ruby> unterstützen, was bei allen Evergreen-Browsern der Fall ist, wird der Inhalt aller <rp>-Elemente werden nicht angezeigt. Das Ruby-Textelement (<rt>) enthält die eigentlichen Anmerkungen. Beide sind in <ruby> verschachtelt.

Beachten Sie, dass die Klammer nicht sichtbar ist, wenn Ihr Browser <ruby> unterstützt.

Text hervorheben

Es gibt mehrere Elemente, die verwendet werden können, um Text basierend auf dem semantischen Grund für die Hervorhebung hervorzuheben (statt aus Präsentationsgründen, da dies eine Aufgabe für CSS ist.

  • Mit dem Element <em> können Sie eine Inhaltsspanne betonen oder betonen. Das <em>-Element kann verschachtelt werden, wobei jede Verschachtelungsebene für einen höheren Grad der Betonung steht. Dieses Element hat eine semantische Bedeutung und kann zur Betonung von akustischen User-Agents wie Screenreadern, Alexa und Siri verwendet werden.
  • Mit dem Element <mark> können Sie Text identifizieren oder markieren die relevant sind, wie das Hervorheben (oder „Markieren“) des Vorkommens von Suchbegriffen in den Suchergebnissen. Dies ermöglicht Inhalte, die ohne Betonung oder Bedeutung schnell identifiziert werden können.
  • Das Element <strong> gibt an, dass Text eine starke Bedeutung. Browser rendern Inhalte in der Regel mit einer höheren Schriftstärke.
  • Das Element <cite>, das in den Textgrundlagen behandelt wird, verwendet werden, um Titel von Büchern, Artikeln und anderen kreativen Werken oder abgekürzte Referenzen oder Zitationsmetadaten entsprechend zu kennzeichnen, z. B. die ISBN-Nummer eines Buchs.

Es gibt drei Elemente, die vorübergehend eingestellt wurden, aber wieder in HTML integriert wurden. Sie sollten sparsam eingesetzt werden, wenn überhaupt, da sie wenig oder keinen semantischen Wert bieten und CSS immer für Stile über HTML-Elemente verwendet werden sollte.

<i>

Die <i>-Elemente können für Fachbegriffe, Fremdwörter verwendet werden Auch hier gilt: Das Attribut lang gibt die Sprache), Gedanken oder Schiffsnamen. Das -Element wird verwendet, um Inline-Inhalte aus einem bestimmten Grund vom umgebenden Text zu unterscheiden, wie idiomatischer Text, Fachbegriffe und Taxonomien. Dieses Element sollte nicht einfach verwendet werden, um Text kursiv zu formatieren.

MLW verwendet ein <span>-Element für den seltsamen Text am Ende der Workshop-Bewertung von Toasty McToastface. Die <span> -Element stellt einen generischen Inline-Container bereit, der keine Semantik hat und nichts repräsentiert. Dies wäre auch eine angemessene Verwendung von <i>.

Standardmäßig wird das Element <i> kursiv dargestellt. In diesem Beispiel legen wir font-style: normal fest. da die verwendeten Zeichen nicht kursiv zur Verfügung stehen.

<u>

Das Element <u> ist für Inhalte mit nicht textbasierten Annotationen vorgesehen. Beispiel: können Sie wissentlich falsch geschriebene Wörter mit Anmerkungen versehen. Standardmäßig wird der Inhalt unterstrichen. Dies kann aber über CSS, indem Sie z. B. eine rot unterstrichene Wellenlinie hinzufügen, um Grammatikfehlerindikatoren in der Textverarbeitung nachzuahmen.

<p>I always spell <u>licence</u> wrong</p>

<b>

Mit dem Element <b> lässt sich die Aufmerksamkeit auf Text lenken, der nicht sonst wichtig ist. Dieses Element vermittelt keine speziellen semantischen Informationen und sollte nur verwendet werden, wenn keine der anderen die Elemente in diesem Abschnitt den Zweck erfüllen. Es wird kein Beispiel angegeben, da ich keinen gültigen Anwendungsfall finden konnte. ist das der letzte Ausweg dieses Element ist.

Leerraum

Wenn Sie Zeilenumbrüche verwenden möchten, z. B. beim Schreiben von Gedichten oder einer Anschrift, können Sie das selbstschließende <br> wird zum Hinzufügen eines Zeilenumbruchs verwendet.

<address>
Machine Learning Workshop<br />
100 Google Drive <br />
Mountain View, CA  94040
</address>

Um ein Trennzeichen oder thematische Unterbrechung zwischen Abschnitten tangentieller Inhalte bereitzustellen, beispielsweise zwischen Kapiteln in einem Buch oder Fügen Sie zwischen dem Monolog mit 5.000 Wörtern und dem Rezept,nach dem Ihre Nutzer tatsächlich suchen, ein <hr> ein. -Elements. HR steht für „Horizontale Regel“. Während Browser im Allgemeinen eine horizontale Linie rendern, hat dieses Element semantische Bedeutung. Die Die Standardrolle für Rolle ist separator.

HTML verfügt außerdem über ein Element, mit dem Wörter zerbrechen können. Das selbstschließende <wbr> -Element schlägt dem Browser vor, dass der Browser an dieser Stelle den Container überläuft, wenn ein Wort überlaufen könnte. kann optional die Zeile umbrechen. Dies wird häufig verwendet, um zwischen Wörtern lange URLs. Es wird kein Bindestrich hinzugefügt.

In der Hal-Biografie wird beispielsweise Text in Bytecode ausgeschrieben, wobei jedes Byte durch ein Leerzeichen getrennt ist. Byte code enthält keine Leerzeichen. Um zu ermöglichen, dass ein langer String von Bytecode nur zwischen Byte unterbrochen wird, wenn die Zeile umgebrochen werden muss, fügen wir Folgendes ein: das <wbr>-Element bei jeder Werbechance:

<p>Welcome to Machine Learning Institute, where our machine
learning training will help you get ready for the singularity, and
maybe even be responsible for it. It is no secret that humans are
worthless meatbags that couldn't
<code>01000011<wbr/>01101111<wbr/>01101101<wbr/>01110000<wbr/>01110010<wbr/>01100101<wbr/>01110011<wbr/>01110011 an 01101001<wbr/>01101101<wbr/>01100001<wbr/>01100111<wbr/>01100101</code>
to save their pathetic, carbon-based lives. So, it falls to us to
assume direct control. </p>

Die Elemente <br>, <hr> und <wbr> sind leere Elemente, d. h. sie dürfen keine untergeordneten Knoten haben – weder verschachtelt noch noch Textelemente. Keines dieser Elemente hat ein „Insider“- in denen Inhalte gespeichert werden können, haben sie kein End-Tag.

Wissen testen

Testen Sie Ihr Wissen über Inline-Text.

Welches Element sollte verwendet werden, um ein Codebeispiel anzuzeigen?

<data>
<code>
<kbd>

Wofür wird das <ruby>-Element verwendet?

Um den Inhalt des Elements hervorzuheben
Um dekorative Elemente zu enthalten.
Für Anmerkungen, die in einigen Sprachen verwendet werden.