Question

我的HTML文档标记中有一堆link个标记。有什么方法可以将所有这些放在一个单独的HTML文档中，只是链接到那个文档？

请转过来：

</head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='http://fonts.googleapis.com/css?family=Arvo:700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <script src="scripts.js"></script>
    <title>Home</title>
</head>

进入这个：

<head>
    <link href="head.html" type="text/html">
    <title>Home</title>
</head>

使用包含所有这些链接的单独文件head.html？

Answer 1

您可以使用include方法在一个样式表中包含所有样式表，如下所示：

CSS：

include 'http://fonts.googleapis.com/css?family=Arvo:700'
include 'http://fonts.googleapis.com/css?family=Lato:300'
include 'http://fonts.googleapis.com/css?family=Roboto:300'

然后只链接主CSS文件。

Answer 2

简短的回答是框架。那就是如果你想使用＆＃39; html＆＃39;只要。然而框架是不好的做法，特别是为此。

你可以做＆＃39;包括＆＃39;还有Jquery：

<script> 
$(function(){
  $("#yourdiv").load("includefile.html"); 
});
</script>

另一种方法是包含PHP

http://php.net/manual/en/function.include.php

包括单独的HTML，其中包含代码

2 个答案: