html外联html
时间: 2023-11-24 10:53:23 浏览: 40
可以使用HTML的link标签将一个HTML文件外联到另一个HTML文件中。具体步骤如下:
1. 在需要引入外部HTML文件的HTML文件中,使用link标签,并设置rel属性为“import”,href属性为外部HTML文件的路径。
2. 在需要被引入的HTML文件中,不需要做任何特殊处理。
下面是一个例子,假设我们有两个HTML文件:index.html和about.html,我们想要在index.html中引入about.html:
```html
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Index</title>
<link rel="import" href="./about.html">
</head>
<body>
<h1>Welcome to my website!</h1>
<p>Check out the <a href="./about.html">about page</a>.</p>
</body>
</html>
```
```html
<!-- about.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>About</title>
</head>
<body>
<h1>About me</h1>
<p>I'm a web developer.</p>
</body>
</html>
```
在上面的例子中,我们在index.html中使用link标签将about.html引入,然后在body中添加了一个链接到about.html的超链接。这样,当用户访问index.html时,about.html的内容也会被加载进来。