幽灵代码
Spectre Code用于样式化内联和多行代码片段。内联代码是实际代码的一行。对于内联代码,您可以使用元素。代码片段是实际代码中包含多行代码的部分,因此我们可以将
与代码类一起用作容器,并在其中添加。 data-lang 属性在右上角呈现为语言名称。幽灵代码类型:
- Spectre 内联代码:没有预定义的类,我们可以使用
标签作为内联代码。
- 幽灵代码片段: 这用于将内容放置为编码接口。
幽灵代码类:
- 代码:这是在pre标签中使用的,在pre标签内容上给出了spectre设计。
句法:
...
以下示例说明了Spectre 代码:
示例 1:在此示例中,我们将创建 Spectre 内联代码。
HTML
GeeksforGeeks
SPECTRE Inline Code
A Computer Science portal for Geeks
HTML
GeeksforGeeks
SPECTRE Code snippet
Learning Web Development
A Computer Science portal for Geeks
输出:
示例 2:在此示例中,我们将创建一个 Spectre 代码片段。
HTML
GeeksforGeeks
SPECTRE Code snippet
Learning Web Development
A Computer Science portal for Geeks
输出:
参考: https://picturepan2.github.io/spectre/elements/code.html