0

我对所有 html 页面都有一个共同的标题，所以我希望 header.html 页面包含在另一个 html 页面中。建议一些方法，因为这个标题需要在所有 html 页面中给出。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    <style type="text/css">
    header#arriba {
        width:1350px;
        height:30px;
        clear:both;
        margin:auto;
        text-align:center;
        background-color:red;
        color: white;

    }

    header#arriba img {
        vertical-align:middle;
        margin:2px 700px 2px 35px; /* YOU CAN ADJUST IMAGES SPACE WITH THIS MARGINS */
    } 

    header img{
      float:left;
      margin-right:5px;

    }
    </style>
</head>
<body>
    <header id="arriba">
        <h2><img src="header.png" alt="1" width="150px" height="25px"/>Data</h2>    
    </header>
</body>
</html>
4

2 回答 2

0

首先将所有页面的扩展名从“html”更改为“shtml”。

创建一个包含标题的 HTML 页面。

现在您可以做什么，您可以通过以下命令将您的标头包含到任何 shtml 页面中

<!--#include virtual="Web/Controls/TopPanel.html" -->

唯一的先决条件是服务器应支持 SSI（服务器端注入）。

于 2013-08-16T10:52:56.857 回答
0

只有使用 AJAX 才能包含客户端页面。查看 jQuery 以获得一个简单的 AJAX 库。

示例代码（假设包含 jQuery）：

$.ajax("includes/header.html").then(function(data) {
    $('body').prepend(data);
});

这会将 html 插入到 body 元素顶部的 include/header.html 中。你也可以在头部插入东西。（用“头”代替“身体”）

于 2013-08-16T10:55:59.123 回答