<ruby>: عنصر RUBY

آخر تحديث: 2026-10-13

<ruby>عنصر RUBY

يضيف نطقًا/تعليقًا (بينيين أو كانا) إلى نص شرق آسيوي؛ التعليق عبر rt، ويُلف اختياريًا بـ rp.

الفئةمحتوى النص
نموذج المحتوىمحتوى تدفقي
العناصر الأم المسموحةأي عنصر يقبل المحتوى التدفقي
وسم الإغلاقنعم — يتطلب إغلاق </ruby> وسم
الحالةقياسي

📝 البنية

<ruby>漢<rt>かん</rt></ruby>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<ruby> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
مدعوم في جميع المتصفحات الرئيسية
نصيحة: ruby مدعوم أصليًا للتعليقات؛ المتصفحات غير الداعمة تتجاهل rt.

❓ الأسئلة الشائعة

Qما وظيفة وسم ruby؟
A<ruby> يعرض التشكيل الصوتي: نص أساسي + تشكيل صغير فوقه. والاستخدام النموذجي التشكيل الكانا في اليابانية والبن يين في الصينية، مثل <ruby>漢字<rt>かんじ</rt></ruby> — يرتّب المتصفح التشكيل فوق النص تلقائيًا.
Qما هما rt و rp؟
A<rt> هو متن التشكيل (بن يين/كانا)؛ بينما <rp> قوس احتياطي يظهر عندما لا يدعم المتصفح ruby (مثل <rp>(</rp><rt>かんじ</rt><rp>)</rp>)، ويخفى تلقائيًا في المتصفحات الداعمة. فكل المتصفحات الحديثة تدعم، وأصبح rp كتابة تحصينية في الغالب.
Qكيف تكتب تشكيل البن يين للنص الصيني؟
Aمجموعة ruby لكل حرف: <ruby>汉<rt>hàn</rt></ruby><ruby>字<rt>zì</rt></ruby>. فوضع الكلمة كلها في ruby واحد يزحم التشكيلات معًا ويصعّب المحاذاة، والتجميع حرفًا بحرف أثبت تنسيقًا.
المزيد من الحالات قادمة قريبًا — ترقبوا.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%