• 技术文章 >web前端 >前端问答

    html rt标签怎么用

    藏色散人藏色散人2019-05-28 10:02:38原创1665
    html rt标签用于定义字符(中文注音或字符)的解释或发音,将<rt>标签与<ruby>和<rp>标签一起使用:<ruby>元素由一个或多个需要解释/发音的字符和一个提供该信息的<rt>元素组成,还包括可选的<rp>元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

    大前端成长进阶课程:进入学习

    html rt标签怎么用?

    标签定义及使用说明

    <rt> 标签定义字符(中文注音或字符)的解释或发音。

    将 <rt> 标签与 <ruby> 和 <rp> 标签一起使用:

    <ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成,还包括可选的 <rp> 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。

    HTML 4.01 与 HTML5之间的差异:<rt> 标签是 HTML5 中的新标签。

    全局属性

    <rt> 标签支持 HTML 的全局属性。

    事件属性

    <rt> 标签支持 HTML 的事件属性。

    实例

    一个 ruby 注释:

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    </head>
    <body>
    
    <ruby>
      汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
      字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>
    
    </body>
    </html>

    效果输出:

    9310c1c6108b9e3634c928fc7cee64f.png

    浏览器支持:IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 标签。

    注释:IE 8 或更早版本的 IE 浏览器不支持 <rt> 标签。

    以上就是html rt标签怎么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html rt
    上一篇:html rp标签怎么用 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html iframe标签怎么用• html ins标签怎么用• html li标签怎么用• html rp标签怎么用
    1/1

    PHP中文网