Kamu suka baca manga atau nonton anime? Kalau iya, pasti kamu sudah nggak asing nih dengan abjad Jepang satu ini. Yuk, pelajari tentang huruf Hiragana dan Katakana dalam bahasa Jepang! Mina-san~ mari merapat!
—
Siapa di sini yang suka dengan berbagai kebudayaan dari negeri Sakura alias Jepang? Berbagai culture dari Jepang, seperti manga, anime, series, musik, hingga makanan khasnya pun telah banyak memasuki Indonesia sejak zaman dahulu.
Masuknya kebudayaan Jepang ke Indonesia ini, membuat banyak sekali warga Indonesia yang tertarik untuk mempelajarinya, tidak terkecuali bahasanya. Banyak juga orang-orang yang bercita-cita ingin berkuliah di Jepang untuk bisa merasakan secara langsung kebudayaan di negara tersebut.
Jika kamu termasuk salah satu penggemar budaya Jepang yang ingin berkuliah di sana, tentunya kamu harus belajar bahasa Jepang, dong! Nah, bahasa Jepang sendiri terdiri atas tiga jenis huruf atau aksara, yaitu Hiragana, Katakana, dan Kanji. Wah, banyak juga, ya!
Hmm, tapi apa sih bedanya antara huruf Hiragana, Katakana, dan Kanji itu?
Hiragana dan Katakana merupakan simbol fonetik, sehingga setiap hurufnya mewakili penyebutan satu suku kata. Sedangkan Kanji merupakan ideogram yang dipakai untuk menggambarkan satu makna.
Nah, dalam artikel ini, kita akan fokus membahas huruf Hiragana dan huruf Katakana terlebih dahulu, ya. Huruf Kanji-nya nanti kalau rame lanjut part 2. Hehe. Komen dulu dong di bawah, ya nggak?
Baca Juga: Seluk Beluk Jurusan Sastra Jepang dan Prospek Kerjanya
Apa itu Huruf Hiragana?
Huruf Hiragana adalah bentuk penyederhanaan dari huruf Kanji yang berasal dari Tiongkok. Huruf Hiragana dan Katakana diciptakan di zaman Nara (710 – 784 M) hingga zaman Heian (794 – 1185 M).
Pada awal perkembangannya, huruf Hiragana tidak langsung bisa diterima oleh masyarakat Jepang, loh. Terutama kaum elit Jepang yang menolak menggunakan huruf Hiragana, dan hanya mau menggunakan huruf Kanji saja.
Tapi, karena pada masa itu kaum perempuan di Jepang tidak diperkenankan untuk mempelajari huruf Kanji, maka kaum perempuan beralih untuk mempelajari huruf Hiragana. Hal itulah yang membuat huruf Hiragana menjadi populer dan dikenal sebagai Onnade, yang berarti huruf wanita.
Ciri-Ciri Huruf Hiragana
Karena pada zaman dahulu huruf Hiragana banyak digunakan oleh perempuan Jepang, maka bentuk tulisannya lebih halus. Huruf Hiragana terbentuk dari banyak garis lengkung. Itulah yang menjadi ciri khas huruf Hiragana.
Penggunaan Huruf Hiragana
Huruf Hiragana digunakan untuk menulis kosakata asli bahasa Jepang. Selain itu, huruf ini juga biasa digunakan untuk menulis partikel dalam kalimat, furigana (cara baca Kanji), okurigana (karakter yang mengiringi Kanji), hingga honorifik, yakni ungkapan penghormatan untuk menyapa orang tertentu.
Tabel Huruf Hiragana
Huruf Hiragana berjumlah 46 macam dan memiliki beberapa variasi bunyi. Huruf Hiragana juga terbagi menjadi huruf Hiragana Dasar dan huruf Hiragana Turunan. Untuk lebih jelasnya, kamu bisa perhatikan tabel berikut ini:
Baca Juga: Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya
A. Tabel Huruf Hiragana Dasar
A =
あ
I =
い
U =
う
E =
え
O =
お
Ka =
か
Ki =
き
Ku =
く
Ke =
け
Ko =
こ
Sa =
さ
Shi =
し
Su =
す
Se =
せ
So =
そ
Ta =
た
Chi =
ち
Tsu =
つ
Te =
て
To =
と
Na =
な
Ni =
に
Nu =
ぬ
Ne =
ね
No =
の
Ha =
は
Hi =
ひ
Fu =
ふ
He =
へ
Ho =
ほ
Ma =
ま
Mi =
み
Mu =
む
Me =
め
Mo =
も
Ya =
や
Yu =
ゆ
Yo =
よ
Ra =
ら
Ri =
り
Ru =
る
Re =
れ
Ro =
ろ
Wa =
わ
N =
ん
Wo =
を
B. Tabel Huruf Hiragana Turunan
Huruf Hiragana Turunan terdiri dari kombinasi huruf Hiragana Dasar yang ditambahkan dakuon, handakuon, dan youon.
1. Huruf Hiragana Dakuon
Menurut kanjinya, dakuon berarti suara keruh. Simbol dakuon adalah dua garis kecil (seperti tanda kutip “) di kanan atas huruf yang bentuknya menyerong dari kiri atas ke kanan bawah. Dakuon pada huruf Hiragana juga bisa disebut dengan dakuten atau tenten. Fungsinya untuk menebalkan bunyi Hiragana.
Namun, tidak semua huruf Hiragana bisa ditambahkan dakuten/tenten, ya. Beberapa huruf yang termasuk Hiragana dakuon hanya yang terdapat pada baris Ka, Sa, Ta, dan Ha saja. Bunyi hurufnya juga jadi berbeda, loh.
- Ka, Ki, Ku, Ke, Ko jika ditambah tenten berubah menjadi Ga, Gi, Gu, Ge, Go.
- Sa, Shi, Su, Se, So jika ditambah tenten berubah menjadi Za, Ji, Zu, Ze, Zo.
- Ta, Chi, Tsu, Te, To jika ditambah tenten berubah menjadi Da, Ji, Zu, De, Do.
- Ha, Hi, Fu, He, Ho jika ditambah tenten berubah menjadi Ba, Bi, Bu, Be, Bo.
Ga =
が
Gi =
ぎ
Gu =
ぐ
Ge =
げ
Go =
ご
Za =
ざ
Ji =
じ
Zu =
ず
Ze =
ぜ
Zo =
ぞ
Da =
だ
Ji =
ぢ
Zu =
づ
De =
で
Do =
ど
Ba =
ば
Bi =
び
Bu =
ぶ
Be =
べ
Bo =
ぼ
2. Huruf Hiragana Handakuon
Menurut kanjinya, handakuon berarti suara setengah keruh. Simbol handakuon adalah lingkaran kecil (seperti tanda derajat °) di kanan atas huruf. Handakuon pada huruf Hiragana juga bisa disebut dengan handakuten atau maru.
Sama seperti Hiragana dakuon, tidak semua huruf Hiragana Dasar bisa ditambahkan handakuten/maru, ya. Hanya lima huruf yang termasuk Hiragana handakuon, yaitu Ha, Hi, Fu, He, Ho. Secara berurut, bunyi hurufnya berubah menjadi Pa, Pi, Pu, Pe, Po.
Pa =
ぱ
Pi =
ぴ
Pu =
ぷ
Pe =
ぺ
Po =
ぽ
3. Huruf Hiragana Youon
Hiragana youon adalah huruf Hiragana Dasar pada kolom I, yang diberi tambahan Hiragana Ya (ゃ), Yu (ゅ), Yo (ょ) yang ditulis kecil. Bunyi Hiragana youon terdengar seperti mendayu-dayu. Contohnya:
- Ki jika ditambah Ya (ゃ) kecil berubah menjadi Kya.
- Ki jika ditambah Yu (ゅ) kecil berubah menjadi Kyu.
- Ki jika ditambah Yo (ょ) kecil berubah menjadi Kyo.
Kya =
きゃ
Kyu =
きゅ
Kyo =
きょ
Sha =
しゃ
Shu =
しゅ
Sho =
しょ
Cha =
ちゃ
Chu =
ちゅ
Cho =
ちょ
Nya =
にゃ
Nyu =
にゅ
Nyo =
にょ
Hya =
ひゃ
Hyu =
ひゅ
Hyo =
ひょ
Mya =
みゃ
Myu =
みゅ
Myo =
みょ
Rya =
りゃ
Ryu =
りゅ
Ryo =
りょ
Gya =
ぎゃ
Gyu =
ぎゅ
Gyo =
ぎょ
Ja =
じゃ
Ju =
じゅ
Jo =
じょ
Ja =
ぢゃ
Ju =
ぢゅ
Jo =
ぢょ
Bya =
びゃ
Byu =
びゅ
Byo =
びょ
Pya =
ぴゃ
Pyu =
ぴゅ
Pyo =
ぴょ
4. Huruf Hiragana Sukuon
Hiragana sukuon ditandai dengan penambahan huruf Tsu (っ) kecil di depan huruf konsonan (k, t, p, c, s, dst). Fungsinya, untuk menggandakan huruf konsonan tersebut. Contoh:
- きて (kite) jika ditambah Tsu (っ) kecil di depan huruf K, berubah menjadi きって (kitte) yang artinya perangko.
- がこう (gakou) jika ditambah Tsu (っ) kecil di depan huruf K, berubah menjadi がっこう (gakkou) yang artinya sekolah.
5. Huruf Hiragana Chouon
Menurut kanjinya, chouon artinya bunyi panjang. Hiragana chouon ditandai dengan penambahan huruf vokal Hiragana (a, i, u, e, o) di belakang huruf konsonan yang memiliki akhiran sama dengan huruf vokal tersebut. Aturan penggunaan chouon pada huruf Hiragana, yakni:
- Huruf konsonan yang berakhiran -a ditambahkan huruf vokal (a), dibaca panjang aa. Contoh: おかあさん dibaca okaasan (ibu).
- Huruf konsonan yang berakhiran -i ditambahkan huruf vokal (i), dibaca panjang ii. Contoh: おじいさん dibaca ojiisan (kakek).
- Huruf konsonan yang berakhiran -u ditambahkan huruf vokal (u), dibaca panjang uu. Contoh: ぎゅうにゅう dibaca gyuunyuu (susu sapi).
- Huruf konsonan yang berakhiran -e ditambahkan huruf vokal (e), dibaca panjang ee. Contoh: おねえさん dibaca oneesan (kakak perempuan).
- Huruf konsonan yang berakhiran -o ditambahkan huruf vokal (o), dibaca panjang oo. Contoh: べんきょう dibaca benkyoo (belajar).
Fyuuh, banyak juga ya ternyata huruf Hiragana ini :’))). Sampai sini, semoga kamu paham ya. Sekarang, ambil minum dan snack-nya, kita lanjut ke macam-macam huruf Katakana!
Baca Juga: Macam-Macam Huruf Korea (Hangul), Pelafalan, Cara Membaca & Menulisnya
Apa itu Huruf Katakana?
Huruf Katakana adalah huruf Jepang yang biasa digunakan untuk menulis kata serapan dari bahasa asing (gairaigo). Menurut sejarahnya, huruf Katakana mulai dikembangkan pada awal zaman Heinan, dengan mengambil bagian dari huruf Kanji. Maka dari itu, huruf ini disebut dengan Katakana (Kata = pecahan atau bagian).
Ciri-Ciri Huruf Katakana
Ciri khas huruf Katakana terletak pada guratannya yang pendek, lurus, dan memiliki sudut yang tajam. Berbeda dengan huruf Hiraganan yang cenderung halus karena banyak lengkungan.
Penggunaan Huruf Katakana
Selain untuk menuliskan kata-kata serapan dari bahasa asing ke bahasa Jepang, huruf Katakana digunakan untuk menulis nama negara asing, nama tempat/kota di negara asing, nama orang asing, kata penekanan layaknya penggunaan huruf kapital dalam penulisan huruf Romawi, onomatopoeia atau kata yang menirukan bunyi/perasaan, dan kata-kata yang sifatnya ilmiah.
Tabel Huruf Katakana
Huruf Katakana berjumlah 48 macam karakter, yang terdiri dari 5 huruf vokal tunggal, 42 huruf gabungan konsonan-vokal, dan 1 huruf konsonan tunggal. Untuk lebih jelasnya, kamu bisa perhatikan tabel berikut ini:
Baca Juga: 50 Kosakata Bahasa Indonesia yang Bermakna Indah & Jarang Diketahui
A. Tabel Huruf Katakana Dasar
Huruf Katakana Dasar memiliki bunyi pelafalan yang sama dengan huruf Hiragana Dasar, namun bedanya terletak pada bentuk penulisan hurufnya saja.
A =
ア
I =
イ
U =
ウ
E =
エ
O =
オ
Ka =
カ
Ki =
キ
Ku =
ク
Ke =
ケ
Ko =
コ
Sa =
サ
Shi =
シ
Su =
ス
Se =
セ
So =
ソ
Ta =
タ
Chi =
チ
Tsu =
ツ
Te =
テ
To =
ト
Na =
ナ
Ni =
ニ
Nu =
ヌ
Ne =
ネ
No =
ノ
Ha =
ハ
Hi =
ヒ
Fu =
フ
He =
ヘ
Ho =
ホ
Ma =
マ
Mi =
ミ
Mu =
ム
Me =
メ
Mo =
モ
Ya =
ヤ
Yu =
ユ
Yo =
ヨ
Ra =
ラ
Ri =
リ
Ru =
ル
Re =
レ
Ro =
ロ
Wa =
ワ
N =
ン
Wo =
ヲ
B. Tabel Huruf Katakana Turunan
Sama seperti huruf Hiragana, huruf Katakana Turunan terdiri dari kombinasi huruf Katakana Dasar yang ditambahkan dakuon, handakuon, dan youon.
1. Huruf Katakana Dakuon (Katakana Tenten)
Ga =
ガ
Gi =
ギ
Gu =
グ
Ge =
ゲ
Go =
ゴ
Za =
ザ
Ji =
ジ
Zu =
ズ
Ze =
ゼ
Zo =
ゾ
Da =
ダ
Ji =
ヂ
Zu =
ヅ
De =
デ
Do =
ド
Ba =
バ
Bi =
ビ
Bu =
ブ
Be =
ベ
Bo =
ボ
2. Huruf Katakana Handakuon (Katakana Maru)
Pa =
パ
Pi =
ピ
Pu =
プ
Pe =
ペ
Po =
ポ
3. Huruf Katakana Youon
Kya =
キャ
Kyu =
キュ
Kyo =
キョ
Sha =
シャ
Shu =
シュ
Sho =
ショ
Cha =
チャ
Chu =
チュ
Cho =
チョ
Hya =
ヒャ
Hyu =
ヒュ
Hyo =
ヒョ
Mya =
ミャ
Myu =
ミュ
Myo =
ミョ
Rya =
リャ
Ryu =
リュ
Ryo =
リョ
Gya =
ギャ
Gyu =
ギュ
Gyo =
ギョ
Ja =
ジャ
Ju =
ジュ
Jo =
ジョ
Bya =
ビャ
Byu =
ビュ
Byo =
ビョ
Pya =
ピャ
Pyu =
ピュ
Pyo =
ピョ
4. Huruf Katakana Tambahan
Selain huruf-huruf yang telah dijabarkan di atas, terdapat juga huruf Katakana tambahan. Huruf-huruf tambahan ini biasa digunakan untuk menuliskan kata-kata serapan dari bahasa asing yang baru muncul di masa modern ini, karena tidak ter-cover dengan huruf Katakana sebelumnya akibat keterbatasan bunyi.
Kamu dapat melihat daftar huruf Katakana tambahan dalam tabel berikut:
Ye =
イェ
She =
シェ
Va =
ヴァ
Ti =
ティ
Tsa =
ツァ
Fa =
ファ
Wi =
ウィ
Je =
ジェ
Vi =
ヴィ
Tu =
テゥ
Tsi =
ツィ
Fi =
フィ
We =
ウェ
Che =
チェ
Vu =
ヴゥ
Tyu =
テュ
Tse =
ツェ
Fe =
フェ
Wo =
ウォ
Ve =
ヴェ
Di =
ディ
Tso =
ツォ
Fo =
フォ
Vo =
ヴォ
Du =
ドゥ
Fyu =
フュ
Dyu =
デュ
Perbedaan Huruf Hiragana dan Katakana
Nah, setelah memahami penjelasan di atas, pasti kamu sudah tahu dong ya, apa perbedaan antara huruf Hiragana dengan huruf Katakana. Apa hayooo?
Jadi, huruf Hiragana terbentuk dari banyak garis lengkung, sehingga tulisannya terlihat lebih halus. Sementara itu, huruf Katakana terbentuk dari garis yang bersudut tajam, sehingga terlihat lebih kaku. Perbedaan lainnya antara huruf Hiragana dan Katakana dapat kamu lihat dalam tabel berikut ini:
—
Oke, sekian penjelasan lengkap mengenai huruf Hiragana dan Katakana, mulai dari macam-macam huruf, cara membacanya, hingga perbedaan antara keduanya. Semoga dapat membantu kamu belajar bahasa Jepang dengan lebih mudah, ya!
Nah, supaya kamu bisa belajar bahasa Jepang dengan lebih cepat dan terorganisir, kamu bisa ikutan les privat bahasa Jepang bersama Ruangguru Privat, lho. Klik banner di bawah ini untuk tahu lebih lanjut!
Referensi:
https://www.nhk.or.jp/lesson/id/letters/hiragana.html (Diakses pada 25 Juni 2023)
https://wkwk-japanese.com/?p=55 (Diakses pada 20 Desember 2023)
https://www.detik.com/edu/detikpedia/d-5707711/hiragana-pengertian-huruf-contoh-dan-cara-belajar (Diakses pada 25 Juni 2023)
https://www.detik.com/bali/berita/d-6472245/daftar-huruf-katakana-lengkap-penggunaan-dan-cara-menulisnya#:~:text=Huruf%20hiragana%20merupakan%20huruf%20Jepang,yang%20diambil%20dari%20bahasa%20asing. (Diakses pada 25 Juni 2023)
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta author="viewport" content="Ruangguru Tech Team">
<title>Daftar Huruf Hiragana & Katakana, Cara Membaca, Perbedaannya</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/homepage-web/public/assets/icons/favicon.id.ico" type="image/x-icon" />
<!-- <link rel="profile" href="https://gmpg.org/xfn/11"> -->
<link rel="pingback" href="https://www.ruangguru.com/blog/xmlrpc.php">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/css/style.css">
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/jquery-3.6.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/bootstrap.min.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/main.js"></script>
<script src="https://www.ruangguru.com/blog/wp-content/themes/ruangguru/js/side-banner.js"></script>
<!-- Google Tag Manager -->
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<!-- <script>
document.querySelector('meta[name="author"]').setAttribute("content", "Ruangguru Tech Team");
</script> -->
<meta name="publisher" content="PT Ruang Raya Indonesia">
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- This site is optimized with the Yoast SEO plugin v25.9 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Hiragana dan Katakana merupakan simbol fonetik. Artikel ini menjelaskan tentang macam-macam huruf Hiragana dan Katakana, cara membaca, dan perbedaan keduanya." />
<link rel="canonical" href="https://www.ruangguru.com/blog/huruf-hiragana-katakana" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Daftar Huruf Hiragana & Katakana, Cara Membaca, Perbedaannya" />
<meta property="og:description" content="Hiragana dan Katakana merupakan simbol fonetik. Artikel ini menjelaskan tentang macam-macam huruf Hiragana dan Katakana, cara membaca, dan perbedaan keduanya." />
<meta property="og:url" content="https://www.ruangguru.com/blog/huruf-hiragana-katakana" />
<meta property="og:site_name" content="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru" />
<meta property="article:publisher" content="https://www.facebook.com/ruanggurucom/" />
<meta property="article:published_time" content="2024-06-20T02:30:08+00:00" />
<meta property="article:modified_time" content="2024-06-20T03:09:59+00:00" />
<meta name="author" content="Kenya Swawikanti" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@ruangguru" />
<meta name="twitter:site" content="@ruangguru" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Kenya Swawikanti" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="8 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana","url":"https://www.ruangguru.com/blog/huruf-hiragana-katakana","name":"Daftar Huruf Hiragana & Katakana, Cara Membaca, Perbedaannya","isPartOf":{"@id":"https://www.ruangguru.com/blog/#website"},"primaryImageOfPage":{"@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana#primaryimage"},"image":{"@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana#primaryimage"},"thumbnailUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/4e89624c-009b-49af-95e7-146a9af1b127.png","datePublished":"2024-06-20T02:30:08+00:00","dateModified":"2024-06-20T03:09:59+00:00","author":{"@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14"},"description":"Hiragana dan Katakana merupakan simbol fonetik. Artikel ini menjelaskan tentang macam-macam huruf Hiragana dan Katakana, cara membaca, dan perbedaan keduanya.","breadcrumb":{"@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.ruangguru.com/blog/huruf-hiragana-katakana"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana#primaryimage","url":"https://cdn-web.ruangguru.com/landing-pages/assets/4e89624c-009b-49af-95e7-146a9af1b127.png","contentUrl":"https://cdn-web.ruangguru.com/landing-pages/assets/4e89624c-009b-49af-95e7-146a9af1b127.png"},{"@type":"BreadcrumbList","@id":"https://www.ruangguru.com/blog/huruf-hiragana-katakana#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.ruangguru.com/blog"},{"@type":"ListItem","position":2,"name":"Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya"}]},{"@type":"WebSite","@id":"https://www.ruangguru.com/blog/#website","url":"https://www.ruangguru.com/blog/","name":"Ruangguru Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.ruangguru.com/blog/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.ruangguru.com/blog/#/schema/person/2961333999f86a82f666cdabdd06fc14","name":"Kenya Swawikanti","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.ruangguru.com/blog/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/?s=96&d=mm&r=g","caption":"Kenya Swawikanti"},"url":"https://www.ruangguru.com/blog/author/kenya-swawikanti"}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Belajar Gratis di Rumah Kapan Pun! | Blog Ruangguru » Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya Comments Feed" href="https://www.ruangguru.com/blog/huruf-hiragana-katakana/feed" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ruangguru.com\/blog\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://www.ruangguru.com/blog/wp-includes/css/dist/block-library/style.min.css?ver=6.8.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="https://api.w.org/" href="https://www.ruangguru.com/blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.ruangguru.com/blog/wp-json/wp/v2/posts/13999" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ruangguru.com/blog/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.1" />
<link rel='shortlink' href='https://www.ruangguru.com/blog/?p=13999' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fhuruf-hiragana-katakana" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.ruangguru.com/blog/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ruangguru.com%2Fblog%2Fhuruf-hiragana-katakana&format=xml" />
</head>
<body class="wp-singular post-template-default single single-post postid-13999 single-format-standard wp-theme-ruangguru">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M28L4XJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header">
<div class="container">
<nav class="navbar navbar-expand-lg header-inner">
<div style="display:flex; gap:12px;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<img alt="menu" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/beba4a70-3971-41be-9364-f9ee6857b192.svg" loading="lazy" width="30px" height="32px" />
</button>
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
</div>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchformmobile" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="20px" height="20px" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
<div class="collapse navbar-collapse dropdown-hover-all" id="navbarSupportedContent">
<div class="d-lg-none navbar-head-collapse">
<a href="https://ruangguru.com" class="header-logo">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com/static/logo-ruangguru.png" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
X
</button>
</div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="https://www.ruangguru.com/blog/">Blog</a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Konsep & Tips Pelajaran </p>
<div class="dropdown-menu" aria-labelledby="nav1">
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu0" href="https://www.ruangguru.com/blog/c/bahasa-indonesia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Indonesia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu0">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-indonesia/bahasa-indonesia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu1" href="https://www.ruangguru.com/blog/c/bahasa-inggris" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Bahasa Inggris</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu1">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/bahasa-inggris/bahasa-inggris-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu2" href="https://www.ruangguru.com/blog/c/biologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Biologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu2">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/biologi/biologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu3" href="https://www.ruangguru.com/blog/c/ekonomi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Ekonomi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu3">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ekonomi/ekonomi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu4" href="https://www.ruangguru.com/blog/c/fisika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fisika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu4">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/fisika/fisika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu5" href="https://www.ruangguru.com/blog/c/geografi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Geografi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu5">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/geografi/geografi-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu6" href="https://www.ruangguru.com/blog/c/ipa-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPA Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu6">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ipa-terpadu/ipa-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu7" href="https://www.ruangguru.com/blog/c/ips-terpadu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">IPS Terpadu</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu7">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/ips-terpadu/ips-terpadu-sd-kelas-6">Kelas 6</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu8" href="https://www.ruangguru.com/blog/c/kimia" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Kimia</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu8">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/kimia/kimia-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu9" href="https://www.ruangguru.com/blog/c/matematika" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Matematika</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu9">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-4">Kelas 4</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-5">Kelas 5</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sd-kelas-6">Kelas 6</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/matematika/matematika-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu10" href="https://www.ruangguru.com/blog/c/sejarah" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sejarah</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu10">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sejarah/sejarah-sma-kelas-12">Kelas 12</a>
</div>
</div>
<div class="dropdown dropend">
<a class="dropdown-item dropdown-toggle" id="nav1-menu11" href="https://www.ruangguru.com/blog/c/sosiologi" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sosiologi</a>
<div class="dropdown-menu" aria-labelledby="nav1-menu11">
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-7">Kelas 7</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-8">Kelas 8</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-smp-kelas-9">Kelas 9</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-10">Kelas 10</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-11">Kelas 11</a>
<a class="dropdown-item" href="https://www.ruangguru.com/blog/c/sosiologi/sosiologi-sma-kelas-12">Kelas 12</a>
</div>
</div>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Latihan Soal </p>
<div class="dropdown-menu" aria-labelledby="nav2">
<a class="dropdown-item" id="nav2-menu0" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-4">Latihan Soal Kelas 4</a>
<a class="dropdown-item" id="nav2-menu1" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-5">Latihan Soal Kelas 5</a>
<a class="dropdown-item" id="nav2-menu2" href="https://www.ruangguru.com/blog/c/latihan-soal/sd-kelas-6">Latihan Soal Kelas 6</a>
<a class="dropdown-item" id="nav2-menu3" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-7">Latihan Soal Kelas 7</a>
<a class="dropdown-item" id="nav2-menu4" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-8">Latihan Soal Kelas 8</a>
<a class="dropdown-item" id="nav2-menu5" href="https://www.ruangguru.com/blog/c/latihan-soal/smp-kelas-9">Latihan Soal Kelas 9</a>
<a class="dropdown-item" id="nav2-menu6" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-10">Latihan Soal Kelas 10</a>
<a class="dropdown-item" id="nav2-menu7" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-11">Latihan Soal Kelas 11</a>
<a class="dropdown-item" id="nav2-menu8" href="https://www.ruangguru.com/blog/c/latihan-soal/sma-kelas-12">Latihan Soal Kelas 12</a>
</div>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pojok Kampus </p>
<div class="dropdown-menu" aria-labelledby="nav3">
<a class="dropdown-item" id="nav3-menu0" href="https://www.ruangguru.com/blog/c/info-beasiswa">Info Beasiswa</a>
<a class="dropdown-item" id="nav3-menu1" href="https://www.ruangguru.com/blog/c/kampus-dan-jurusan">Kampus dan Jurusan</a>
<a class="dropdown-item" id="nav3-menu2" href="https://www.ruangguru.com/blog/c/seleksi-masuk">Seleksi Masuk</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/c/fakta-seru" id="nav4"
>
Fakta Seru </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dunia Kata </p>
<div class="dropdown-menu" aria-labelledby="nav5">
<a class="dropdown-item" id="nav5-menu0" href="https://www.ruangguru.com/blog/tag/cerpen">Cerpen</a>
<a class="dropdown-item" id="nav5-menu1" href="https://www.ruangguru.com/blog/tag/resensi-buku">Resensi Buku</a>
</div>
</li>
<li class="nav-item
">
<a class="nav-link
" href=" https://www.ruangguru.com/blog/tag/for-kids" id="nav6"
>
For Kids </a>
</li>
<li class="nav-item
dropdown dropdown-hover">
<p class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Seputar Ruangguru </p>
<div class="dropdown-menu" aria-labelledby="nav7">
<a class="dropdown-item" id="nav7-menu0" href="https://www.ruangguru.com/blog/tag/info-ruangguru">Info Ruangguru</a>
<a class="dropdown-item" id="nav7-menu1" href="https://www.ruangguru.com/blog/tag/siaran-pers">Siaran Pers</a>
<a class="dropdown-item" id="nav7-menu2" href="https://www.ruangguru.com/blog/tag/cerita-juara">Cerita Juara</a>
<a class="dropdown-item" id="nav7-menu3" href="https://www.ruangguru.com/blog/tag/seputar-guru">Seputar Guru</a>
<a class="dropdown-item" id="nav7-menu4" href="https://www.ruangguru.com/blog/tag/lifeatruangguru">Life at Ruangguru</a>
</div>
</li>
</ul>
<form class="form-inline my-2 my-lg-0" role="search" method="get" id="searchform" class="searchform" action="https://www.ruangguru.com/blog/">
<div>
<label class="screen-reader-text" for="s">Search for:</label>
<div class="input-group input-group-sm">
<span class="input-group-text" id="search-2"><img width="10" height="10" loading="lazy" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/baf38d7b-226b-4374-8b2b-e49766395871.png" alt="" /></span>
<input type="text" value="" name="s" class="form-control" placeholder="Cari artikel di sini!" aria-label="Cari artikel di sini!" aria-describedby="Cari artikel di sini!">
</div>
</div>
</form>
</div>
</nav>
<script>
(function($bs) {
const CLASS_NAME = 'has-child-dropdown-show';
$bs.Dropdown.prototype.toggle = function(_orginal) {
return function() {
document.querySelectorAll('.' + CLASS_NAME).forEach(function(e) {
e.classList.remove(CLASS_NAME);
});
let dd = this._element.closest('.dropdown').parentNode.closest('.dropdown');
for (; dd && dd !== document; dd = dd.parentNode.closest('.dropdown')) {
dd.classList.add(CLASS_NAME);
}
return _orginal.call(this);
}
}($bs.Dropdown.prototype.toggle);
document.querySelectorAll('.dropdown').forEach(function(dd) {
dd.addEventListener('hide.bs.dropdown', function(e) {
if (this.classList.contains(CLASS_NAME)) {
this.classList.remove(CLASS_NAME);
e.preventDefault();
}
e.stopPropagation(); // do not need pop in multi level mode
});
});
// for hover
document.querySelectorAll('.dropdown-hover, .dropdown-hover-all .dropdown').forEach(function(dd) {
dd.addEventListener('mouseenter', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (!toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
dd.classList.add(CLASS_NAME);
$bs.Dropdown.clearMenus(e);
}
});
dd.addEventListener('mouseleave', function(e) {
let toggle = e.target.querySelector(':scope>[data-bs-toggle="dropdown"]');
if (toggle.classList.contains('show')) {
$bs.Dropdown.getOrCreateInstance(toggle).toggle();
}
});
});
})(bootstrap);
$(document).ready(() => {
if ($(window).width() > 991) {
$("a[data-bs-toggle='dropdown']").click(function() {
window.location = $(this).attr('href');
});
}
})
</script>
</div>
</header>
<div class="main-content">
<div class="side-banner-mobile">
</div>
<div class="glider-navigation mobile">
<div role="tablist" class="dots" id="side-banner-mobile-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-mobile-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-mobile-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 post">
<div class="content">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<!-- Home Link -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog">Home</a></li>
<!-- Categories -->
<li class="breadcrumb-item"><a href="https://www.ruangguru.com/blog/c/fakta-seru">Fakta Seru</a></li> </ol>
</nav>
<h1 class="content-title">
Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya </h1>
<div class="content-meta">
<p class="content-author"><a href="https://www.ruangguru.com/blog/author/kenya-swawikanti" class="">Kenya Swawikanti</a> </p>
<p class="content-info"><span>June 20, 2024 • </span> <span>9 minutes read</span></p>
<br />
</div>
<div class="content-body">
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/4e89624c-009b-49af-95e7-146a9af1b127.png" alt="Huruf Hiragana dan Katakana" /></p>
<blockquote>
<p style="text-align: center;"><em><span style="font-weight: 300;">Kamu suka baca manga atau nonton anime? Kalau iya, pasti kamu sudah nggak asing nih dengan abjad Jepang satu ini. Yuk, pelajari tentang huruf Hiragana dan Katakana dalam bahasa Jepang! Mina-san~ mari merapat!</span></em></p>
<p style="text-align: center;">—</p>
</blockquote>
<p> </p>
<p style="text-align: justify;"><span style="font-weight: 300;">Siapa di sini yang suka dengan berbagai kebudayaan dari negeri Sakura alias Jepang? Berbagai </span><span style="font-weight: 300;"><em>culture</em> </span><span style="font-weight: 300;">dari Jepang, seperti manga, anime, </span><em><span style="font-weight: 300;">series</span></em><span style="font-weight: 300;">, musik, hingga makanan khasnya pun telah banyak memasuki Indonesia sejak zaman dahulu. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Masuknya kebudayaan Jepang ke Indonesia ini, membuat banyak sekali warga Indonesia yang tertarik untuk mempelajarinya, tidak terkecuali bahasanya. Banyak juga orang-orang yang bercita-cita ingin berkuliah di Jepang untuk bisa merasakan secara langsung kebudayaan di negara tersebut.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Jika kamu termasuk salah satu penggemar budaya Jepang yang ingin berkuliah di sana, tentunya kamu harus belajar bahasa Jepang, dong! Nah, <strong>bahasa Jepang sendiri terdiri atas tiga jenis huruf atau aksara, yaitu Hiragana, Katakana, dan Kanji</strong>. Wah, banyak juga, ya!</span></p>
<p style="text-align: justify;">Hmm, tapi apa sih bedanya antara huruf Hiragana, Katakana, dan Kanji itu?</p>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Hiragana dan Katakana merupakan simbol fonetik</strong>, sehingga setiap hurufnya mewakili penyebutan satu suku kata. Sedangkan <strong>Kanji merupakan ideogram</strong> yang dipakai untuk menggambarkan satu makna. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, dalam artikel ini, kita akan fokus membahas huruf Hiragana dan huruf Katakana terlebih dahulu, ya. Huruf Kanji-nya nanti kalau rame lanjut </span><i><span style="font-weight: 300;">part </span></i><span style="font-weight: 300;">2. Hehe. Komen dulu dong di bawah, ya nggak?</span></p>
<p style="text-align: justify;"><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/jurusan-sastra-jepang">Seluk Beluk Jurusan Sastra Jepang dan Prospek Kerjanya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;"><b>Apa itu Huruf Hiragana?</b></span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Huruf Hiragana adalah bentuk penyederhanaan dari huruf Kanji</strong> yang berasal dari Tiongkok. Huruf Hiragana dan Katakana diciptakan di zaman Nara (710 – 784 M) hingga zaman Heian (794 – 1185 M).</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Pada awal perkembangannya, huruf Hiragana tidak langsung bisa diterima oleh masyarakat Jepang, loh. Terutama kaum elit Jepang yang menolak menggunakan huruf Hiragana, dan hanya mau menggunakan huruf Kanji saja.</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Tapi, karena pada masa itu kaum perempuan di Jepang tidak diperkenankan untuk mempelajari huruf Kanji, maka kaum perempuan beralih untuk mempelajari huruf Hiragana. Hal itulah yang membuat huruf Hiragana menjadi populer dan dikenal sebagai </span><em><span style="font-weight: 300;">Onnade</span></em><span style="font-weight: 300;">, yang berarti huruf wanita.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri Huruf Hiragana</span></h2>
<p style="text-align: justify;">Karena pada zaman dahulu huruf Hiragana banyak digunakan oleh perempuan Jepang, maka bentuk tulisannya lebih halus. Huruf Hiragana <strong>terbentuk dari banyak garis lengkung</strong>. Itulah yang menjadi ciri khas huruf Hiragana.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Penggunaan Huruf Hiragana</span></h2>
<p style="text-align: justify;">Huruf Hiragana digunakan untuk <strong>menulis kosakata asli bahasa Jepang</strong>. Selain itu, huruf ini juga biasa digunakan untuk <strong>menulis partikel dalam kalimat</strong>, <strong>furigana</strong> (cara baca Kanji), <strong>okurigana</strong> (karakter yang mengiringi Kanji), hingga <strong>honorifik</strong>, yakni ungkapan penghormatan untuk menyapa orang tertentu.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Tabel Huruf Hiragana</span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;"><strong>Huruf Hiragana berjumlah 46 macam</strong> dan memiliki beberapa variasi bunyi. Huruf Hiragana juga terbagi menjadi <strong>huruf Hiragana Dasar dan huruf Hiragana Turunan</strong>. Untuk lebih jelasnya, kamu bisa perhatikan tabel berikut ini:</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/macam-macam-huruf-hijaiyah">Mengenal 30 Huruf Hijaiyah: Pengertian, Harakat, Cara Membaca & Menulisnya</a></strong></p>
<p> </p>
<h3><span style="font-size: 14pt;">A. Tabel Huruf Hiragana Dasar</span></h3>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 574px;" border="1">
<tbody>
<tr style="height: 68px;">
<td style="width: 20.0172%; text-align: center; height: 68px;"><span style="font-weight: 300;">A = <strong><span style="font-size: 18pt;">あ</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">I = <strong><span style="font-size: 18pt;">い</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">U = <strong><span style="font-size: 18pt;">う</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">E = <strong><span style="font-size: 18pt;">え</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">O = <strong><span style="font-size: 18pt;">お</span></strong></span></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ka = <strong><span style="font-size: 18pt;">か</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ki = <strong><span style="font-size: 18pt;">き</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ku = <strong><span style="font-size: 18pt;">く</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ke = <strong><span style="font-size: 18pt;">け</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ko = <strong><span style="font-size: 18pt;">こ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Sa = <strong><span style="font-size: 18pt;">さ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Shi = <strong><span style="font-size: 18pt;">し</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Su = <strong><span style="font-size: 18pt;">す</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Se = <strong><span style="font-size: 18pt;">せ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">So = <strong><span style="font-size: 18pt;">そ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ta = <strong><span style="font-size: 18pt;">た</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Chi = <strong><span style="font-size: 18pt;">ち</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Tsu = <strong><span style="font-size: 18pt;">つ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Te = <strong><span style="font-size: 18pt;">て</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">To = <strong><span style="font-size: 18pt;">と</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Na = <strong><span style="font-size: 18pt;">な</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ni = <strong><span style="font-size: 18pt;">に</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Nu = <strong><span style="font-size: 18pt;">ぬ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ne = <strong><span style="font-size: 18pt;">ね</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">No = <strong><span style="font-size: 18pt;">の</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ha = <strong><span style="font-size: 18pt;">は</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Hi = <strong><span style="font-size: 18pt;">ひ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Fu = <strong><span style="font-size: 18pt;">ふ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">He = <strong><span style="font-size: 18pt;">へ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ho = <strong><span style="font-size: 18pt;">ほ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ma = <strong><span style="font-size: 18pt;">ま</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mi = <strong><span style="font-size: 18pt;">み</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mu = <strong><span style="font-size: 18pt;">む</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Me = <strong><span style="font-size: 18pt;">め</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mo = <strong><span style="font-size: 18pt;">も</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ya = <strong><span style="font-size: 18pt;">や</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;"></td>
<td style="width: 20%; text-align: center; height: 56px;">Yu = <strong><span style="font-size: 18pt;">ゆ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;"></td>
<td style="width: 20%; text-align: center; height: 56px;">Yo = <strong><span style="font-size: 18pt;">よ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ra = <strong><span style="font-size: 18pt;">ら</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ri = <strong><span style="font-size: 18pt;">り</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ru = <strong><span style="font-size: 18pt;">る</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Re = <strong><span style="font-size: 18pt;">れ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ro = <strong><span style="font-size: 18pt;">ろ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 20.0172%; text-align: center; height: 58px;">Wa = <strong><span style="font-size: 18pt;">わ</span></strong></td>
<td style="width: 20%; text-align: center; height: 58px;"></td>
<td style="width: 20%; text-align: center; height: 58px;">N = <strong><span style="font-size: 18pt;">ん</span></strong></td>
<td style="width: 20%; text-align: center; height: 58px;"></td>
<td style="width: 20%; text-align: center; height: 58px;">Wo = <strong><span style="font-size: 18pt;">を</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h3><span style="font-size: 14pt;">B. Tabel Huruf Hiragana Turunan</span></h3>
<p style="text-align: justify;">Huruf Hiragana Turunan terdiri dari kombinasi huruf Hiragana Dasar yang ditambahkan <strong>dakuon, handakuon, dan youon</strong>.</p>
<p> </p>
<h4>1. Huruf Hiragana Dakuon</h4>
<p style="text-align: justify;">Menurut kanjinya, dakuon berarti suara keruh. Simbol <strong>dakuon adalah dua garis kecil (seperti tanda kutip “)</strong> di kanan atas huruf yang bentuknya menyerong dari kiri atas ke kanan bawah. Dakuon pada huruf Hiragana juga bisa disebut dengan dakuten atau tenten. Fungsinya untuk <strong>menebalkan bunyi Hiragana</strong>.</p>
<p style="text-align: justify;">Namun, tidak semua huruf Hiragana bisa ditambahkan dakuten/tenten, ya. Beberapa huruf yang termasuk Hiragana dakuon hanya yang terdapat pada <strong>baris Ka, Sa, Ta, dan Ha</strong> saja. Bunyi hurufnya juga jadi berbeda, loh.</p>
<ul>
<li>Ka, Ki, Ku, Ke, Ko jika ditambah tenten berubah menjadi Ga, Gi, Gu, Ge, Go.</li>
<li>Sa, Shi, Su, Se, So jika ditambah tenten berubah menjadi Za, Ji, Zu, Ze, Zo.</li>
<li>Ta, Chi, Tsu, Te, To jika ditambah tenten berubah menjadi Da, Ji, Zu, De, Do.</li>
<li>Ha, Hi, Fu, He, Ho jika ditambah tenten berubah menjadi Ba, Bi, Bu, Be, Bo.</li>
</ul>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 213px;" border="1">
<tbody>
<tr style="height: 53px;">
<td style="width: 20%; text-align: center; height: 53px;">Ga = <strong><span style="font-size: 18pt;">が</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Gi = <strong><span style="font-size: 18pt;">ぎ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Gu = <strong><span style="font-size: 18pt;">ぐ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Ge = <strong><span style="font-size: 18pt;">げ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Go = <strong><span style="font-size: 18pt;">ご</span></strong></td>
</tr>
<tr style="height: 50px;">
<td style="width: 20%; text-align: center; height: 50px;">Za = <strong><span style="font-size: 18pt;">ざ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Ji = <strong><span style="font-size: 18pt;">じ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Zu = <strong><span style="font-size: 18pt;">ず</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Ze = <strong><span style="font-size: 18pt;">ぜ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Zo = <strong><span style="font-size: 18pt;">ぞ</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Da = <strong><span style="font-size: 18pt;">だ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Ji = <strong><span style="font-size: 18pt;">ぢ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Zu = <strong><span style="font-size: 18pt;">づ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">De = <strong><span style="font-size: 18pt;">で</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Do = <strong><span style="font-size: 18pt;">ど</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Ba = <strong><span style="font-size: 18pt;">ば</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bi = <strong><span style="font-size: 18pt;">び</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bu = <strong><span style="font-size: 18pt;">ぶ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Be = <strong><span style="font-size: 18pt;">べ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bo = <strong><span style="font-size: 18pt;">ぼ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>2. Huruf Hiragana Handakuon</h4>
<p style="text-align: justify;">Menurut kanjinya, handakuon berarti suara setengah keruh. Simbol <strong>handakuon adalah lingkaran kecil (seperti tanda derajat °)</strong> di kanan atas huruf. Handakuon pada huruf Hiragana juga bisa disebut dengan handakuten atau maru.</p>
<p style="text-align: justify;">Sama seperti Hiragana dakuon, tidak semua huruf Hiragana Dasar bisa ditambahkan handakuten/maru, ya. Hanya lima huruf yang termasuk Hiragana handakuon, yaitu Ha, Hi, Fu, He, Ho. Secara berurut, bunyi hurufnya berubah menjadi Pa, Pi, Pu, Pe, Po.</p>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 55px;" border="1">
<tbody>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Pa = <strong><span style="font-size: 18pt;">ぱ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pi = <strong><span style="font-size: 18pt;">ぴ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pu = <strong><span style="font-size: 18pt;">ぷ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pe = <strong><span style="font-size: 18pt;">ぺ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Po = <strong><span style="font-size: 18pt;">ぽ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>3. Huruf Hiragana Youon</h4>
<p style="text-align: justify;">Hiragana youon adalah huruf Hiragana Dasar pada kolom I, yang <strong>diberi tambahan Hiragana Ya (ゃ), Yu (ゅ), Yo (ょ) yang ditulis kecil</strong>. Bunyi Hiragana youon terdengar seperti mendayu-dayu. Contohnya:</p>
<ul>
<li>Ki jika ditambah Ya (ゃ) kecil berubah menjadi Kya.</li>
<li>Ki jika ditambah Yu (ゅ) kecil berubah menjadi Kyu.</li>
<li>Ki jika ditambah Yo (ょ) kecil berubah menjadi Kyo.</li>
</ul>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 676px;" border="1">
<tbody>
<tr style="height: 56px;">
<td style="width: 33.3333%; text-align: center; height: 56px;">Kya = <strong><span style="font-size: 18pt;">きゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Kyu = <strong><span style="font-size: 18pt;">きゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Kyo = <strong><span style="font-size: 18pt;">きょ</span></strong></td>
</tr>
<tr style="height: 52px;">
<td style="width: 33.3333%; text-align: center; height: 52px;">Sha = <strong><span style="font-size: 18pt;">しゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Shu = <strong><span style="font-size: 18pt;">しゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Sho = <strong><span style="font-size: 18pt;">しょ</span></strong></td>
</tr>
<tr style="height: 52px;">
<td style="width: 33.3333%; text-align: center; height: 52px;">Cha = <strong><span style="font-size: 18pt;">ちゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Chu = <strong><span style="font-size: 18pt;">ちゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Cho = <strong><span style="font-size: 18pt;">ちょ</span></strong></td>
</tr>
<tr style="height: 57px;">
<td style="width: 33.3333%; text-align: center; height: 57px;">Nya = <strong><span style="font-size: 18pt;">にゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Nyu = <strong><span style="font-size: 18pt;">にゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Nyo = <strong><span style="font-size: 18pt;">にょ</span></strong></td>
</tr>
<tr style="height: 57px;">
<td style="width: 33.3333%; text-align: center; height: 57px;">Hya = <strong><span style="font-size: 18pt;">ひゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Hyu = <strong><span style="font-size: 18pt;">ひゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Hyo = <strong><span style="font-size: 18pt;">ひょ</span></strong></td>
</tr>
<tr style="height: 59px;">
<td style="width: 33.3333%; text-align: center; height: 59px;">Mya = <strong><span style="font-size: 18pt;">みゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Myu = <strong><span style="font-size: 18pt;">みゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Myo = <strong><span style="font-size: 18pt;">みょ</span></strong></td>
</tr>
<tr style="height: 59px;">
<td style="width: 33.3333%; text-align: center; height: 59px;">Rya = <strong><span style="font-size: 18pt;">りゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Ryu = <strong><span style="font-size: 18pt;">りゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Ryo = <strong><span style="font-size: 18pt;">りょ</span></strong></td>
</tr>
<tr style="height: 57px;">
<td style="width: 33.3333%; text-align: center; height: 57px;">Gya = <strong><span style="font-size: 18pt;">ぎゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Gyu = <strong><span style="font-size: 18pt;">ぎゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Gyo = <strong><span style="font-size: 18pt;">ぎょ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 33.3333%; text-align: center; height: 58px;">Ja = <strong><span style="font-size: 18pt;">じゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Ju = <strong><span style="font-size: 18pt;">じゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Jo = <strong><span style="font-size: 18pt;">じょ</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 33.3333%; text-align: center; height: 55px;">Ja = <strong><span style="font-size: 18pt;">ぢゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 55px;">Ju = <strong><span style="font-size: 18pt;">ぢゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 55px;">Jo = <strong><span style="font-size: 18pt;">ぢょ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 33.3333%; text-align: center; height: 58px;">Bya = <strong><span style="font-size: 18pt;">びゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Byu = <strong><span style="font-size: 18pt;">びゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Byo = <strong><span style="font-size: 18pt;">びょ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 33.3333%; text-align: center; height: 56px;">Pya = <strong><span style="font-size: 18pt;">ぴゃ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Pyu = <strong><span style="font-size: 18pt;">ぴゅ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Pyo = <strong><span style="font-size: 18pt;">ぴょ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>4. Huruf Hiragana Sukuon</h4>
<p style="text-align: justify;">Hiragana sukuon ditandai dengan <strong>penambahan huruf Tsu (っ) kecil di depan huruf konsonan</strong> (k, t, p, c, s, dst). Fungsinya, untuk <strong>menggandakan huruf konsonan tersebut</strong>. Contoh:</p>
<ul>
<li>きて (kite) jika ditambah Tsu (っ) kecil di depan huruf K, berubah menjadi きって (kitte) yang artinya perangko.</li>
<li>がこう (gakou) jika ditambah Tsu (っ) kecil di depan huruf K, berubah menjadi がっこう (gakkou) yang artinya sekolah.</li>
</ul>
<p> </p>
<h4>5. Huruf Hiragana Chouon</h4>
<p style="text-align: justify;">Menurut kanjinya, chouon artinya bunyi panjang. Hiragana chouon ditandai dengan <strong>penambahan huruf vokal</strong> Hiragana (a, i, u, e, o) <strong>di belakang huruf konsonan yang memiliki akhiran sama dengan huruf vokal tersebut</strong>. Aturan penggunaan chouon pada huruf Hiragana, yakni:</p>
<ul style="text-align: justify;">
<li>Huruf konsonan yang berakhiran -a ditambahkan huruf vokal (a), dibaca panjang aa. Contoh: お<strong>かあ</strong>さん dibaca okaasan (ibu).</li>
<li>Huruf konsonan yang berakhiran -i ditambahkan huruf vokal (i), dibaca panjang ii. Contoh: お<strong>じい</strong>さん dibaca ojiisan (kakek).</li>
<li>Huruf konsonan yang berakhiran -u ditambahkan huruf vokal (u), dibaca panjang uu. Contoh: <strong>ぎゅう</strong>にゅう dibaca gyuunyuu (susu sapi).</li>
<li>Huruf konsonan yang berakhiran -e ditambahkan huruf vokal (e), dibaca panjang ee. Contoh: お<strong>ねえ</strong>さん dibaca oneesan (kakak perempuan).</li>
<li>Huruf konsonan yang berakhiran -o ditambahkan huruf vokal (o), dibaca panjang oo. Contoh: べん<strong>きょう</strong> dibaca benkyoo (belajar).</li>
</ul>
<p> </p>
<p><span style="font-weight: 300;">Fyuuh, banyak juga ya ternyata huruf Hiragana ini :’))). Sampai sini, semoga kamu paham ya. Sekarang, ambil minum dan snack-nya, kita lanjut ke macam-macam huruf Katakana!</span></p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/belajar-huruf-hangul-korea">Macam-Macam Huruf Korea (Hangul), Pelafalan, Cara Membaca & Menulisnya</a></strong></p>
<p> </p>
<h2><span style="font-size: 18pt;">Apa itu Huruf Katakana?</span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Huruf Katakana adalah huruf Jepang yang biasa <strong>digunakan untuk menulis kata serapan dari bahasa asing</strong> (<em>gairaigo</em>). Menurut sejarahnya, huruf Katakana mulai dikembangkan pada awal zaman Heinan, dengan mengambil bagian dari huruf Kanji. Maka dari itu, huruf ini disebut dengan Katakana (Kata = pecahan atau bagian). </span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Ciri-Ciri Huruf Katakana</span></h2>
<p style="text-align: justify;">Ciri khas huruf Katakana terletak pada <strong>guratannya yang pendek, lurus, dan memiliki sudut yang tajam</strong>. Berbeda dengan huruf Hiraganan yang cenderung halus karena banyak lengkungan.</p>
<p> </p>
<h2><span style="font-size: 18pt;">Penggunaan Huruf Katakana</span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Selain untuk menuliskan kata-kata serapan dari bahasa asing ke bahasa Jepang, huruf Katakana digunakan untuk menulis <strong>nama negara asing, nama tempat/kota di negara asing, nama orang asing, kata penekanan</strong> layaknya penggunaan huruf kapital dalam penulisan huruf Romawi, </span><i><span style="font-weight: 300;"><strong>onomatopoeia</strong> </span></i><span style="font-weight: 300;">atau kata yang menirukan bunyi/perasaan</span><span style="font-weight: 300;">, dan <strong>kata-kata yang sifatnya ilmiah</strong>.</span></p>
<p> </p>
<h2><span style="font-size: 18pt;">Tabel Huruf Katakana</span></h2>
<p style="text-align: justify;">Huruf Katakana berjumlah <strong>48 macam karakter</strong>, yang terdiri dari 5 huruf vokal tunggal, 42 huruf gabungan konsonan-vokal, dan 1 huruf konsonan tunggal. Untuk lebih jelasnya, kamu bisa perhatikan tabel berikut ini:</p>
<p><strong>Baca Juga: <a href="https://www.ruangguru.com/blog/kosakata-bahasa-indonesia-yang-bermakna-indah">50 Kosakata Bahasa Indonesia yang Bermakna Indah & Jarang Diketahui</a></strong></p>
<p> </p>
<h3><span style="font-size: 14pt;">A. Tabel Huruf Katakana Dasar</span></h3>
<p style="text-align: justify;">Huruf Katakana Dasar memiliki bunyi pelafalan yang sama dengan huruf Hiragana Dasar, namun bedanya terletak pada bentuk penulisan hurufnya saja.</p>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 574px;" border="1">
<tbody>
<tr style="height: 68px;">
<td style="width: 20.0172%; text-align: center; height: 68px;"><span style="font-weight: 300;">A = <strong><span style="font-size: 18pt;">ア</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">I = <strong><span style="font-size: 18pt;">イ</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">U = <strong><span style="font-size: 18pt;">ウ</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">E = <strong><span style="font-size: 18pt;">エ</span></strong></span></td>
<td style="width: 20%; text-align: center; height: 68px;"><span style="font-weight: 300;">O = <strong><span style="font-size: 18pt;">オ</span></strong></span></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ka = <strong><span style="font-size: 18pt;">カ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ki = <strong><span style="font-size: 18pt;">キ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ku = <strong><span style="font-size: 18pt;">ク</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ke = <strong><span style="font-size: 18pt;">ケ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ko = <strong><span style="font-size: 18pt;">コ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Sa = <strong><span style="font-size: 18pt;">サ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Shi = <strong><span style="font-size: 18pt;">シ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Su = <strong><span style="font-size: 18pt;">ス</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Se = <strong><span style="font-size: 18pt;">セ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">So = <strong><span style="font-size: 18pt;">ソ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ta = <strong><span style="font-size: 18pt;">タ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Chi = <strong><span style="font-size: 18pt;">チ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Tsu = <strong><span style="font-size: 18pt;">ツ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Te = <strong><span style="font-size: 18pt;">テ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">To = <strong><span style="font-size: 18pt;">ト</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Na = <strong><span style="font-size: 18pt;">ナ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ni = <strong><span style="font-size: 18pt;">ニ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Nu = <strong><span style="font-size: 18pt;">ヌ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ne = <strong><span style="font-size: 18pt;">ネ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">No = <strong><span style="font-size: 18pt;">ノ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ha = <strong><span style="font-size: 18pt;">ハ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Hi = <strong><span style="font-size: 18pt;">ヒ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Fu = <strong><span style="font-size: 18pt;">フ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">He = <strong><span style="font-size: 18pt;">ヘ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ho = <strong><span style="font-size: 18pt;">ホ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ma = <strong><span style="font-size: 18pt;">マ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mi = <strong><span style="font-size: 18pt;">ミ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mu = <strong><span style="font-size: 18pt;">ム</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Me = <strong><span style="font-size: 18pt;">メ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Mo = <strong><span style="font-size: 18pt;">モ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ya = <strong><span style="font-size: 18pt;">ヤ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;"></td>
<td style="width: 20%; text-align: center; height: 56px;">Yu = <strong><span style="font-size: 18pt;">ユ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;"></td>
<td style="width: 20%; text-align: center; height: 56px;">Yo = <strong><span style="font-size: 18pt;">ヨ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 20.0172%; text-align: center; height: 56px;">Ra = <strong><span style="font-size: 18pt;">ラ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ri = <strong><span style="font-size: 18pt;">リ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ru = <strong><span style="font-size: 18pt;">ル</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Re = <strong><span style="font-size: 18pt;">レ</span></strong></td>
<td style="width: 20%; text-align: center; height: 56px;">Ro = <strong><span style="font-size: 18pt;">ロ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 20.0172%; text-align: center; height: 58px;">Wa = <strong><span style="font-size: 18pt;">ワ</span></strong></td>
<td style="width: 20%; text-align: center; height: 58px;"></td>
<td style="width: 20%; text-align: center; height: 58px;">N = <strong><span style="font-size: 18pt;">ン</span></strong></td>
<td style="width: 20%; text-align: center; height: 58px;"></td>
<td style="width: 20%; text-align: center; height: 58px;">Wo = <strong><span style="font-size: 18pt;">ヲ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h3><span style="font-size: 14pt;">B. Tabel Huruf Katakana Turunan</span></h3>
<p style="text-align: justify;">Sama seperti huruf Hiragana, huruf Katakana Turunan terdiri dari kombinasi huruf Katakana Dasar yang ditambahkan <strong>dakuon, handakuon, dan youon</strong>.</p>
<p> </p>
<h4>1. Huruf Katakana Dakuon (Katakana Tenten)</h4>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 213px;" border="1">
<tbody>
<tr style="height: 53px;">
<td style="width: 20%; text-align: center; height: 53px;">Ga = <strong><span style="font-size: 18pt;">ガ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Gi = <strong><span style="font-size: 18pt;">ギ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Gu = <strong><span style="font-size: 18pt;">グ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Ge = <strong><span style="font-size: 18pt;">ゲ</span></strong></td>
<td style="width: 20%; text-align: center; height: 53px;">Go = <strong><span style="font-size: 18pt;">ゴ</span></strong></td>
</tr>
<tr style="height: 50px;">
<td style="width: 20%; text-align: center; height: 50px;">Za = <strong><span style="font-size: 18pt;">ザ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Ji = <strong><span style="font-size: 18pt;">ジ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Zu = <strong><span style="font-size: 18pt;">ズ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Ze = <strong><span style="font-size: 18pt;">ゼ</span></strong></td>
<td style="width: 20%; text-align: center; height: 50px;">Zo = <strong><span style="font-size: 18pt;">ゾ</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Da = <strong><span style="font-size: 18pt;">ダ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Ji = <strong><span style="font-size: 18pt;">ヂ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Zu = <strong><span style="font-size: 18pt;">ヅ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">De = <strong><span style="font-size: 18pt;">デ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Do = <strong><span style="font-size: 18pt;">ド</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Ba = <strong><span style="font-size: 18pt;">バ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bi = <strong><span style="font-size: 18pt;">ビ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bu = <strong><span style="font-size: 18pt;">ブ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Be = <strong><span style="font-size: 18pt;">ベ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Bo = <strong><span style="font-size: 18pt;">ボ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>2. Huruf Katakana Handakuon (Katakana Maru)</h4>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 55px;" border="1">
<tbody>
<tr style="height: 55px;">
<td style="width: 20%; text-align: center; height: 55px;">Pa = <strong><span style="font-size: 18pt;">パ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pi = <strong><span style="font-size: 18pt;">ピ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pu = <strong><span style="font-size: 18pt;">プ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Pe = <strong><span style="font-size: 18pt;">ペ</span></strong></td>
<td style="width: 20%; text-align: center; height: 55px;">Po = <strong><span style="font-size: 18pt;">ポ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>3. Huruf Katakana Youon</h4>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 561px;" border="1">
<tbody>
<tr style="height: 56px;">
<td style="width: 33.3333%; text-align: center; height: 56px;">Kya = <strong><span style="font-size: 18pt;">キャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Kyu = <strong><span style="font-size: 18pt;">キュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Kyo = <strong><span style="font-size: 18pt;">キョ</span></strong></td>
</tr>
<tr style="height: 52px;">
<td style="width: 33.3333%; text-align: center; height: 52px;">Sha = <strong><span style="font-size: 18pt;">シャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Shu = <strong><span style="font-size: 18pt;">シュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Sho = <strong><span style="font-size: 18pt;">ショ</span></strong></td>
</tr>
<tr style="height: 52px;">
<td style="width: 33.3333%; text-align: center; height: 52px;">Cha = <strong><span style="font-size: 18pt;">チャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Chu = <strong><span style="font-size: 18pt;">チュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 52px;">Cho = <strong><span style="font-size: 18pt;">チョ</span></strong></td>
</tr>
<tr style="height: 57px;">
<td style="width: 33.3333%; text-align: center; height: 57px;">Hya = <strong><span style="font-size: 18pt;">ヒャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Hyu = <strong><span style="font-size: 18pt;">ヒュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 57px;">Hyo = <strong><span style="font-size: 18pt;">ヒョ</span></strong></td>
</tr>
<tr style="height: 59px;">
<td style="width: 33.3333%; text-align: center; height: 59px;">Mya = <strong><span style="font-size: 18pt;">ミャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Myu = <strong><span style="font-size: 18pt;">ミュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Myo = <strong><span style="font-size: 18pt;">ミョ</span></strong></td>
</tr>
<tr style="height: 59px;">
<td style="width: 33.3333%; text-align: center; height: 59px;">Rya = <strong><span style="font-size: 18pt;">リャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Ryu = <strong><span style="font-size: 18pt;">リュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 59px;">Ryo = <strong><span style="font-size: 18pt;">リョ</span></strong></td>
</tr>
<tr style="height: 54px;">
<td style="width: 33.3333%; text-align: center; height: 54px;">Gya = <strong><span style="font-size: 18pt;">ギャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 54px;">Gyu = <strong><span style="font-size: 18pt;">ギュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 54px;">Gyo = <strong><span style="font-size: 18pt;">ギョ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 33.3333%; text-align: center; height: 58px;">Ja = <strong><span style="font-size: 18pt;">ジャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Ju = <strong><span style="font-size: 18pt;">ジュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Jo = <strong><span style="font-size: 18pt;">ジョ</span></strong></td>
</tr>
<tr style="height: 58px;">
<td style="width: 33.3333%; text-align: center; height: 58px;">Bya = <strong><span style="font-size: 18pt;">ビャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Byu = <strong><span style="font-size: 18pt;">ビュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 58px;">Byo = <strong><span style="font-size: 18pt;">ビョ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 33.3333%; text-align: center; height: 56px;">Pya = <strong><span style="font-size: 18pt;">ピャ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Pyu = <strong><span style="font-size: 18pt;">ピュ</span></strong></td>
<td style="width: 33.3333%; text-align: center; height: 56px;">Pyo = <strong><span style="font-size: 18pt;">ピョ</span></strong></td>
</tr>
</tbody>
</table>
<p> </p>
<h4>4. Huruf Katakana Tambahan</h4>
<p style="text-align: justify;"><span style="font-weight: 300;">Selain huruf-huruf yang telah dijabarkan di atas, terdapat juga huruf Katakana tambahan. Huruf-huruf tambahan ini biasa digunakan untuk <strong>menuliskan kata-kata serapan dari bahasa asing</strong> yang baru muncul di masa modern ini, <strong>karena tidak ter-</strong></span><strong><i>cover </i></strong><span style="font-weight: 300;"><strong>dengan huruf Katakana sebelumnya</strong> akibat keterbatasan bunyi. </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Kamu dapat melihat daftar huruf Katakana tambahan dalam tabel berikut:</span></p>
<p> </p>
<table style="width: 100%; border-collapse: collapse; height: 334px;" border="1">
<tbody>
<tr style="height: 60px;">
<td style="width: 14.2857%; height: 60px; text-align: center;">Ye = <strong><span style="font-size: 18pt;">イェ</span></strong></td>
<td style="width: 14.2857%; height: 60px; text-align: center;">She = <strong><span style="font-size: 18pt;">シェ</span></strong></td>
<td style="width: 14.2857%; height: 60px; text-align: center;">Va = <strong><span style="font-size: 18pt;">ヴァ</span></strong></td>
<td style="width: 14.2857%; height: 60px; text-align: center;">Ti = <strong><span style="font-size: 18pt;">ティ</span></strong></td>
<td style="width: 14.2857%; height: 60px; text-align: center;">Tsa = <strong><span style="font-size: 18pt;">ツァ</span></strong></td>
<td style="width: 14.2857%; height: 60px; text-align: center;">Fa = <strong><span style="font-size: 18pt;">ファ</span></strong></td>
</tr>
<tr style="height: 56px;">
<td style="width: 14.2857%; height: 56px; text-align: center;">Wi = <strong><span style="font-size: 18pt;">ウィ</span></strong></td>
<td style="width: 14.2857%; height: 56px; text-align: center;">Je = <strong><span style="font-size: 18pt;">ジェ</span></strong></td>
<td style="width: 14.2857%; height: 56px; text-align: center;">Vi = <strong><span style="font-size: 18pt;">ヴィ</span></strong></td>
<td style="width: 14.2857%; height: 56px; text-align: center;">Tu = <strong><span style="font-size: 18pt;">テゥ</span></strong></td>
<td style="width: 14.2857%; height: 56px; text-align: center;">Tsi = <strong><span style="font-size: 18pt;">ツィ</span></strong></td>
<td style="width: 14.2857%; height: 56px; text-align: center;">Fi = <strong><span style="font-size: 18pt;">フィ</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 14.2857%; height: 55px; text-align: center;">We = <strong><span style="font-size: 18pt;">ウェ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Che = <strong><span style="font-size: 18pt;">チェ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Vu = <strong><span style="font-size: 18pt;">ヴゥ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Tyu = <strong><span style="font-size: 18pt;">テュ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Tse = <strong><span style="font-size: 18pt;">ツェ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Fe = <strong><span style="font-size: 18pt;">フェ</span></strong></td>
</tr>
<tr style="height: 55px;">
<td style="width: 14.2857%; height: 55px; text-align: center;">Wo = <strong><span style="font-size: 18pt;">ウォ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;"></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Ve = <strong><span style="font-size: 18pt;">ヴェ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Di = <strong><span style="font-size: 18pt;">ディ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Tso = <strong><span style="font-size: 18pt;">ツォ</span></strong></td>
<td style="width: 14.2857%; height: 55px; text-align: center;">Fo = <strong><span style="font-size: 18pt;">フォ</span></strong></td>
</tr>
<tr style="height: 54px;">
<td style="width: 14.2857%; height: 54px; text-align: center;"></td>
<td style="width: 14.2857%; height: 54px; text-align: center;"></td>
<td style="width: 14.2857%; height: 54px; text-align: center;">Vo = <strong><span style="font-size: 18pt;">ヴォ</span></strong></td>
<td style="width: 14.2857%; height: 54px; text-align: center;">Du = <strong><span style="font-size: 18pt;">ドゥ</span></strong></td>
<td style="width: 14.2857%; height: 54px; text-align: center;"></td>
<td style="width: 14.2857%; height: 54px; text-align: center;">Fyu = <strong><span style="font-size: 18pt;">フュ</span></strong></td>
</tr>
<tr style="height: 54px;">
<td style="width: 14.2857%; text-align: center; height: 54px;"></td>
<td style="width: 14.2857%; text-align: center; height: 54px;"></td>
<td style="width: 14.2857%; text-align: center; height: 54px;"></td>
<td style="width: 14.2857%; text-align: center; height: 54px;">Dyu = <strong><span style="font-size: 18pt;">デュ</span></strong></td>
<td style="width: 14.2857%; text-align: center; height: 54px;"></td>
<td style="width: 14.2857%; text-align: center; height: 54px;"></td>
</tr>
</tbody>
</table>
<p> </p>
<h2><span style="font-size: 18pt;">Perbedaan Huruf Hiragana dan Katakana</span></h2>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, setelah memahami penjelasan di atas, pasti kamu sudah tahu dong ya, apa perbedaan antara huruf Hiragana dengan huruf Katakana. Apa hayooo?</span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Jadi, <strong>huruf Hiragana</strong> terbentuk dari <strong>banyak garis lengkung,</strong> sehingga tulisannya <strong>terlihat lebih halus</strong>. Sementara itu, <strong>huruf Katakana</strong> terbentuk dari <strong>garis yang bersudut tajam,</strong> sehingga <strong>terlihat lebih kaku</strong>. Perbedaan lainnya antara huruf Hiragana dan Katakana dapat kamu lihat dalam tabel berikut ini:</span></p>
<p><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/1f236174-8377-43b0-9d82-517eade72f57.png" alt="Perbedaan Huruf Hiragana dan Katakana" /></p>
<p style="text-align: center;">—</p>
<p style="text-align: justify;"><span style="font-weight: 300;">Oke, sekian penjelasan lengkap mengenai <strong>huruf Hiragana dan Katakana</strong>, mulai dari macam-macam huruf, cara membacanya, hingga perbedaan antara keduanya. Semoga dapat membantu kamu belajar bahasa Jepang dengan lebih mudah, ya! </span></p>
<p style="text-align: justify;"><span style="font-weight: 300;">Nah, supaya kamu bisa belajar bahasa Jepang dengan lebih cepat dan terorganisir, kamu bisa ikutan <strong><a href="https://www.ruangguru.com/privat/pendaftaran?mapel=bahasa-jepang&kelas=Umum" target="_blank" rel="noopener">les privat bahasa Jepang bersama Ruangguru Privat</a></strong>, lho. Klik </span><span style="font-weight: 300;"><em>banner</em> </span><span style="font-weight: 300;">di bawah ini untuk tahu lebih lanjut!</span></p>
<p style="text-align: justify;"><a href="https://www.ruangguru.com/privat"><img decoding="async" class="aligncenter size-medium" src="https://cdn-web.ruangguru.com/landing-pages/assets/b226d258-5865-4c56-866d-85b5ae17c36b.jpeg" alt="Ruangguru Privat" /></a></p>
<p><strong>Referensi:</strong></p>
<p><span style="font-weight: 300;">https://www.nhk.or.jp/lesson/id/letters/hiragana.html (Diakses pada 25 Juni 2023)</span></p>
<p>https://wkwk-japanese.com/?p=55 (Diakses pada 20 Desember 2023)</p>
<p><span style="font-weight: 300;">https://www.detik.com/edu/detikpedia/d-5707711/hiragana-pengertian-huruf-contoh-dan-cara-belajar (Diakses pada 25 Juni 2023)</span></p>
<p><span style="font-weight: 300;">https://www.detik.com/bali/berita/d-6472245/daftar-huruf-katakana-lengkap-penggunaan-dan-cara-menulisnya#:~:text=Huruf%20hiragana%20merupakan%20huruf%20Jepang,yang%20diambil%20dari%20bahasa%20asing. (Diakses pada 25 Juni 2023)</span></p>
</div>
<div class="content-meta-tags">
<a href="https://www.ruangguru.com/blog/tag/fakta-seru" rel="tag">Fakta Seru</a> </div>
</div>
<div class="author-post">
<img loading="lazy" class="author-avatar" width="64px" height="64px" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/5196bc4b-168b-4b6f-8c46-cb076ca8b451.png">
<div>
<h5 class="author-title">Kenya Swawikanti</h5>
<p class="author-description"></p>
</div>
</div> <div class="share-post">
<p>Bagikan artikel ini:</p>
<ul class="socmed">
<li>
<a target="_blank" href="https://api.whatsapp.com/send?phone=&text=Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya%0D%0A%0D%0Ahttps://www.ruangguru.com/blog/huruf-hiragana-katakana"><img src="https://cdn-web-2.ruangguru.com/static/whatsapp.png" loading="lazy" alt="Logo Whatsapp " /></a>
</li>
<li>
<a target="_blank" href="https://www.facebook.com/share.php?u=https://www.ruangguru.com/blog/huruf-hiragana-katakana&quote=Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya"> <img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook " /> </a>
</li>
<li>
<a target="_blank" href="https://twitter.com/intent/tweet?text=Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya&url=https://www.ruangguru.com/blog/huruf-hiragana-katakana"> <img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading="lazy" alt="Logo Twitter " /> </a>
</li>
<li>
<a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.ruangguru.com/blog/huruf-hiragana-katakana&title=Daftar Huruf Hiragana dan Katakana, Cara Membaca, Perbedaannya"><img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading="lazy" alt="Logo LinkedIn " /></a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 sticky">
<aside id="sidebar">
<div class="side-banner-desktop">
</div>
<div class="glider-navigation desktop">
<div role="tablist" class="dots" id="side-banner-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="side-banner-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="side-banner-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
<h2 style="font-size: 24px; font-weight: bold; margin-bottom: 16px;margin-top: 16px;">Artikel Terbaru</h2>
<ul>
<li>
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" alt="Pergerakan Nasional" class="external-img wp-post-image " /> <span>Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" alt="Runtuhnya Uni Soviet" class="external-img wp-post-image " /> <span>Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" class="external-img wp-post-image " /> <span>Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/9-lembaga-dan-pelaku-pasar-modal-di-indonesia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/279825ac-672b-43f9-b66e-a1c7ec87f784.png" alt="Pelaku Pasar Modal di Indonesia" class="external-img wp-post-image " /> <span>9 Lembaga dan Pelaku Pasar Modal di Indonesia | Ekonomi Kelas 10</span>
</a>
</li>
<li>
<a href="https://www.ruangguru.com/blog/peristiwa-kontemporer-dunia-perpecahan-cekoslovakia">
<img loading="lazy" src="https://cdn-web-2.ruangguru.com//landing-pages/assets/2a1a35c0-f1f5-45d4-8869-ff5083bd90e5.png" alt="Perpecahan Cekoslowakia" class="external-img wp-post-image " /> <span>Latar Belakang Perpecahan Cekoslowakia dan Penyebabnya | Sejarah Kelas 12</span>
</a>
</li>
</ul>
</aside>
</div>
</div>
<div class="row">
<div class="col-12">
<section class="related-posts">
<h2 class="page-title">
Artikel Lainnya
</h2>
<div class="content-grid">
<div class="content">
<a href="https://www.ruangguru.com/blog/pergerakan-nasional-indonesia">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/dd9f819a-e3e7-4992-b8c7-3ce436bb27f8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Pergerakan Nasional Indonesia: Pengertian, Tujuan & Penyebabnya | Sejarah Kelas 11 </h2>
<div class="content-meta">
<span>March 6, 2026</span> <span>• 8 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/runtuhnya-uni-soviet">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/b9f1448f-d581-42c3-bf06-6300fdbcd7c8.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Sejarah Runtuhnya Uni Soviet, Penyebab, dan Dampaknya | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span></span> <span>• 11 minutes read</span>
</div>
</div>
</a>
</div>
<div class="content">
<a href="https://www.ruangguru.com/blog/konflik-palestina-israel">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png?height=320" type="image/png">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/724ad604-4b78-4c7c-9d4b-627165954c4a.png" loading="lazy" alt="" />
</picture>
<div>
<h2 class="content-title">
Latar Belakang Terjadinya Konflik Palestina dengan Israel | Sejarah Kelas 12 </h2>
<div class="content-meta">
<span>March 5, 2026</span> <span>• 5 minutes read</span>
</div>
</div>
</a>
</div>
</div>
</section> </div>
</div>
<div class="banner-product-wrapper">
<a href="https://cta.ruangguru.com/7c02db90-610d-11ee-80fe-4201ac180089" target="_blank" class="alert alert-dismissible fade show banner-product" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<!-- <p>Yuk pilih kelas dan materi belajar kamu di sini</p>
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0e292531-9ee1-4eed-92f5-b5c053eea4c2.svg" width="42px" height="42px" class="arrow-right"> -->
<img class="image-floating-bottom" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d19eb9b6-999d-4b92-87c6-c4fb32000d73.png?convert=web" />
</a>
</div>
</div>
</div>
<script>
function sleep(ms) {
return new Promise((resolve) => setTimeout(resolve, ms));
}
async function replaceCtaMarkupAsync() {
await sleep(2000);
alert("replace")
const contentBody = document.querySelector('.content-body');
const paragraphs = contentBody.querySelectorAll('p');
const regexPattern = /{{cta\(['"](.+?)['"]\)}}/g;
paragraphs.forEach((paragraph) => {
const originalHTML = paragraph.innerHTML;
let modifiedHTML = '';
let lastIndex = 0;
for (const match of originalHTML.matchAll(regexPattern)) {
const ctaId = match[1];
modifiedHTML += originalHTML.slice(lastIndex, match.index) + `<b>${ctaId}</b>`;
lastIndex = match.index + match[0].length;
}
modifiedHTML += originalHTML.slice(lastIndex);
paragraph.innerHTML = modifiedHTML;
});
document.addEventListener("DOMContentLoaded", () => {
replaceCtaMarkupAsync();
});
}
</script>
<div class="modal fade" id="popupPromo" tabindex="-1" aria-labelledby="popupPromoLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-content">
<div class="button-wrapper">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="glider-contain">
<div class="glider">
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/4680961a-4e01-4169-8ff4-da0823d0da6c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/ab-web-pop-up-banner-blog-rg-1">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rasionalisasi-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/0ec15e92-707a-4660-8134-11f1c1e539a8.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-snbt-reg-2026-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-blog-to-snbt-prem">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/to-prem-tka-sd-smp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/e6888a56-1d95-4d8a-b87a-b19b8a185651.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/rgp-popup-blog-rg">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/851003e6-07b5-40d1-9068-f9b0bcb1625a.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/25f78174-4fc2-11ef-9a39-4201ac180089">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/kitab-tka-smp-popup-blog">
<img src="https://cdn-web-2.ruangguru.com//landing-pages/assets/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitab-utbk-snbt-lite">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png" />
</a>
<a class="" target="_blank" href="https://cta.ruangguru.com/pop-rg-kitablitetkasmp">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/50097055-1862-46a8-bbe0-fa5b077f88bb.png" />
</a>
</div>
<div class="glider-navigation">
<div role="tablist" class="dots" id="popup-promo-dots"></div>
<div class="glider-button-navigation">
<button aria-label="Previous" class="glider-prev" id="popup-promo-prev"><img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/412de767-9fab-4a4e-9a21-09b7ac9c5f96.png"></button>
<button aria-label="Next" class="glider-next" id="popup-promo-next">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/754b0134-4f20-4cdd-af8c-d5918044d734.png">
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var jsonString = '[{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":696,"UpdatedAt":"2026-02-25 02:12:12+00:00","campaign":null,"cta":[{"Id":31467,"ctaId":"ab-web-pop-up-banner-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b9b5f501-be14-4e3f-9ad8-a87e17ec16e9.png","name":"[AB] Web Pop Up Banner - Blog RG","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/4680961a-4e01-4169-8ff4-da0823d0da6c.png","name":"[RG] Popup Banner Blog - Promo SNBT Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":1,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-07-25 01:01:27+00:00","Id":705,"UpdatedAt":"2026-02-23 10:52:46+00:00","campaign":null,"cta":[{"Id":33341,"ctaId":"ab-web-pop-up-banner-blog-rg-1","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/ab-web-pop-up-banner-blog-rg-1)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f30c4943-4456-4a96-858b-fe065c9073ae.png","name":"[AB] Web Pop Up Banner - Blog RG 1","targetUrl":"https:\/\/bayar.ruangguru.com\/?utm-source=ab-web-pop-up-banner-blog-rg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/e0ebb0c9-e368-4524-9241-dbaf73cafccd.png","name":"[RG] Popup Banner Blog - Promo TKA Ramadan","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":2,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":657,"UpdatedAt":"2026-02-06 03:52:10+00:00","campaign":null,"cta":[{"Id":33189,"ctaId":"rasionalisasi-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rasionalisasi-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog - Rasionalisasi","targetUrl":"https:\/\/www.ruangguru.com\/rasionalisasi"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/0ec15e92-707a-4660-8134-11f1c1e539a8.png","name":"[RG] Pop Up Blog RG - Rasionalisasi","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":3,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":677,"UpdatedAt":"2026-02-12 02:22:12+00:00","campaign":null,"cta":[{"Id":33305,"ctaId":"to-snbt-reg-2026-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-snbt-reg-2026-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[IDN] CTA Popup Blog RG - Tryout SNBT Regular 2026","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKREG7"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/b95e02b2-28a4-4c24-a6db-930ecddef2fa.jpg","name":"[RG] Popup Blog RG - Tryout Regular 2026","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":4,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2026-02-05 10:16:52+00:00","Id":689,"UpdatedAt":"2026-03-05 02:41:12+00:00","campaign":null,"cta":[{"Id":33338,"ctaId":"pop-blog-to-snbt-prem","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-blog-to-snbt-prem)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Popup Blog - TO SNBT Prem","targetUrl":"https:\/\/link.ruangguru.com\/blPk\/TOUTBKPREM"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/1b8558a2-ad51-4144-b30c-01a3231a22da.jpg","name":"[RG] Pop blog - TO SNBT Prem","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":5,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-12-07 09:26:39+00:00","Id":679,"UpdatedAt":"2026-03-04 03:44:16+00:00","campaign":null,"cta":[{"Id":33304,"ctaId":"to-prem-tka-sd-smp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/to-prem-tka-sd-smp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/1bf472e1-62f4-4aa9-ab8c-4fa72a82dd7b.png","name":"[RG] Pop Up Blog RG - TO Premium TKA SD SMP","targetUrl":"https:\/\/s.id\/TOTKAPREMSDSMP"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/e6888a56-1d95-4d8a-b87a-b19b8a185651.png","name":"[RG] Popup Blog RG - TO TKA Premium SD SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":6,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-08-25 04:25:04+00:00","Id":672,"UpdatedAt":"2026-02-06 03:52:17+00:00","campaign":null,"cta":[{"Id":33285,"ctaId":"rgp-popup-blog-rg","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/rgp-popup-blog-rg)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","targetUrl":"https:\/\/www.ruangguru.com\/privat"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/851003e6-07b5-40d1-9068-f9b0bcb1625a.png","name":"[RG] Pop Up Blog - RGP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":7,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":379,"UpdatedAt":"2026-03-06 01:54:52+00:00","campaign":null,"cta":[{"Id":31356,"ctaId":"25f78174-4fc2-11ef-9a39-4201ac180089","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/25f78174-4fc2-11ef-9a39-4201ac180089)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f60bc49c-c00f-4a5e-80a2-2552fa18ae21.jpg","name":"CTA Blog RG - Kitab UTBK SNBT","targetUrl":"https:\/\/bit.ly\/orderkitabrg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/cbe7b869-fbe2-4497-8a1e-42344df5b137.jpg","name":"[RG] Pop Up Blog RG - Kitab UTBK SNBT","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":8,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2023-08-16 13:35:02+00:00","Id":587,"UpdatedAt":"2026-03-06 01:55:00+00:00","campaign":null,"cta":[{"Id":33020,"ctaId":"kitab-tka-smp-popup-blog","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/kitab-tka-smp-popup-blog)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/9ea9eca7-9ef7-433c-baad-14bc1019f890.jpg","name":"[RG] Pop up blog - Kitab TKA SMP","targetUrl":"https:\/\/bit.ly\/kitabtkasmprg"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/\/landing-pages\/assets\/eb41ad00-e4dc-46f5-b9f6-721266fc371e.jpg","name":"[RG] Pop Up Blog RG - Kitab TKA SMP","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":9,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-12 10:28:45+00:00","Id":636,"UpdatedAt":"2026-02-06 03:52:20+00:00","campaign":null,"cta":[{"Id":33149,"ctaId":"pop-rg-kitab-utbk-snbt-lite","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitab-utbk-snbt-lite)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/8d6f8639-cfff-4d64-89ea-f68bfe7a868c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","targetUrl":"https:\/\/s.id\/litesnbt26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/f7908ac1-3b0b-492c-bf87-dcea2b20b87c.png","name":"[RG] Pop blog - Kitab utbk snbt lite","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":10,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"},{"CreatedAt":"2025-11-14 08:09:42+00:00","Id":647,"UpdatedAt":"2026-02-06 03:52:21+00:00","campaign":null,"cta":[{"Id":33160,"ctaId":"pop-rg-kitablitetkasmp","ctaLink":"URI::(https:\/\/cta.ruangguru.com\/pop-rg-kitablitetkasmp)","imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/20edba9b-ef84-4938-b698-4a82783478a5.png","name":"[RG] Pop blog - kitab lite tka smp","targetUrl":"https:\/\/s.id\/litetkasmp26"}],"endDate":null,"hide":0,"imageUrl":"https:\/\/cdn-web-2.ruangguru.com\/landing-pages\/assets\/50097055-1862-46a8-bbe0-fa5b077f88bb.png","name":"[RG] Pop blog - kitab lite tka smp","nc_v5ij___rg_campaign_id":null,"nc_v5ij___rg_product_id":41,"product":"ruangguru","rankPosition":11,"rg_campaign":null,"rg_product":{"Id":41,"name":"ruangguru"},"showIn":"blog","startDate":null,"type":"popup"}]';
var jsArray = JSON.parse(jsonString);
console.log(jsArray);
</script>
<script>
let windowHeight = window.innerHeight;
let promosLength = 11;
document.addEventListener('DOMContentLoaded', function() {
// Initialize Bootstrap Modal
let popupPromo = new bootstrap.Modal(document.getElementById('popupPromo'), {});
// Initialize Glider.js inside the Bootstrap Modal
function initGliderInModal() {
new Glider(document.querySelector('#popupPromo .glider'), {
slidesToScroll: 1,
slidesToShow: 1,
draggable: true,
dots: '#popup-promo-dots',
arrows: {
prev: '#popup-promo-prev',
next: '#popup-promo-next'
}
});
}
// Show Bootstrap Modal and initialize Glider.js after a specified scroll amount
const scrollThreshold = 2 / 3 * windowHeight; // The scroll amount in pixels to trigger the Modal
let gliderInitialized = false;
window.addEventListener('scroll', function() {
if (window.scrollY >= scrollThreshold && !gliderInitialized && promosLength > 0) {
popupPromo.show();
// Listen for the 'shown' event to initialize Glider.js after the Modal has been fully displayed
$('#popupPromo').on('shown.bs.modal', function() {
initGliderInModal();
gliderInitialized = true;
// Optionally, remove the 'shown' event listener after initializing the Glider to avoid re-initializing
$('#popupPromo').off('shown.bs.modal');
});
// Remove the scroll event listener after the Modal is shown to avoid re-initializing the Glider
this.removeEventListener('scroll', arguments.callee);
}
});
});
</script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable-min@0.4.5/dist/analytics-plugin-trackable.min.js"></script>
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = window._analytics.init({
app: "ruangguruLanding",
debug: false,
plugins: [analyticsTrackable()],
});
/* Additional context tracker pageView */
const post_id = 13999;
const tags_id = [19];
const category_id = 562;
const sub_category_id = 0;
const customData = {
tags_id: tags_id,
category_id: category_id,
sub_category_id: sub_category_id,
post_id: post_id,
};
Analytics.plugins.trackable.context(JSON.stringify(customData));
Analytics.ready(function () {
Analytics.page();
});
$(document).on('click', '[data-tracking-event-type]', function (event) {
const eventType = $(this).data('tracking-event-type');
const context = $(this).data('tracking-context');
Analytics.track(eventType, context);
});
</script>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="office">
<a href="https://www.ruangguru.com/">
<img src="https://cdn-web-2.ruangguru.com/static/RG_LOGO_WHITE.png?convert=auto" alt="Logo Ruangguru" loading="lazy" />
</a>
<address>
<p class="hq">RUANGGURU HQ</p>
<p>
Gedung Sinarmas MSIG Tower Lt. 33. Jl. Jenderal Sudirman Kav. 21, Karet Kuningan, Setiabudi, Jakarta Selatan, Jakarta 12920
</p>
</address>
</div>
<nav class="footer-menu call-us">
<p class="title">Hubungi Kami</p>
<address>
<a href="mailto:info@ruangguru.com">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4739a139-8f09-42ea-b517-d842c5d1c28d.png" loading="lazy" alt="Logo Email Footer" />
info@ruangguru.com</a>
<a href="tel:02130930000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/6f4bb6c8-52c9-4acb-859b-47a10a7eec75.png" loading="lazy" alt="Logo Phone Footer" />(021) 3093 0000</a>
<a href="https://wa.me/6281574410000">
<img class="icon-call-us" src="https://cdn-web-2.ruangguru.com/file-uploader/lp/4b58468a-b2f9-40e4-867f-d3242a065dcf.png" loading="lazy" alt="Logo Whatsapp Footer" />0815 7441 0000</a>
</address>
</nav>
<nav class="footer-menu social d-none d-lg-block">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<div class="col-lg-9">
<div class="row">
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Ruangguru</p>
<ul type="none">
<li><a href="https://roboguru.ruangguru.com" target="_blank">Roboguru</a></li>
<li><a href="https://www.ruangguru.com/roboguruplus">Roboguru Plus</a></li>
<li><a href="https://www.ruangguru.com/dafa-lulu">Dafa dan Lulu</a></li>
<li><a href="https://www.ruangguru.com/for-kids/kursus">Kursus for Kids</a></li>
<li><a href="https://www.ruangguru.com/for-kids">Ruangguru for Kids</a></li>
<li><a href="https://www.ruangguru.com/bisnis">Ruangguru for Business</a></li>
<li><a href="https://www.ruangguru.com/ruanguji">Ruanguji</a></li>
<li><a href="https://www.ruangguru.com/blog">Ruangbaca</a></li>
<li><a href="https://www.ruangguru.com/ruangkelas">Ruangkelas</a></li>
<li><a href="https://www.ruangguru.com/ruangbelajar">Ruangbelajar</a></li>
<li><a href="https://pengajar.ruangguru.com/">Ruangpengajar</a></li>
<li><a href="https://www.ruangguru.com/privat">Ruangguru Privat</a></li>
<li><a href="https://www.ruangpeduli.org/" target="_blank">Ruangpeduli</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Bantuan & Panduan</p>
<ul type="none">
<li><a href="https://www.ruangguru.com/company-credentials">Company Credentials</a></li>
<li><a href="https://www.ruangguru.com/beasiswa">Beasiswa Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/cicilan">Cicilan Ruangguru</a></li>
<li><a href="https://www.ruangguru.com/promo">Promo Ruangguru</a></li>
<li><a href="https://ticketing.ruangguru.com/help?request_type_id=459" target="_blank">Vulnerability Report</a></li>
<li><a href="https://www.ruangguru.com/bantuan#layanan">Layanan Pengaduan</a></li>
<li><a href="https://www.ruangguru.com/terms-conditions">Syarat & Ketentuan</a></li>
<li><a href="https://www.ruangguru.com/privacy-policy">Kebijakan Privasi</a></li>
<li><a href="https://www.ruangguru.com/about-us">Tentang Kami</a></li>
<li><a href="https://www.ruangguru.com/contact-us">Kontak Kami</a></li>
<li><a href="https://www.ruangguru.com/press">Press Kit</a></li>
<li><a href="https://www.ruangguru.com/bantuan">Bantuan</a></li>
<li><a href="https://career.ruangguru.com/">Karier</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title">Produk Lainnya</p>
<ul type="none">
<li><a href="https://www.brainacademy.id/" target="_blank">Brain Academy</a></li>
<li><a href="https://www.english-academy.id/" target="_blank">English Academy</a></li>
<li><a href="https://skillacademy.com/" target="_blank">Skill Academy</a></li>
<li><a href="https://www.ruangkerja.id/" target="_blank">Ruangkerja</a></li>
<li><a href="https://www.schoters.com/id/" target="_blank">Schoters</a></li>
<li><a href="https://www.kalananti.id/" target="_blank">Kalananti</a></li>
</ul>
</nav>
</div>
<div class="col-6 col-md-3">
<nav class="footer-menu">
<p class="title"> Coba GRATIS Aplikasi Ruangguru</p>
<div class="download-list">
<ul>
<li>
<a target="_blank" rel="nofollow" href="https://apps.apple.com/id/app/ruangguru-solusi-belajar/id1099742206?l=id">
<img src="https://cdn-web-2.ruangguru.com/static/appstore.png" loading="lazy" alt="Button App Store Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://play.google.com/store/apps/details?id=com.ruangguru.livestudents&hl=in">
<img src="https://cdn-web-2.ruangguru.com/static/googleplay.png" loading="lazy" alt="Button Google Play Footer " />
</a>
</li>
<li>
<a target="_blank" rel="nofollow" href="https://appgallery.huawei.com/#/app/C102352375">
<img src="https://cdn-web-2.ruangguru.com/static/huawei.png" loading="lazy" alt="Button AppGallery Footer " />
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<div class="d-lg-none text-center">
<nav class="footer-menu social">
<p class="title">Ikuti Kami</p>
<a target="_blank" href="https://www.instagram.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/instagram.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/instagram.png" loading="lazy" alt="Logo Instagram Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.facebook.com/ruanggurucom/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/facebook.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/facebook.png" loading="lazy" alt="Logo Facebook Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://twitter.com/ruangguru/">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/twitter.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/twitter.png" loading=" lazy" alt="Logo Twitter Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.youtube.com/ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/youtube.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/youtube.png" loading=" lazy" alt="Logo Youtube Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.linkedin.com/company/ruangguru-com">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/linkedin.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/linkedin.png" loading=" lazy" alt="Logo LinkedIn Footer" width="32px" height="32px" />
</picture>
</a>
<a target="_blank" href="https://www.tiktok.com/@ruangguru">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60&convert=webp" type="image/webp">
<source srcset="https://cdn-web-2.ruangguru.com/static/tiktok.png?height=60" type="image/png">
<img src="https://cdn-web-2.ruangguru.com/static/tiktok.png" loading=" lazy" alt="Logo TikTok Footer" width="32px" height="32px" />
</picture>
</a>
</nav>
</div>
<p class="footer-copyright">
© 2026 All Rights Reserved PT. Ruang Raya Indonesia
</p>
</div>
<style>
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
</style>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table="rg_floating_icon"></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_floating_icon') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_floating_icon';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,blog)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
console.log(data.list);
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_floating_icon';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script> <div id="wp-install-nudge" style="
position: fixed;
bottom: 0rem;
right: 0;
z-index: 999;
cursor: pointer;
"></div>
<script>
(function (w, d, s, o, f, js, fjs) {
w['Sales-Nudge-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'wpInstallNudge', 'https://cdn-web-2.ruangguru.com/sales-nudge/6198a95130/dist/widget.js'));
wpInstallNudge('init', { targetElementId: 'wp-install-nudge', clientTarget: 'ruangguru_blog' });
</script>
<script>
// note: disabled due to auto reload page
// var lastScrollTop = 0;
// $(window).scroll(function(event){
// var st = $(this).scrollTop();
// if (st > lastScrollTop){
// $('#wp-install-nudge').slideDown( "slow", function() {});
// } else {
// $('#wp-install-nudge').slideUp( "slow", function() {});
// }
// lastScrollTop = st;
// });
// $(document).ready(function () {
// $("#wp-install-nudge").hide();
// });
$('#wp-install-nudge').click(function(){
Analytics.track("promotion__install_nudge__click",
{
user_email: "ruangguru@blog.com",
cta_link: widgetData.dataConfig.target_link
}).catch((err) => {
console.log("tracker error", err);
});
});
</script>
</footer>
<div id="__next"></div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/blog\/*"},{"not":{"href_matches":["\/blog\/wp-*.php","\/blog\/wp-admin\/*","\/blog\/wp-content\/uploads\/*","\/blog\/wp-content\/*","\/blog\/wp-content\/plugins\/*","\/blog\/wp-content\/themes\/ruangguru\/*","\/blog\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
async function getCtaDetails(ctaIds) {
const endpoint =
" https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/CTA/views/CTA?offset=0&limit=10&where=(ctaId,in," + ctaIds.toString() + ")";
try {
const response = await fetch(endpoint, {
headers: {
"xc-token": "-hG2nBDJzSj0agSgNtcJx97M4F02y54nUMoY6plJ",
},
});
const data = await response.json();
const ctaList = data?.list || [];
const ctaMap = new Map();
for (const ctaData of ctaList) {
ctaMap.set(ctaData.ctaId, ctaData);
}
return ctaMap;
} catch (error) {
console.error("Error fetching CTA details:", error);
return new Map();
}
}
async function replaceCTA() {
const regex = /{{cta\((‘(.*?)’|“(.*?)”)\)}}/g;
const bodyHTML = document.body.innerHTML;
const matches = Array.from(bodyHTML.matchAll(regex));
const ctaIds = matches.map((match) => {
let ctaId = match[2] ?? match[3];
return ctaId;
});
const ctaMap = await getCtaDetails(ctaIds);
const replacedHTML = bodyHTML.replace(regex, (match, _inner, ctaId1, ctaId2) => {
const ctaId = ctaId1 ?? ctaId2;
const ctaData = ctaMap.get(ctaId);
if (ctaData) {
return `<a href="https://cta.ruangguru.com/${ctaData.ctaId}" target="_${ctaData.targetType}" style="position:relative;display:inline-block;">
<img src="${ctaData.imageUrl}" loading="lazy" alt="${ctaData.altText}" />
</a>`;
} else {
return match;
}
});
document.body.innerHTML = replacedHTML;
}
</script>
<meta name="author" content="Ruangguru Tech Team">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PVNLZFT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- Tracker -->
<script type="text/javascript" src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/global-assets/js/cta.js"></script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
</body>
</html>