HTML元素引用

<q>定义一个简短的引用，浏览器通常会插入引号

<p>孔子曰<q>学而时习之不亦说乎</q></p>
    <!-- q定义一个简短的引用 -->

<blockquote>是块引用，定义从另一个源引起的一部分，浏览器通常缩进<blockquote>元素

<!-- blockquote定义块引用 -->
    <blockquote cite="http:www.baidu.com">
        百度可以解答许多生活中的问题
    </blockquote>

<abbr>定义缩写，标记缩写可以给浏览器提供有用的信息，例如翻译系统和搜索引擎

<!-- abbr元素定义缩写 -->
    <p>世界卫生组织 <abbr title="World Health Organization">WHO</abbr> 创建于1948</p>

<address>定义文档或者文章的联系人信息，大多是斜体，大多数浏览器在元素前后添加换行符。

<!-- address定义文档或者文章的联系人信息 -->
    <address>
        张三<br>
        上海<br>
        详细地址
    </address>

<cite>定义作品标题，通常用斜体显示

<!-- cite定义作品标题，通常显示为斜体 -->
     <p><cite>静夜思</cite>作者：李白</p>

<bdo>定义了双向覆盖，用于重写当前元素方向

<!-- bdo定义了双向覆盖 -->
      <bdo dir="rtl">这段话将从右向左展示</bdo>

下图是以上部分代码效果展示

HTML计算机代码格式

<kbd>元素定义键盘输入

<P>键盘输入</P>
    <P><Kbd>File | Open...</Kbd></P>

<samp>定义计算机程序的输出

<p>计算机输出</p>
    <samp>
        width=device-width, initial-scale=1.0
    </samp>

<code>定义计算机编码

<p>一段编程代码</p>
    <code>
        var x = 5;
        var y = 3;
        document.getElementById("san").innerHTML = x + y;
    </code>

但是<code>元素不会保留多余的空格和换行。可以将其放到<ore>元素里

<p>code不保留多余的空格和换行，可以将其放到pre中</p>
    <pre>
        <code>
            var x = 5;
            var y = 3;
            document.getElementById("san").innerHTML = x + y;
        </code>
    </pre>

<var>定义了变量

 <p>var定义变量</p>
    <p>爱因斯坦方程式：<var>E</var> = <var>m</var><var>c</var><sup>2</sup>.</p>

下面是以上部分代码展示

HTML注释

注释只会在代码中呈现，浏览器上不会展示注释部分内容。

 <!-- 这是一段注释浏览器中不会显示 -->