HTML5 注释标签
今天学了HTML5的ruby标签，觉得挺有趣的，来记录一下。
ruby可以作注释标签，内部有rp和rt标签。
<ruby> 标记定义注释或音标。
<rp>告诉那些不支持ruby元素的浏览器该如何显示。
<rt> 标记定义对ruby注释的内容文本。
代码如下，来一个拼音注释：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ruby注释标签</title> <style> p { text-align: center; } </style> </head> <body> <ruby> 六<rp>(</rp><rt>liù</rt><rp>)</rp> 一<rp>(</rp><rt>yī</rt><rp>)</rp> 儿<rp>(</rp><rt>ér</rt><rp>)</rp> 童<rp>(</rp><rt>tóng</rt><rp>)</rp> 节<rp>(</rp><rt>jiē</rt><rp>)</rp> 块<rp>(</rp><rt>kuài</rt><rp>)</rp> 乐!<rp>(</rp><rt>lè</rt><rp>)</rp> </ruby> </body> </html>
输出结果：
还有一些浏览器不能支持<ruby>标签，这个时候<rp>标签就显得尤其重要，<rp>我理解为“人品”的意思。人品好的浏览器就以在上面注释的形式显示出来，就如上图，而人品不好的就需要<rp>标签来补充注释。
<rp>里面的文本会在浏览器兼容的时候不显示出来，只有<rt>里面的文本以在上面注释的方式出现。而不兼容的情况，<rt>里面注释的文本会在后面显示。
免责声明
1、博主在此发文（包括但不限于汉字、拼音、拉丁字母）均为随意敲击键盘所出，用于检验本人电脑键盘录入、屏幕显示的机械、光电性能，并不代表本人局部或全部同意、支持或者反对观点。如需要详查请直接与键盘生产厂商法人代表联系。挖井挑水无水表，不会网购无快递。
2、网站资源均通过网络等合法渠道获取，该资料仅作为学习交流，其版权归出版社或者原作者所有，下载后请于24小时内删除，如有真实需要请支持正版！因下载本站任何资源造成的损失，全部责任由使用者本人承担！本网站不对所涉及的版权问题负责。网站售卖的价格绝对不是商品价格，而是整理资料的成本。
3、如果你是版权方，认为本文内容对您的权益有所侵犯，请联系博主，并参照 侵删联系 的说明提交相应的证明材料，待博主进行严格地审查和背景调查后，情况属实的将在三天内将本文删除或修正。
4、博主的文章没有高度、深度和广度，只是凑字数。由于博主的水平不高（其实是个菜B），不足和错误之处在所难免，希望大家能够批评指出。
5、博主是利用读书、参考、引用、抄袭、复制和粘贴等多种方式打造成自己的纯镀 24k 文章，请原谅博主成为一个无耻的文档搬运工！
6、博主只是一名普通的互联网从业者，不懂修电脑，不会卖电脑，不会帮你盗号，不会破解开机密码，找不回你丢失的手机等，如有这样的想法请绕道！
7、另外还有部分家里有矿的用户就希望我帮他服务，对于这种有钱人变态的需求，我一般都不会拒绝的。
8、本站虚拟货币充值或数字资源购买后，均不可以任何理由退换！购买前（请慎重考虑）
琼鲸网络 » HTML5 注释标签
常见问题FAQ
- 免费下载或者SVIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 SVIP介绍。
- 充值&SVIP会员需知
- 提示下载完但解压或打开不了？
- 网站所有素材99%都是采用百度网盘、天翼云盘、蓝奏云网盘存储
