HTML Tutorial

HTML-tagg: <ruby>

Användning av <ruby>

Taggen <ruby>används för att ange uttal eller förklaring av text. Texten som ska förklaras placeras inom taggen <ruby>, och uttalet eller förklaringen placeras inom taggen <rt>.

Egenskaper för <ruby>

Taggen <ruby> har en egenskap:

  • htmlLang: Anger språket för den text som ska förklaras.

Exempel med <ruby>

Exempel 1: Uttal

<ruby>
  <rb>背</rb>
  <rt>bèi</rt>
</ruby>

Exempel 2: Förklaring

<ruby>
  <rb>HTML</rb>
  <rt>HyperText Markup Language</rt>
</ruby>

Ett enkelt HTML-exempel som demonstrerar taggen <ruby>

<!DOCTYPE html>
<html>
<body>
  <h1><ruby>日本語<rt>にほんご</rt></ruby></h1>
</body>
</html>

Tips för att förbättra tillgängligheten och användarvänligheten

  • Använd <ruby>-taggen sparsamt, endast när det är nödvändigt för att förbättra förståelsen.
  • Ange alltid attributet "htmlLang" för att ange språket för den text som ska förklaras.
  • Överväg att använda verktyg som skärmläsare för att testa tillgängligheten för din webbplats.