振り仮名 · Ruby Typography · Modul 16
今日(きょう) 　 大人(おとな)

Furigana & Ruby Typography · 振り仮名

Panduan lengkap anotasi fonetik kanji — dari mono-ruby individual hingga jukujikun yang tak bisa dipecah, beserta Ruby Playground interaktif untuk bereksperimen sendiri.

8
Contoh Dikurasi
3
Jenis Ruby
0
Sudah Dijelajahi
0
Kuis Benar

📚 Apa itu Furigana & Ruby?

Furigana (振り仮名) adalah kana kecil yang dicetak di atas (atau di samping, pada teks vertikal) kanji untuk menunjukkan cara bacanya. Istilah teknis internasionalnya adalah ruby — nama yang berasal dari ukuran huruf cetak 5,5 pt yang biasa digunakan untuk anotasi ini di tipografi Barat.

Furigana digunakan secara luas dalam buku anak-anak, manga, buku teks bahasa Jepang, berita untuk pemula, dan teks hukum di mana nama diri langka muncul. Kanji yang jarang, nama tempat, dan nama orang hampir selalu diberi furigana dalam konteks formal.

Dalam HTML modern, ruby diimplementasikan dengan elemen <ruby>, <rt> (ruby text), dan opsional <rp> (ruby parenthesis) sebagai fallback untuk browser/pembaca yang tidak mendukung ruby.

📍 Ada dua strategi penempatan ruby: mono-ruby (satu anotasi per kanji individual) dan group-ruby (satu anotasi untuk seluruh kelompok kanji). Pilihan strategi ini sangat penting untuk kata dengan jukujikun — bacaan idiomatis yang tidak bisa dipetakan ke kanji individual.

Klik kartu untuk membuka panel detail dengan contoh kata dan penjelasan

⚖️ Mono-Ruby vs Group-Ruby — Perbandingan Visual

Mengapa jukujikun harus selalu menggunakan group-ruby
✅ Mono-Ruby (per-kanji)
東(とう)京(きょう)
東京 Tōkyō — setiap kanji punya bacaan on-yomi sendiri, sehingga mono-ruby berfungsi dengan baik.
✅ Group-Ruby (jukujikun)
今日(きょう)
今日 kyō — bacaan jukujikun tidak bisa dipecah: 今 bukan "kyo" dan 日 bukan "u". Harus group-ruby.
Kenapa Ini Penting?

Dalam word processor dan mesin typesetting Jepang (InDesign, Word), pilihan mono-ruby vs group-ruby mempengaruhi bagaimana teks mengalir saat kanji diletakkan bersebelahan dengan karakter lain. Group-ruby memastikan bacaan diposisikan di tengah seluruh kelompok kanji, bukan terpisah di atas masing-masing kanji.

Untuk kata jukujikun seperti 今日 (kyō), penerapan mono-ruby yang salah akan menghasilkan "kyo" di atas 今 dan "u" di atas 日 — yang keduanya bukan bacaan kanji tersebut secara individual, sehingga menyesatkan pembaca.

🎮 Ruby Playground — Ketik & Lihat Live

Tulis teks dengan notasi singkat, lihat ruby HTML semantik secara langsung
Format: kanji diikuti bacaan dalam kurung — contoh: 漢字(かんじ) atau 今日(きょう). Teks biasa tanpa kurung akan ditampilkan apa adanya.
Pratinjau langsung di bawah:
Kode HTML yang Dihasilkan

        

      

    


    
    

      

        
🎨 CSS ruby-position & ruby-align

        Properti CSS modern untuk mengontrol posisi furigana
      

      

        

          
ruby-position: over (default)

          

            先生(せんせい)
          

          
Anotasi di atas kanji — standar untuk teks horizontal

        

        

          
ruby-position: under

          

            先生(せんせい)
          

          
Anotasi di bawah — umum dalam teks tategaki (vertikal) & beberapa buku Jepang modern

        

      

      

        
Tentang ruby-position: under

        
Properti ruby-position: under menempatkan anotasi di bawah teks dasar. Ini digunakan dalam teks tategaki (vertikal) di mana "atas" secara logis adalah sisi kanan, sehingga "bawah" berarti sisi kiri — persis posisi furigana dalam buku teks Jepang berbasis vertikal.

        
Lihat juga modul Tategaki & Penulisan Vertikal di situs ini untuk konteks lengkap penggunaan ruby dalam teks vertikal.

        

          
ruby-positionPosisi anotasi (over/under)

          
ruby-alignPerataan teks ruby (start/center/space-between/space-around)

          
ruby-overhangApakah ruby boleh keluar batas base text

        

      

    


    
    

      

        
📋 Inventaris Lengkap Elemen HTML Ruby & Karakter Terkait

        Semua elemen markup dan codepoint Unicode yang relevan dengan furigana & ruby
      

      

        

          

            
              

                Karakter / Elemen
                Codepoint / Tag
                Nama Resmi Unicode / HTML
                Blok Unicode
                Keterangan
              

            
            
          

        

      

    


    
    

      

        
🎯 Kuis: Furigana & Ruby

        Uji pemahaman tentang jukujikun, mono-ruby, group-ruby, dan ruby-position