鱼C论坛

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

[学习笔记] 引用

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

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

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

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

HTML5 引用


1. q 元素

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

例如:

  1. <html>
  2.     <head>
  3.         <title>q 元素</title>
  4.     </head>
  5.     <body>
  6.         <p>小甲鱼:<q>让编程改变世界!</q></p>
  7.     </body>
  8. </html>
复制代码


显示效果:

1.png

2. blockquote 元素

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

例如:

  1. <html>
  2.     <head>
  3.         <title>blockquote 元素</title>
  4.     </head>
  5.     <body>
  6.         <p>小甲鱼:
  7.             <blockquote cite="https://fishc.com.cn">让编程改变世界!</blockquote>
  8.         </p>
  9.     </body>
  10. </html>
复制代码


显示效果:

1.png

3. cite 元素

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

例如:

  1. <html>
  2.     <head>
  3.         <title>cite 元素</title>
  4.     </head>
  5.     <body>
  6.         <p><cite>《零基础入门学习 Python》</cite> —— 小甲鱼</p>
  7.     </body>
  8. </html>
复制代码


显示效果:

1.png

4. abbr

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

例如:

  1. <html>
  2.     <head>
  3.         <title>abbr 元素</title>
  4.     </head>
  5.     <body>
  6.         <p><abbr title="FishC 工作室创始人">小甲鱼</abbr></p>
  7.     </body>
  8. </html>
复制代码


显示效果:

1.png

5. dfn

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

例如:

  1. <html>
  2.     <head>
  3.         <title>dfn 元素</title>
  4.     </head>
  5.     <body>
  6.         <p><dfn>HTML5</dfn> 是用于创建网页的标准标记语言</p>
  7.     </body>
  8. </html>
复制代码


显示效果:

1.png

6. address

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

例如:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>address 元素</title>
  6. </head>
  7. <body>
  8.     <address>
  9.         <strong>联系我们</strong><br>
  10.         邮箱:<a href="mailto:fishc_service@126.com">fishc_service@126.com</a>.<br>
  11.         旺旺:dingdingjiayu<br>
  12.         微信:FishC_Studio(公众号)<br>
  13.     </address>
  14. </body>
  15. </html>
复制代码


显示效果:

1.png

7. ruby、rt、rp

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

例如:

  1. <html>
  2.     <head>
  3.         <title>ruby、rt、rp 元素</title>
  4.     </head>
  5.     <body>
  6.         <p>
  7.             <ruby>
  8.                 &nbsp;火<rp>(</rp>
  9.                 <rt>huǒ</rt>
  10.                 <rp>)</rp>
  11.                 &nbsp;炎<rp>(</rp>
  12.                 <rt>yán</rt>
  13.                 <rp>)</rp>
  14.                 &nbsp;焱<rp>(</rp>
  15.                 <rt>yàn</rt>
  16.                 <rp>)</rp>
  17.                 &nbsp;燚<rp>(</rp>
  18.                 <rt>yì</rt>
  19.                 <rp>)</rp>
  20.             </ruby>
  21.         </p>
  22.     </body>
  23. </html>
复制代码


显示效果:

1.png

本帖被以下淘专辑推荐:

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-4-25 17:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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