← 返回首页
<u> HTML unabgegrenztes Annotations- (Unterstreichungs-) Element - HTML | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Seitenleiste umschalten
  1. Web
  2. HTML
  3. Reference
  4. Elements
  5. <u>
Farbschema
  • Systemeinstellung
  • Hell
  • Dunkel
Deutsch
Sprache merken Mehr erfahren

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

<u> HTML unabgegrenztes Annotations- (Unterstreichungs-) Element

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das <u> HTML-Element repräsentiert einen Bereich von Inline-Text, der so dargestellt werden sollte, dass er auf eine nicht-textliche Annotation hinweist. Standardmäßig wird dies als durchgehende Linie dargestellt, aber durch CSS kann dies geändert werden.

Warnung: Dieses Element wurde früher in älteren Versionen von HTML als "Underline" (Unterstreichung) Element bezeichnet und wird manchmal immer noch fälschlicherweise dafür verwendet. Um Text zu unterstreichen, sollten Sie stattdessen einen Stil anwenden, der die CSS-Eigenschaft text-decoration mit dem Wert underline verwendet.

In diesem Artikel

Probieren Sie es aus

<p> You could use this element to highlight <u>speling</u> mistakes, so the writer can <u>corect</u> them. </p>
p { margin: 0; } u { text-decoration: red wavy underline; }

Sehen Sie im Abschnitt Verwendungsnotizen nach weiteren Details, wann <u> angemessen verwendet wird und wann nicht.

Attribute

Dieses Element enthält nur die globalen Attribute.

Verwendungsnotizen

Zusammen mit anderen reinen Stil-Elementen wurde das ursprüngliche HTML Unterstreichungs- (<u>) Element in HTML 4 abgeschafft; jedoch wurde <u> in HTML 5 mit einer neuen, semantischen Bedeutung wieder eingeführt: um Text zu kennzeichnen, der irgendeine Form von nicht-textlicher Annotation hat.

Hinweis: Vermeiden Sie die Verwendung des <u> Elements mit seinem Standardstil (unterstrichener Text) in einer Art und Weise, die mit einem Hyperlink – der standardmäßig ebenfalls unterstrichen ist – verwechselt werden könnte.

Anwendungsfälle

Gültige Anwendungsfälle für das <u> Element umfassen das Markieren von Rechtschreibfehlern, das Anbringen eines Proper Name Marks, um Eigennamen in chinesischem Text zu kennzeichnen, und andere Formen von Annotation.

Sie sollten <u> nicht verwenden, um Text aus Präsentationsgründen zu unterstreichen oder um Buchtitel zu kennzeichnen.

Andere zu berücksichtigende Elemente

In den meisten Fällen sollten Sie ein anderes Element als <u> verwenden, wie:

  • <em> um einen betonten Akzent zu markieren
  • <b> um Aufmerksamkeit auf Text zu lenken
  • <mark> um Schlüsselwörter oder -ausdrücke zu markieren
  • <strong> um anzuzeigen, dass Text stark wichtig ist
  • <cite> um Buchtitel oder andere Publikationen zu kennzeichnen
  • <i> um technische Begriffe, Transliteration, Gedanken oder Namen von Schiffen in westlichen Texten zu kennzeichnen

Um textuelle Anmerkungen (im Gegensatz zu den nicht-textlichen Anmerkungen, die mit <u> erstellt werden) bereitzustellen, verwenden Sie das <ruby> Element.

Um eine unterstrichene Darstellung ohne semantische Bedeutung zu erreichen, verwenden Sie die CSS-Eigenschaft text-decoration mit dem Wert underline.

Beispiele

Hervorheben eines Rechtschreibfehlers

Dieses Beispiel verwendet das <u> Element und etwas CSS, um einen Absatz anzuzeigen, der einen falsch geschriebenen Fehler enthält, wobei der Fehler im rot gewellten Unterstreichungsstil dargestellt wird, der zu diesem Zweck ziemlich häufig verwendet wird.

HTML

html
<p>This paragraph includes a <u class="spelling">wrnogly</u> spelled word.</p>

Im HTML sehen wir die Verwendung von <u> mit einer Klasse, spelling, die verwendet wird, um die falsche Schreibweise des Wortes "wrongly" anzuzeigen.

CSS

css
u.spelling { text-decoration: red wavy underline; }

Dieses CSS zeigt an, dass, wenn das <u> Element mit der Klasse spelling gestylt ist, es eine rote, gewellte Unterstreichung unter seinem Text haben sollte. Dies ist eine übliche Gestaltung für Rechtschreibfehler. Eine andere gebräuchliche Stilart kann mit red dashed underline dargestellt werden.

Ergebnis

Das Ergebnis sollte jedem, der eine der bekannteren heute verfügbaren Textverarbeitungsprogramme verwendet hat, bekannt vorkommen.

Vermeidung von <u>

Meistens möchten Sie <u> eigentlich nicht verwenden. Hier sind einige Beispiele, die zeigen, was Sie stattdessen in mehreren Fällen tun sollten.

Nicht-semantische Unterstreichungen

