web前端学习之ruby标记和rt/rp标记

ruby 标记定义ruby注释（中文注音或字符）。ruby标记与rt标记一同使用。
ruby标记由一个或多个字符（需要一个解释/发音）和一个提供该信息的rt 标记组成，还包括可选的rp标记，定义当浏览器不支持ruby 标记时显示的内容。

基本语法：

<ruby>中<rp>(</rp><rt>zhong</rt><rp>)</rp>国<rp>(</rp><rt>guo</rt><rp>)</rp></ruby>

效果图：

注意：

基本语法内rp标记与rt标记要注意，在《web前端开发技术第3版》储久良一书中是这样写的

<ruby>中<rt><rp>(</rp>zhong<rp>)</rp></rt>国<rt><rp>(</rp>guo<rp>)</rp></rt></ruby><br>

这样显示的效果图是

在支持ruby标记的浏览器中却输出了不支持ruby标记的浏览器内的处理效果

本文转载于:猿2048➻https://www.mk2048.com/blog/blog.php?id=0bii1aa&title=web前端学习之ruby标记和rt/rp标记

web前端学习之ruby标记和rt/rp标记相关推荐

html加拼音注释,HTML——格式化文本标记、拼音/音标注释ruby 标记和rt/rp 标记、段落缩进标记blockquote、预格式化标记pre...
格式化文本标记文本修饰标标记说明软件工程专业! 定义粗体软件工程专业! 定义斜体软件工程专业! 定义下划线软件工程专业! 定义删除线软件工程专业! 定义上标软件工程专业! 定义下标 ...
HTML——格式化文本标记、拼音/音标注释ruby 标记和rt/rp 标记、段落缩进标记blockquote、预格式化标记pre
格式化文本标记文本修饰标标记说明 软件工程专业! 定义粗体 软件工程专业! 定义斜体 软件工程专业! ...
web 前端学习线路图
web 前端学习线路图一.HTML 教程 HTML教程 HTML简介 HTML编辑器 HTML基础 HTML元素 HTML属性 HTML标题 HTML段落 HTML样式 HTML格式化 HTML引用 ...
Web前端学习第五周
Web前端学习第五周 strong和b.em和i strong 和 em 都是表示强调的标签,表现形态为文本加粗和斜体. b 和 i 标签同样也表示文本加粗和斜体. 区别在于,strong和em 是具 ...
html css 前端实现消息提醒数_自学的福音，web前端学习全套视频教程+最新学习思维导图都在这里...
1.产品经理.这些是负责策划应用程序的一群人.他们会想出很多新鲜的.奇怪的.甚至是不可能实现的应用.一般来说,产品经理都追求丰富的功能. 2.UI设计师.这些人负责应用程序的视觉设计和交互模拟. 3. ...
html表单的课后心得体会,web前端学习心得体会范文
<web前端学习心得体会范文>由会员分享,可在线阅读,更多相关<web前端学习心得体会范文(2页珍藏版)>请在装配图网上搜索. 1.web前端学习心得体会范文web前端学习心得 ...
Web前端学习——HTML
Web前端学习day1 一.html的基本介绍 html基本框架二.html元素 1.标题标签 2.水平线标签 3.段落标签 4.强制换行标签 5.文本格式化标签 6.超链接标签 7.图片标签 8. ...
Web前端学习6个有效果软件，你值得拥有!
想要让程序猿可以快速有效的工作,辅助工具是非常有必要的,不管是刚学习web前端技术的同学还是已经进入工作的学员,都需要学习和掌握一些Web前端开发工具和软件,Web前端学习6个有效果软件,你值得拥有! ...
零基础web前端学习路线
很多同学想学习WEB前端开发,虽然互联网有很多的教程.网站.书籍,可是却又不知从何开始如何选取. 前端开发入门学习有:HTML.CSS.JavaScript(简称JS)这三个部分.所以在学习之前我们需 ...

web前端学习之ruby标记和rt/rp标记

web前端学习之ruby标记和rt/rp标记相关推荐

最新文章

热门文章