该<code>元素表示一段计算机代码。这可以是计算机可以识别的任何基于字符串的数据。这是一个非常有用的内联元素;我什至在这个开头段落中使用了它!
例子
句法
<p>First set a constant variable <code>const name = "Jane";</code></p>
结果
属性
该<code>标记支持html 中的全局属性。全局属性对于所有 HTML 元素都是通用的,并且可以用于所有元素(尽管它们可能对其中一些元素没有太大影响)。
相关的 HTML 元素
元素pre有时会与code元素混淆,它们通常以类似的方式呈现。然而,该pre标签用于预格式化文本,并告诉浏览器“应保留空白(新行和空格)”。该code标签纯粹用于表示内联代码。
内容
该<code>元素接受短语内容。
代码语法高亮库
虽然本机 HTML 不为代码元素提供任何类型的内置外观自定义,但您可以使用传统 css 或利用 javascript 和 CSS 使代码在共享更复杂的片段时看起来更漂亮的第三方库。许多这些库都假设标签pre周围有一个标签code,所以一定要考虑到这一点。以下是您下一个项目要考虑的一些选项。
- 句法
- 结果
- 代码语法高亮库
发表评论