HTML/Elemente/ruby
Aus SELFHTML-Wiki
Das ruby-Element dient dazu, ruby-Anmerkungen zu besonderen Schriftzeichen mit der Angabe der Aussprache in den HTML-Code zu integrieren.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- Elementen mit flow content
- Elementen mit phrasing content
- erlaubte Inhalte
-
- Text
- beliebig viele Elementen mit phrasing content, insbesondere aber:
Beispiel
<h1>English naval expressions and their pronunciation</h1>
<p><ruby>
boatswain
<rp>(</rp>
<rt>'bosun</rt>
<rp>)</rp>
</ruby></p>
<ruby>
forecastle
<rp>(</rp><rt>'foks'l</rt><rp>)</rp>
</ruby>
<ruby>
gunwale
<rp>(</rp><rt>'gunl</rt><rp>)</rp>
</ruby>
Englische Vokabeln sind mit einem ruby-Element ausgezeichnet. Als Kindelement wird ein rt-Element (ruby text) mit der Aussprache in IPA dahinter notiert. Die Klammern werden mit dem rp-Element (ruby paranthhesis) ausgezeichnet.
Empfehlung: Für Anmerkungen, die sich nicht auf Aussprache beziehen, verwenden Sie bitte das abbr-Element.
| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | Token | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | Text (string) | Tastaturkürzel | |
| contenteditable | Boolean | editierbarer Inhalt | |
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | Boolean | kann mit Drag & Drop gezogen werden | |
| hidden | Boolean | versteckter Inhalt | |
| lang | Sprachkürzel | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | Boolean | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
| style | String (Text) | notiert direkt in einem Element- style sheet data | |
| tabindex | NUMBER | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | String (Text) | betitelt oder beschreibt ein Element. | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
- Karaoke Liedtexte mit Begleitakkorden
Weblinks
W3C: The ruby element
