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

クライアント側のページ インクルードは、AJAX を使用する場合にのみ可能です。シンプルな AJAX ライブラリについては、jQuery を参照してください。

コード例 (jQuery が含まれていると仮定):

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

これにより、body 要素の上部にある includes/header.html に html が挿入されます。頭に物を挿入することもできます。（「体」を「頭」に置き換えてください）

于 2013-08-16T10:55:59.123 に答える