html5中关于标签的详解

黄舟

发布： 2017-07-17 13:32:48

原创

3142人浏览过

今天学了 html5的ruby标签，觉得挺有趣的，来记录一下。

ruby可以作注释标签，内部有rp和rt标签。

标记定义注释或音标。

　告诉那些不支持ruby元素的浏览器该如何显示。

标记定义对ruby注释的内容文本。

立即学习“前端免费学习笔记（深入）”；

学完这个标签的第一反应就是，我有方法给那些不会读的日语单词做假名注释啦！！！

代码如下，来给一句日语做个小注释：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ruby注释标签</title>
    <style>
        p {
            text-align: center;
        }
    </style>
    </head>
    <body>
    <p>
    <ruby>月明<rp>(</rp><rt>つきあ</rt><rp>)</rp></ruby>かり昇る頃</p>
    <p>灯る <ruby>赤提灯 <rp>(</rp><rt>あかちょうちん</rt><rp>)</rp></ruby></p></body></html>

登录后复制

效果如下：

Dbsite企业网站管理系统1.5.0

Dbsite企业网站管理系统V1.5.0 秉承"大道至简邦达天下"的设计理念,以灵巧、简单的架构模式构建本管理系统。可根据需求可配置多种类型数据库（当前压缩包支持Access）.系统是对多年企业网站设计经验的总结。特别适合于中小型企业网站建设使用。压缩包内包含通用企业网站模板一套，可以用来了解系统标签和设计网站使用。QQ技术交流群：115197646 系统特点：1.数据与页