معرفی و کاربرد تگ ruby در HTML
معرفی و کاربرد تگ ruby در HTML کاراکتر آسیا شرقی
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد تگ <ruby> در HTML می پردازیم.
تگ <ruby> در HTML
تگ <ruby> ، حاشیه نویسی ruby را مشخص می کند.
حاشیه نویسی ruby برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی کاربرد دارد.
تگ <ruby> شامل یک یا چند کاراکتر است که نیاز به تفسیر یا تلفظ صحیح کارکترها دارد.
تگ <ruby> همراه با تگ <rt> و تگ rp به کار می رود.
به این ترتیب دانستیم تگ <ruby> برای استفاده متون چینی و ژاپنی درون سند HTML ایجاد شده است. و از جمله تگ های جدید در HTML5 می باشد.
تگ rt نیز توضیح یا تلفظ صحیح حروف (برای تایپوگراف شرق آسیا) در حاشیه نویسی ruby را مشخص می کند.
و تگ <rt> برای دادن اطلاعات و اختیار به تگ <rp> که چه چیزی نشان داده شود، استفاده می شود، هنگامی که مرورگر از حاشیه نویسی ruby پشتیبانی نکند.
اگر مرورگر شما از حاشیه نویسی ruby پشتیبانی نکند، تگ <rp> تعریف می کند که چه چیزی باید نشان داده شود.
مثال در مورد تگ <ruby> در html
[html]<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>[/html]
خروجی کد در مرورگر اینترنتی
漢ㄏㄢˋ
بررسی تگ <ruby> در HTML 4.01 و HTML5
تگ <ruby> یک تگ جدید در نسخه HTML5 می باشد. که تنها در همین نسخه پشتیبانی می شود. و در نسخه HTML4.01 و نسخه های قدیمی تر وجود نداشته و پشتیبانی نمی شود.
خصوصیات ویژه تگ <ruby> در HTML5
تگ <ruby> هیچگونه خصوصیت ویژه ای در سند HTML ندارد.
ویژگی های عمومی تگ ruby در HTML
تگ <ruby> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <ruby> در HTML
تگ <ruby> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
پشتیبانی مرورگرها از تگ ruby در HTML
در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از تگ <ruby> پشتیبانی می کنند، آمده است:
تگ | فایرفاکس | اینترنت اکسپلورر | گوگل کروم | سافاری | اپرا |
ruby | 38.0 به بالا | 5.5 به بالا | 5.0 به بالا | 5.0 به بالا | 15.0 به بالا |
جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ ruby در HTML کاراکتر آسیا شرقی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید