3

HTML/CSS を使用して静的な Web サイトを開発しています。私の Web サイトには 7 つのページがあり、各ページのヘッダー コンテンツはまったく同じです。HTML に何らかのインポート/インクルード機能はありますか?

これは、私が探している種類のものの例です (完全に構文を作成したことに注意してください)。

【出典(header.html)】

<html>
    <head><title>Source Page</title></head>
    <body>
        <div id="myheader">Hello, World!</div>
    <body>
</html>   

[ソースからインポートするページ]

<html>
    <head><title>My Title</title></head>
    <body>
        <div import="id:myheader;source:url('header.html');"/>
    <body>
</html>

ありがとうございました!

1月

4

3 に答える 3

3

そうではありません。アクセシビリティと使いやすさの順に、いくつかのオプションがあります。

  1. サーバー側のインクルード(静的ファイル サーバーがそれらをサポートしていると仮定します - ほとんどの場合)。
  2. iframes
  3. 単一ページ アプリケーション スタイル (JavaScript が必要)。
  4. framesets(レガシー、可能であれば避けてください)。

SSI

<!--#include virtual="header.html" -->

iframes

<!-- Assuming HTML5 -->
<iframe src="header.html" seamless></iframe>

Javascript

<script>
// We have a magic ajax function
ajax("header.html", function(data) {
    document.getElementById("header").innerHTML = data;
});
</script>

framesets

しないでください:-)

于 2012-11-10T17:22:04.077 に答える
0

HTML テンプレートを使用して同じことを実現できます.....dreamweaver を使用している場合は、ヘッダー フッターとサイト全体の共通レイアウト用に .dwt ファイルを 1 つ作成します.....すべてのテンプレートに自動的に含まれますあなたのページの.....:)

プレーンなhtmlだけでサーバー側のスクリプトを作成する必要はありません......................

于 2013-07-17T08:48:54.493 に答える
0

いいえ、HTML にはそのような機能はありません。ただし、サーバー側 (サーバーの設定に応じて多くのオプションがあります) またはクライアント側 (JavaScript、AJAX で追加のコンテンツを読み込む) ソリューションを使用して結果を得ることができます。

于 2012-11-10T17:21:05.220 に答える