<ruby>标签

最新推荐文章于 2022-06-13 10:41:37 发布
最新推荐文章于 2022-06-13 10:41:37 发布
阅读量300 收藏
点赞数 1
文章标签： html5 ruby
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33645933/article/details/80324146
版权

最近看html5学习到了一个好玩的新标签

那就是<ruby>标签

这个标签的用法就是将需要被注释和包裹的元素放在<ruby>标签里面

一般来说会和<rt>和<rp>这两个标签连用

<rt> — 这里面放置音标或注释，这个标记要跟在需要注释的文本后边。

<rp> — 这个标记是防备那些不支持ruby标记的浏览器，主要用来放置括弧。对于支持这个标记的浏览器，rp标记的CSS样式是{display:none;}，也就是不可见。

感觉这个标签用于开发婴幼儿拼音读本电子版和双语文章很有用

很有意义的一个标签

qq_33645933
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML ＜ruby＞ 标签
玄链教育
08-02 1632
ruby> 标签定义 ruby 注释（中文注音或字符）。在东亚使用，显示的是东亚字符的发音。与 以及 标签一同使用：ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。
style-tag-and-h1-site-header-css-lab-abp-11-17
04-27
标签和元素选择器实验室 目标 在index.html的&lt;head&gt;内创建一个&lt;style&gt;标记。 使用元素选择器设置h1和h3样式。 添加font-size ， font-weight ， font-family ， color和text-decoration样式。 指示 在...
ruby标签
hell_world!
09-11 270
ruby注释标签的使用
little_spice的博客
03-08 392
&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;特殊字符的显示&lt;/title&gt; &lt;meta charset="ansi"&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;&lt;ruby&gt;与 &a
html标记ruby,html5 ruby标签的定义及使用方法详解（内有实例介绍）
weixin_39644494的博客
06-11 572
本篇文章主要为大家讲解了html5中一个新标签，html5 ruby标签，虽然不算是新的，但也是在html5里新的标签，html5 ruby标签的定义和具体的用法实例都在这篇文章中，希望大家认真阅读html5 ruby标签的定义和用法： 标签定义 ruby 注释(中文注音或字符)。在东亚使用，显示的是东亚字符的发音。与 以及 标签一同使用：ruby 元素由一个或多个字符(需要一个解释/发音)和...
meta_tags_helper:用于构建元标记的 Rails 助手
07-14
元标签助手 用于构建元标记的 Rails 助手。 安装 将此行添加到应用程序的 Gemfile 中： gem 'meta_tags_helper' 然后执行： $ bundle 或者自己安装： $ gem install meta_tags_helper 用法 &lt; head &gt; ...
HTML部分标签属性
05-24
- `&lt;ruby&gt;`, `&lt;rt&gt;`, `&lt;rp&gt;`：用于创建中文拼音注释。 - `&lt;sub&gt;`：创建下标文本。 - `&lt;samp&gt;`：用于展示计算机代码样例。 - `&lt;code&gt;`：表示计算机代码或原始码。 - `&lt;var&gt;`：标记变量或变数。 - `&lt;dfn&gt;`：表示...
jekyll-gist：Liquid标签，用于在Jekyll网站中显示GitHub Gist
02-01
用法在Jekyll页面，帖子和收藏集中使用以下标签： {% gist c08ee0f2726fd0e3909d %} 这将创建关联的脚本标签： &lt; script src =" https://gist.github.com/parkr/c08ee0f2726fd0e3909d.js " &gt; &lt;/ script &gt...
html-fundamentals-html-lists-lab-atlanta-web-033020
03-28
HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表... 我们可以这样写： &lt; body &gt; &lt; p&gt; Ham and Cheese &lt;/ p&gt; &lt; p&gt; Grilled Cheese &lt;/ p&gt; &lt; p&gt; Nacho Cheese French Fries &lt;/ p&gt;
html-fundamentals-html-lists-lab-online-web-prework
03-15
HTML列表学习目标识别无序和有序HTML列表创建无序列表识别有序列表标签创建有序列表... 我们可以这样写： &lt; body &gt; &lt; p&gt; Ham and Cheese &lt;/ p&gt; &lt; p&gt; Grilled Cheese &lt;/ p&gt; &lt; p&gt; Nacho Cheese French Fries &lt;/ p&gt;
html-lists-lab-online-web-sp-000
03-16
有些应用自动样式设置，例如p标签可在文本周围创建边距。 有些，例如标题标签，会增加字体大小。... 我们可以这样写： &lt; body &gt; &lt; p&gt; Ham and Cheese &lt;/ p&gt; &lt; p&gt; Grilled Cheese &lt;/ p&gt; &lt; p&gt; Nach
html-lists-lab-v-000
03-16
问题陈述 ... 有些应用自动样式设置，例如p标签可在文本周围创建边距。 有些，例如标题标签，会增加字体大小。 使用这些标签可以描述我们的内容。... body &gt; &lt; p&gt; Ham and Cheese &lt; p&gt; Grilled Cheese &lt; p&gt; Nach
html-lists-lab-onl01-seng-ft-090820
02-14
有些应用自动样式设置，例如p标签可在文本周围创建边距。 有些，例如标题标签，会增加字体大小。... 我们可以这样写： &lt; body &gt; &lt; p&gt; Ham and Cheese &lt;/ p&gt; &lt; p&gt; Grilled Cheese &lt;/ p&gt; &lt; p&gt; Nacho
html-lists-lab-onl01-seng-ft-061520
02-14
有些应用自动样式设置，例如p标签可在文本周围创建边距。 有些，例如标题标签，会增加字体大小。... 我们可以这样写： &lt; body &gt; &lt; p&gt; Ham and Cheese &lt;/ p&gt; &lt; p&gt; Grilled Cheese &lt;/ p&gt; &lt; p&gt; Nacho
HTML中使用ruby标签添加音标或者注释
Dominic_W的博客
06-13 565
rt里的文字，对于横向显示的文章，它会显示在上方。对于竖向显示的文字，它会显示到右边。如果你觉得音标的字体太大了，可以用css设置成小字体。
html标记ruby,htmlruby标签怎么用
weixin_36239971的博客
06-11 374
html ruby标签用于定义 ruby 注释(中文注音或字符)，在东亚使用，显示的是东亚字符的发音。将 标签与 和 标签一起使用： 元素由一个或多个需要解释/发音的字符和一个提供该信息的 元素组成。html ruby标签怎么用？标签定义及使用说明 标签定义 ruby 注释(中文注音或字符)。在东亚使用，显示的是东亚字符的发音。将 标签与 和 标签一起使用： 元素由一个或多个需要解...
第三章笔记(Ruby构造元素：数据、表达式、和流程控制)
我的博客
08-30 150
常量 在Ruby中的表达形式是以大写字母开头的变量名。Pi = 3.141592 Pi = 500。如果尝试修改，将给出警告 字符串 puts "abc" * 5 abcabcabc 操作符可以应用于字符串中。如：puts "x" &gt; "y"，比较ASCII值 获得ASCII值 puts ?x puts 120.chr 插写 x =...
html中<ruby>标签的用法
红叶猫的博客
02-18 419
html中标签的用法 &amp;lt;ruby&amp;gt;羅馬&amp;lt;rp&amp;gt;（&amp;lt;/rp&amp;gt;&amp;lt;rt&amp;gt;ローマ&amp;lt;/rt&amp;gt;&amp;lt;rp&amp;gt;）&amp;lt;/rp&amp;gt;&amp;lt;/ruby&amp;gt;&amp;lt;ruby&a
&lt;p&gt;&lt;strong&gt;&lt;em&gt;&lt;u&gt;和和&lt;/u&gt;&lt;/em&gt;&lt;转化为html结构
最新发布
08-20
p&gt;&lt;strong&gt;&lt;em&gt;&lt;u&gt;和和&lt;/u&gt;&lt;/em&gt;&lt;转化为html结构可以表示为： &lt;p&gt;&lt;strong&gt;&lt;em&gt;&lt;u&gt;和和&lt;/u&gt;&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值