Um Text zu unterstreichen, ohne irgendeine semantische Bedeutung zu implizieren, verwenden Sie ein <span> Element mit der CSS-Eigenschaft text-decoration auf "underline" gesetzt, wie unten gezeigt.

HTML
html
<span class="underline">Today's Special</span> <br /> Chicken Noodle Soup With Carrots
CSS
css
.underline { text-decoration: underline; }
Ergebnis

Präsentation eines Buchtitels

Buchtitel sollten mit dem <cite> Element und nicht mit <u> oder sogar <i> dargestellt werden.

Verwendung des cite-Elements
html
<p>The class read <cite>Moby-Dick</cite> in the first term.</p>
Stil des cite-Elements

Die Standardgestaltung für das <cite> Element rendert den Text kursiv. Sie können das mit CSS überschreiben:

html
<p>The class read <cite>Moby-Dick</cite> in the first term.</p>
css
cite { font-style: normal; text-decoration: underline; }

Technische Übersicht

Inhaltskategorien Erlaubter Inhalt Tag-Auslassung Erlaubte Eltern Implizierte ARIA-Rolle Erlaubte ARIA-Rollen DOM-Interface
Flussinhalt, Phraseninhalt, greifbarer Inhalt.
Phraseninhalt.
Keine, sowohl das Start- als auch das End-Tag sind obligatorisch.
Jedes Element, das Phraseninhalt akzeptiert.
generic
Beliebig
[`HTMLElement`](/de/docs/Web/API/HTMLElement)

Spezifikationen

Spezifikation
HTML
# the-u-element

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch

  • Die <span>, <i>, <em>, <b> und <cite> Elemente sollten in der Regel stattdessen verwendet werden.
  • Die CSS-Eigenschaft text-decoration sollte für nicht-semantische Unterstreichung verwendet werden.

Help improve MDN

War diese Übersetzung hilfreich?
Ja Nein
Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.
Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden
  1. HTML
  2. Anleitungen
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. Inhaltskategorien
    5. Datums- und Zeitformate
    6. Microdata
    7. Microformats
    8. Quirks- und Standardsmodi
    9. Responsive Bilder
  3. Anleitung
  4. Begriffe mit HTML definieren
  5. Verwendung von data-Attributen
  6. Verwendung von Cross-Origin-Bildern
  7. Platzieren Sie eine Hitmap auf einem Bild
  8. Schnelle HTML-Seiten erstellen
  9. JavaScript hinzufügen
  10. Referenzen
  11. Elemente
    1. <a>
    2. <abbr>
    3. <acronym>
    4. <address>
    5. <area>
    6. <article>
    7. <aside>
    8. <audio>
    9. <b>
    10. <base>
    11. <bdi>
    12. <bdo>
    13. <big>
    14. <blockquote>
    15. <body>
    16. <br>
    17. <button>
    18. <canvas>
    19. <caption>
    20. <center>
    21. <cite>
    22. <code>
    23. <col>
    24. <colgroup>
    25. <data>
    26. <datalist>
    27. <dd>
    28. <del>
    29. <details>
    30. <dfn>
    31. <dialog>
    32. <dir>
    33. <div>
    34. <dl>
    35. <dt>
    36. <em>
    37. <embed>
    38. <fencedframe>
    39. <fieldset>
    40. <figcaption>
    41. <figure>
    42. <font>
    43. <footer>
    44. <form>
    45. <frame>
    46. <frameset>
    47. <geolocation>
    48. <h1>–<h6>
    49. <head>
    50. <header>
    51. <hgroup>
    52. <hr>
    53. <html>
    54. <i>
    55. <iframe>
    56. <img>
    57. <input>
    58. <ins>
    59. <kbd>
    60. <label>
    61. <legend>
    62. <li>
    63. <link>
    64. <main>
    65. <map>
    66. <mark>
    67. <marquee>
    68. <menu>
    69. <meta>
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. <noframes>
    75. <noscript>
    76. <object>
    77. <ol>
    78. <optgroup>
    79. <option>
    80. <output>
    81. <p>
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. <s>
    94. <samp>
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. <small>
    102. <source>
    103. <span>
    104. <strike>
    105. <strong>
    106. <style>
    107. <sub>
    108. <summary>
    109. <sup>
    110. <table>
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. <time>
    119. <title>
    120. <tr>
    121. <track>
    122. <tt>
    123. <u>
    124. <ul>
    125. <var>
    126. <video>
    127. <wbr>
    128. <xmp>
  12. Attribute
    1. accept
    2. autocomplete
    3. capture
    4. content
    5. crossorigin
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. min
    16. minlength
    17. multiple
    18. pattern
    19. placeholder
    20. readonly
    21. rel
    22. required
    23. size
    24. step
  13. Globale Attribute
    1. accesskey
    2. anchor
    3. autocapitalize
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. Attributes by element
    1. <input>-Typen
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime-local">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. <script type>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. viewport
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      1. alternatives Stylesheet
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. preload
      12. prerender

Der Bauplan für ein besseres Internet.

MDN Mitmachen Entwicklung

Besuche die gemeinnützige Muttergesellschaft der Mozilla Corporation, die Mozilla Foundation.
Teile dieses Inhalts sind ©1998–2026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfügbar unter einer Creative-Commons-Lizenz.