前端学习笔记-计算机代码-20221027

HTML 计算机代码元素

1.<kbd>定义键盘输入

<p>to save a file, press</p>
    <p>
        <kbd>Ctrl</kbd>+<kbd>S</kbd>
 </p>

2.<samp> 元素定义计算机输出示例

<samp>
        demo.example.com login: Apr 12 09:10:17
</samp>

3. <code> 元素定义编程代码示例:

注意：<code> 元素不保留多余的空格和折行，如需要，用pre元素包裹：

补充：HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略)

<code>
        <pre>
        var person={
            firstname:"Bill",
            lastname:"Gates",
            age:50,
            eyecolor:blue
        }
         </pre>
</code>

4.<var> 元素定义数学变量：

<p>Einstein wrote:</p>
    <p><var>E=mc <sup>2</sup>
</var></p>

元素总结：

<code>	定义计算机代码文本
<kbd>	定义键盘文本
<samp>	定义计算机代码示例
<var>	定义变量
<pre>	定义预格式化文本