说明
网道HTML 教程学习笔记
13、<kbd>，<samp>
1、<kbd> 标签是一个行内元素，原意是用户从键盘输入的内容，现在扩展到各种输入，包括语音输入。
浏览器默认以等宽字体显示标签内容。
<p>Windows 可以按下 <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Del</kbd> 重启。</p>
<kbd> 可以嵌套，方便指定样式。
<p>
Windows 可以按下
<kbd>
<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Del</kbd>
</kbd>
重启。
</p>
2、<samp> 标签是一个行内元素，表示计算机程序输出内容的一个例子。
浏览器默认以等宽字体显示。
<p>
如果使用没有定义的变量，浏览器会报错：
<samp>Uncaught ReferenceError: foo is not defined</samp>。
</p>
14、<mark>
<mark> 是一个行内标签，表示突出显示的内容。
Chrome 浏览器默认会以亮黄色背景，显示该标签的内容。
除了标记感兴趣的文本，<mark> 还可以用于在搜索结果中，标记出匹配的关键词。
15、<small>
<small> 是一个行内标签，浏览器会将它包含的内容，以小一号的字号显示，不需要使用 CSS 样式。
它通常用于文章附带的版权信息或法律信息。
比如：
<p>文章正文</p>
<p><small>以上内容使用创意共享许可证。</small></p>
16、<time>，<data>
1、<time> 是一个行内标签，为跟时间相关的内容提供机器可读的格式。
<p>运动会预定<time datetime="2015-06-10">下周三</time>举行。</p>
方便搜索引擎抓取，或者下一步的其他处理。
datetime 属性，用来指定机器可读的日期，可以有多种格式：
- 有效年份：
2011 - 有效月份：
2011-11 - 有效日期：
2011-11-18 - 无年份的日期：
11-18 - 年度的第几周：
2011-W47 - 有效时间：
14:54、14:54:39、14:54:39.929 - 日期和时间：
2011-11-18T14:54:39.929
2、<data> 标签与 <time> 类似，也是提供机器可读的内容，但是用于非时间的场合。
<p>本次马拉松比赛第一名是<data value="39">张三</data></p>。
17、<address>
<address> 标签是一个块级元素，表示某人或某个组织的联系方式。
<p>作者的联系方式：</p>
<address>
<p><a href="mailto:foo@example.com">foo@example.com</a></p>
<p><a href="tel:+555-34762301">+555-34762301</a></p>
</address>
注意：
1、<address> 不能嵌套
2、通常，<address> 会放在 <footer> 里面
<footer>
<address>
文章的相关问题请联系<a href='mailto:zhangsan@example.com'>张三
McClure</a>。
</address>
</footer>
18、<abbr>
<abbr> 标签是一个行内元素，表示标签内容是一个缩写。
-
title 属性：给出缩写的完整形式，或者缩写的描述。
<abbr title="HyperText Markup Language">HTML</abbr>
注意：某些浏览器可能对该标签提供圆点下划线。
19、<ins>，<del>
-
<ins> 标签：是一个行内元素，表示原始文档添加（insert）的内容。 -
<del> 与之类似，表示删除（delete）的内容。
它们通常用于展示文档的删改。
浏览器默认为 <del> 标签的内容加上删除线，为 <ins> 标签的内容加上下划线。
两个标签都有以下属性。
-
cite：该属性的值是一个 URL，表示该网址可以解释本次删改。 -
datetime：表示删改发生的时间。
比如：
<ins cite="./why.html" datetime="2018-05">
<p>项目比原定时间提前两周结束。</p>
</ins>
20、<dfn>
<dfn> 是一个行内元素，表示标签内容是一个术语（definition），本段或本句包含它的定义。
<p>
通过 TCP/IP 协议连接的全球性计算机网络，叫做 <dfn>Internet</dfn>。
</p>
如果术语本身是一个缩写，这时 <dfn> 和 <abbr> 可以结合使用。
<p>
<dfn>
<abbr title="acquired immune deficiency syndrome">AIDS</abbr>
<dfn>
的全称是获得性免疫缺陷综合征。
</p>
21、<ruby>
<ruby> 标签表示文字的语音注释，主要用于东亚文字，比如汉语拼音和日语的片假名。
它默认将语音注释，以小字体显示在文字的上方。
<ruby>
汉<rp>(</rp><rt>han</rt><rp>)</rp>
字<rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
效果如下：
<ruby> 标签是一个行内元素，也是一个容器标签。如果要使用语音注释，就必须把文字和注释都放在这个标签里面。
-
<rp>：一般用于放置圆括号，如果遇到不支持的浏览器，就会将语音注释显示在括号里面。 -
<rt>：用于放置语音注释。 -
<rb>：用于划分文字单位，与语音注释一一对应。 -
<rbc>：表示一组文字，通常包含多个<rb>元素。 -
<rtc>：表示一组语音注释，跟<rbc>对应。
<ruby>
<rb>汉</rb><rb>字</rb>
<rp>(</rp>
<rt>han</rt>
<rt>zi</rt>
<rp>)</rp>
</ruby>
<rubystyle="ruby-position: under;">
<rbc>
<rb>汉</rb><rp>(</rp><rt>han</rt><rp>)</rp>
<rb>字</rb><rp>(</rp><rt>zi</rt><rp>)</rp>
</rbc>
<rtcstyle="ruby-position: over;">
<rp>(</rp><rt>Chinese</rt><rp>)</rp>
</rtc>
</ruby>
Chrome 浏览器目前不支持<rb>,<rbc>,<rtc>标签。
22、<bdo>，<bdi>
大部分文字的阅读方向是从左到右，但是有些文字的方向是从右到左，比如阿拉伯语、希伯来语等。
<bdo> 标签是一个行内元素，表示文字方向与网页主体内容的方向不一致。
例子：
<p>床前明月光，<bdo dir="rtl">霜上地是疑</bdo>。</p>
上面例子：<bdo> 标签里面的文字，会以相反的方向渲染，结果就是：“床前明月光，疑是地上霜”。
<bdo> 的 dir 属性，指定具体的文字方向。它有两个值，ltr 表示从左到右，rtl 表示从右到左。
-
<bdi>：用于不确定文字方向的情况。 -
<bdi>：不确定文字的方向，由浏览器自己决定。
<p><bdi>床前明月光，疑是地上霜。</bdi></p>
