معرفی و کاربرد تگ 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> پشتیبانی می کنند، آمده است:

جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ ruby در HTML کاراکتر آسیا شرقی – اختصاصی سایت آموزی