おはようございます。 htmlページでヘッダやフッタを使う方法を知りたいです。 私はindex.htmlと他のhtmlページを持っています。ほとんどすべてのページで同じナビゲーションバーとヘッダー/フッターを使用します。私はすべての.htmlファイルに行き、何かが変わるたびにそれぞれのすべての人のヘッダーを変更したくありません。したがって、header.htmlファイルを作成してすべてのページにインクルードしたいので、1つのファイルを編集するだけで済み、残りのファイルは更新されます。 誰かが私にPHPでそれを行うことができると私は言ったが、私は平均してページを見るためにサーバを必要としないので、まずhtmlでそれをやりたかった。 インターネットで見たすべてのもの、たとえばhrefやその他のものを検索して試しましたが、私にとってはうまくいきませんでした。 ありがとうございます！ウェブ開発ヘッダーを含む
複数のWebページでコードの冗長性を削除するには、JavaScriptまたはPHPを使用する必要があります。 Javascriptを使用すると、id属性を持つ空のdivタグを持つことができ、JSメソッドをイベントHTML属性に付加することができます。おそらくonLoadです。あなたが代わりにJSコードを有するのこのheader.jsを呼び出すことができます
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body onload='populate(example)'>
<div id="example"> </div>
<script type="text/javascript">
function populate(divID){
document.getElementById(divID).innerHTML = "<h1> HELLO! </h1>"
}
</script>
</body>
</html>
：そのイベントonLoad=populate()に、その方法でJSメソッドを呼び出して、あなたはdocument.getElementById("divID").innerHTML = 'HTML code here' ような何かを行うことができ、これは、それがどのように見えるかですHTMLファイルと、1行で複数のHTMLドキュメントにそのスクリプトをインポートする：PHPで
<script src="folder/to/header.js"></script>
、あなたはHeaderViewと呼ばれるモジュールを作成し、あなたのHomepageView.phpファイルにそのが含まれます。それらの間で選択するのはあなた次第です。 HTMLとCSSは純粋に静的な、ハードコードされたWebページです。 JavaScriptやPHPは動的にするために使用されます。この方法はもう少し複雑です。
http://stackoverflow.com/questions/18712338/make-header-and-footer-files-to-be-included-in-multiple-html-pages – Nick
それは動作しませんでした... 助けてください！ http://prntscr.com/ecr3b1 –