ruby html5

HTML <ruby> 元素 被用来展示东亚文字注音或字符注释。

示例

<html>
    <ruby>
        汉 <rp>(</rp><rt>han</rt><rp>)</rp>
        字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>
    <ruby>
        明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp>
    </ruby>
</html>

预览

汉 (han) 字 (zi) 明日 (Ashita)

blockquote

HTML <blockquote> 元素（或者 HTML 块级引用元素），代表其中的文字是引用内容。通常在渲染时，这部分的内容会有一定的缩进。若引文来源于网络，则可以将原内容的出处 URL 地址设置到 cite 特性上，若要以文本的形式告知读者引文的出处时，可以通过 <cite>元素。

示例

<blockquote cite="https://www.huxley.net/bnw/four.html">
    <p>Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.</p>
</blockquote>
<cite>– Aldous Huxley, Brave New World</cite>

预览

Words can be like X-rays, if you use them properly – they'll go through anything. You read and you're pierced.

– Aldous Huxley, Brave New World

time html5

代表日期 和时间 值；机器可读的等价形式通过 datetime 属性指定。

示例

<p>The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.</p>

预览

The concert took place on .

pre

代表其内容已经预先排版过，格式应当保留。

samp

代表程序或电脑的输出 。

code

代表计算机代码 。

figure html5

代表一个和文档有关的图例。

示例

<figure>
  <img src="http://www.w3school.com.cn/i/shanghai_lupu_bridge.jpg" alt="An awesome picture">	
  <figcaption>Fig1. MDN Logo</figcaption>
</figure>

预览

An awesome picture
Fig1. MDN Logo

dfn

代表一个术语包含在其最近祖先内容中的定义 。

其他

其他