HTMLで別のファイルを追加する方法についてのガイド


  1. <link>要素を使用する方法: 別のHTMLファイルを追加する一般的な方法は、<link>要素を使用することです。以下はその例です。

    <link rel="import" href="別のファイル名.html">

    この方法では、<link>要素のrel属性に"import"、href属性に追加したいファイルのパスを指定します。これにより、指定したファイルが現在のHTMLファイルに追加されます。

  2. <iframe>要素を使用する方法: もう一つの方法は、<iframe>要素を使用することです。以下はその例です。

    <iframe src="別のファイル名.html"></iframe>

    この方法では、<iframe>要素のsrc属性に追加したいファイルのパスを指定します。<iframe>要素は、指定したファイルを現在のHTMLファイル内に埋め込みます。

  3. JavaScriptを使用する方法: JavaScriptを使用することで、動的に別のファイルを追加することも可能です。以下はその例です。

    fetch('別のファイル名.html')
     .then(response => response.text())
     .then(data => {
       document.getElementById('コンテナのID').innerHTML = data;
     });

    この方法では、fetch関数を使用して別のHTMLファイルを取得し、その内容を指定した要素に追加します。コンテナのIDは、追加したい場所のHTML要素のIDに置き換えてください。

これらの方法を使用することで、HTMLファイルに別のファイルを追加することができます。適切な方法を選択し、目的に応じたコードを使用してください。