鱼C论坛

 找回密码
 立即注册
查看: 2228|回复: 0

[学习笔记] 引用

[复制链接]
发表于 2020-1-18 11:15:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 zltzlt 于 2020-1-18 15:02 编辑

HTML5 引用


1. q 元素

q 元素用于定义剪短的引用,浏览器会在引用内容的两端添加引号。

例如:
<html>
    <head>
        <title>q 元素</title>
    </head>
    <body>
        <p>小甲鱼:<q>让编程改变世界!</q></p>
    </body>
</html>

显示效果:

1.png

2. blockquote 元素

blockquote 元素用于引用较长的文本,浏览器会使用缩进显示该段文本。可以通过 cite 属性指定引用的来源。

例如:
<html>
    <head>
        <title>blockquote 元素</title>
    </head>
    <body>
        <p>小甲鱼:
            <blockquote cite="https://fishc.com.cn">让编程改变世界!</blockquote>
        </p>
    </body>
</html>

显示效果:

1.png

3. cite 元素

cite 元素用于定义作品的标题,默认以斜体显示作品标题。

例如:
<html>
    <head>
        <title>cite 元素</title>
    </head>
    <body>
        <p><cite>《零基础入门学习 Python》</cite> —— 小甲鱼</p>
    </body>
</html>

显示效果:

1.png

4. abbr

abbr 元素用于定义简称和缩写,配合全局属性 title 可以说明缩写的含义。

例如:
<html>
    <head>
        <title>abbr 元素</title>
    </head>
    <body>
        <p><abbr title="FishC 工作室创始人">小甲鱼</abbr></p>
    </body>
</html>

显示效果:

1.png

5. dfn

dfn 元素用于定义术语,默认以斜体显示。

例如:
<html>
    <head>
        <title>dfn 元素</title>
    </head>
    <body>
        <p><dfn>HTML5</dfn> 是用于创建网页的标准标记语言</p>
    </body>
</html>

显示效果:

1.png

6. address

address 用于定义作者的联系信息,默认以斜体显示。

例如:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>address 元素</title>
</head>
<body>
    <address>
        <strong>联系我们</strong><br>
        邮箱:<a href="mailto:fishc_service@126.com">fishc_service@126.com</a>.<br>
        旺旺:dingdingjiayu<br>
        微信:FishC_Studio(公众号)<br>
    </address>
</body>
</html>

显示效果:

1.png

7. ruby、rt、rp

ruby 元素用于定义注音符号。ruby 元素需要与 rt 元素和 rp 元素搭配使用。其中,rt 元素用来标记注音符号,rp 元素则用来标记当浏览器不支持 ruby 元素时所显示的内容。

例如:
<html>
    <head>
        <title>ruby、rt、rp 元素</title>
    </head>
    <body>
        <p>
            <ruby>
                 火<rp>(</rp>
                <rt>huǒ</rt>
                <rp>)</rp>
                 炎<rp>(</rp>
                <rt>yán</rt>
                <rp>)</rp>
                 焱<rp>(</rp>
                <rt>yàn</rt>
                <rp>)</rp>
                 燚<rp>(</rp>
                <rt>yì</rt>
                <rp>)</rp>
            </ruby>
        </p>
    </body>
</html>

显示效果:

1.png

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-6-19 19:49

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表