آموزش و يادگيري تگ ruby در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <ruby> آشنا مي‌شويم. اين تگ براي نمايش متن‌هاي ruby استفاده مي‌شود که شامل متن اصلي و توضيح يا تلفظ آن در کنار متن است.

تگ ruby در HTML چيست؟

تگ <ruby> به شما اجازه مي‌دهد متن اصلي را همراه با راهنماي خواندن يا تلفظ کوتاه (ruby text) نمايش دهيد. اين تگ معمولاً با <rt> و <rp> ترکيب مي‌شود تا سازگاري و دسترسي بهتري ايجاد شود.

مثال ساده از تگ ruby

<ruby>
??<rt>???</rt>
</ruby>

در اين مثال، متن ??? به عنوان راهنماي خواندن متن اصلي ?? نمايش داده مي‌شود.

مثال پيشرفته با rp

<ruby>
??<rt>???</rt><rp>(</rp><rt>kanji</rt><rp>)</rp>
</ruby>

در اين مثال، اگر مرورگر از ruby پشتيباني نکند، محتواي داخل <rp> نمايش داده مي‌شود تا خوانايي متن حفظ شود.

ويژگي‌هاي مهم تگ ruby

نکات مهم درباره ruby

• تگ <ruby> هميشه به همراه <rt> براي متن راهنما و <rp> براي سازگاري مرورگرهاي قديمي استفاده مي‌شود.
• براي نمايش تلفظ يا توضيح کوتاه متون پيچيده، مخصوصاً در زبان‌هايي مثل ژاپني و چيني کاربرد دارد.
• براي مرورگرهاي مدرن، محتواي <rp> معمولاً نمايش داده نمي‌شود و فقط <rt> مهم است.

براي يادگيري کامل استفاده از متن‌هاي ruby و افزايش دسترسي متن‌ها در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.