たとえば、多くのセクションを持つ Web サイトを構築していて、これらのセクションをモジュール化して、各セクションが独自の HTML ファイルになるようにしたいとします。つまり、基本的に、この小さなモジュールをメインの HTML ファイルの任意の場所に含めることができます。あるいは、コード行を書き直すことなく、ナビゲーション バーとフッターを他の HTML ページに簡単に含めることもできます。
これは HTML だけで可能ですか?
ベストアンサー1
編集:検討する価値のある選択肢はobject
タグ。ページに別のファイル(任意の種類)を含めることができます。
これは、以下の他のオプションと比較して、より適切なオプションのようです。
<object type="text/html" data="file.html"></object>
これは HTML5 Import と同様の原理で動作します。
このobject
タグはHTML 4の一部なので、サポートされているIE6+、Firefox 2+、Chrome 1+ 以降など。
使用HTML5 インポート。それはサポート/実装ブラウザが非常に限られている。
<link href="extern.html" rel="import" />
それ以外では、クライアント側から別のファイルをインポートするには、最低限 JavaScript が必要です。技術に応じて、バックエンドからこれを行うためのさまざまなオプションがあります。
ピートが指摘したもう一つの可能性は、iframe フレーム(ただし、私はそれらを使用しないことを好みます)。
HTML5 Importsの使用は、以下の通り強く推奨されません。ここ。
以下は上記のリンクから抜粋したメモです:
MS Edge のステータス: 検討中
Chrome のステータス: 非推奨
Firefox のステータス: 計画なし
WebKit ステータス: 検討中ではありません
Firefox は HTML インポートをサポートする予定はありませんが、現時点では about:config の「dom.webcomponents.enabled」設定で有効にすることができます。