ここで厄介な質問:ナビゲーションバーやサイドバーなどのHTML5ファイルを別のHTML5ファイルに含めるにはどうすればよいですか?私は、ウェブサイト上で何度も同じものを何度もコピー/ペーストする必要はありません。別のHTML5ファイルにHTML5ファイルを含めよう
私は今までこのサイトを通して多くの検索をしてきましたが、私が今までに見つけた答えのすべては、 "included version"からすべてのフォーマットとCSSを取り除いているようです。それが役に立ったら、私はGitHub PagesとHTML5のテンプレートを使って個人的なウェブサイトを作っています。サーバー側のインクルードやPHPのようなサーバーサイドのものは除外しています。 HTMLで
<!--some html-->
<header id="header">
<a href="index.html" class="logo">Some text</a>
<ul class="icons">
<li>Some more stuff that I want to include </li>
</ul>
</header>
<!--more html-->
そしてthis solution結果が含まなったが、私のスタイリングのすべてが取り除かばかり:私は今持っているもの
。私も<embed>
を試して、同じ結果を得ました。
メインファイル:
<!--some html-->
<object name="foo" type="text/html" data="header.html"></object>
<!--more html-->
ヘッダファイル(header.html)を含むように:
<header id="header">
<a href="index.html" class="logo">Some text</a>
<ul class="icons">
<li>Some more stuff that I want to include </li>
</ul>
</header>