2016-12-15 5 views
0

ここで厄介な質問:ナビゲーションバーやサイドバーなどの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> 

答えて

0

http://www.hongkiat.com/blog/html-import/

上記のリンクはあなたの問題について議論します。インポートは、他のhtmlファイルにhtmlファイルを含めるために使用されます。これがあなたの問題を解決することを願っています。

1

Githubページには、必要なすべての機能が用意されています。

そして、あなたはそのような質問をするのは馬鹿馬鹿ではありません。

あなたの旅を開始することができますhere

その後Jekyllを行きます。

関連する問題