-
<link>
要素を使用する方法: 別のHTMLファイルを追加する一般的な方法は、<link>
要素を使用することです。以下はその例です。<link rel="import" href="別のファイル名.html">
この方法では、
<link>
要素のrel
属性に"import"、href
属性に追加したいファイルのパスを指定します。これにより、指定したファイルが現在のHTMLファイルに追加されます。 -
<iframe>
要素を使用する方法: もう一つの方法は、<iframe>
要素を使用することです。以下はその例です。<iframe src="別のファイル名.html"></iframe>
この方法では、
<iframe>
要素のsrc
属性に追加したいファイルのパスを指定します。<iframe>
要素は、指定したファイルを現在のHTMLファイル内に埋め込みます。 -
JavaScriptを使用する方法: JavaScriptを使用することで、動的に別のファイルを追加することも可能です。以下はその例です。
fetch('別のファイル名.html') .then(response => response.text()) .then(data => { document.getElementById('コンテナのID').innerHTML = data; });
この方法では、
fetch
関数を使用して別のHTMLファイルを取得し、その内容を指定した要素に追加します。コンテナのID
は、追加したい場所のHTML要素のIDに置き換えてください。
これらの方法を使用することで、HTMLファイルに別のファイルを追加することができます。適切な方法を選択し、目的に応じたコードを使用してください。