要在网页中实现代码高亮,可以使用 Highlight.js 库。以下是使用 Highlight.js 的步骤:
引入 CSS 和 JS 文件
通过 CDN 链接引入 highlight.js 的 CSS 和 JS 文件。例如:
```html
```
初始化高亮
在页面加载完成后,调用 `hljs.highlightAll();` 方法来初始化高亮显示。例如:
```html
```
将代码放入 `` 和 `要在网页中实现代码高亮,可以使用 Highlight.js 库。以下是使用 Highlight.js 的步骤:引入 CSS 和 JS 文件
引入 CSS 和 JS 文件
通过 CDN 链接引入 highlight.js 的 CSS 和 JS 文件。例如:
```html
```
初始化高亮
在页面加载完成后,调用 `hljs.highlightAll();` 方法来初始化高亮显示。例如:
```html
```
将代码放入 `` 和 `` 标签中
` 标签中
将需要高亮的代码放入 `
` 和 `` 标签中,并为 `` 标签添加一个类名,以便 Highlight.js 能够识别并高亮显示。例如:```html
function sayHello() {
console.log("Hello, Highlight.js!");
}
```
通过以上步骤,你就可以在网页中实现代码高亮显示了。以下是一个完整的示例:
```html
Code Highlight Example
function sayHello() {
console.log("Hello, Highlight.js!");
}