<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>其他语意示例</title>
  </head>
  <body>
    <p>我们使用 <abbr title="超文本标记语言（Hypertext Markup Language）"> HTML </abbr> 来构建 web 文档。</p>

    <p>第 24 届<abbr title="冬季奥林匹克运动会">冬奥会</abbr>将于 2022 年 12 月在中国北京、张家口举行。</p>

    <address>
      <p>北京市朝阳区东三环中路32号</p>
    </address>

    <p>咖啡因的化学方程式是 C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>。</p>

    <p>如果 x<sup>2</sup> 等于 9，那么 x 等于 3 或者 -3。</p>

    <pre><code>const para = document.querySelector('p');

para.onclick = function() {
  alert('啊哦，别戳我了……');
}</code></pre>

    <p>不要使用 <code>&lt;font&gt;</code> and <code>&lt;center&gt;</code> 等展示元素。</p>

    <p>在上文的 JavaScript 示例中，<var>para</var> 代表一个段落元素。</p>

    <p>点击 <kbd>Ctrl</kbd>/<kbd>Cmd</kbd> + <kbd>A</kbd> 来选中所有文字。</p>

    <pre>$ <kbd>ping mozilla.org</kbd>
<samp>PING mozilla.org (63.245.215.20): 56 data bytes
64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms</samp></pre>

  </body>
</html>
