截至目前,HTML中還沒有適當的「包含」方式。您可以使用<iframe src="navbar.html"></iframe>
並自定義css來隱藏邊框以使其看起來更平滑。但明白,仍然有兩個HTML文檔加載。
然而,HTML imports將在未來 HTML更新使用這樣的鏈接包裝:
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Page</title>
<link rel="import" href="navbar.html">
</head>
<body>
<p>What is a body without a heart?</p>
</body>
</html>
但是你可以使用AJAX如下做到這一點:
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="navbar"></div>
<script type="text/javascript">
$("#navbar").load("navbar.html");
</script>
</body>
</html>
PS:這也是可能在服務器端語言像PHP:
例如:include('navbar.php');
在您的anypages.php
你有任何服務器端語言,即PHP?如果沒有,你可能會對'