'html'コードをスタイルシートのような別のページに保存することはできますか？

「html」用のスタイルシートがあるかどうかは不思議です。最初のものと同じ 'html'をたくさん含む2番目の 'html'ファイルがあるとどうなりますか？別のビットをコピーして貼り付ける代わりに、スタイルシートのようなものを使って、「html」を2番目のページに表示させることができますか？'html'コードをスタイルシートのような別のページに保存することはできますか？

出典

2016-03-27 Matis Renard

http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file –

これはHTMLだけでは不可能ですが、PHP、Node.js、Djangoなどの多くのサーバーサイドとクライアントサイドのフレームワークでは、Webサイト全体で同じヘッダーを使用して別のHTMLファイルを挿入することができます。

また、JavaScriptを使用してファイルをインポートすることもできます。ここではjQueryライブラリを使用した例です。

<html> 
    <head> 
    <script> 
     $("#header").load("header.html"); 
    </script> 
    </head> 
    <body> 
    <div id="header"></div> 
    </body> 
</html>

出典

2016-03-27 06:02:21

PHP方法：ちょうどので、あなたのサイトをテンプレート化するためにphp includeを使用することができますfileName.htmlからfileName.phpにHTMLファイルの名前を変更します。

はここで同じナビゲーションバーを維持する例を示します、すべてのページにnavbar.phpを言う：

navbar.php：

<ul> 
    <li>Home</li> 
    <li>About</li> 
    <li>Contact</li> 
</ul>

上記のファイルを含むすべてのページに追加されます。

のindex.php：

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="banner"> 
    .... 
</div>

ABOUT.PHP：

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="someDiv"> 
    .... 
</div>

CONTACT.PHP：もしそうなら

<div class="nav"> 
    <?php include("pathTofile/navbar.php"); ?> 
</div> 

<div class="someDiv"> 
    .... 
</div>

あなたのnavbarを編集する必要がある場合は、navbar.phpファイルを編集するだけで、変更がすべてのページに反映されます。

出典

2016-03-27 06:19:18

OPには 'php'タグが追加されていません –

@Reddy Agreed 。しかし、この方法は彼が望むものを達成する最もクリーンな方法です。しかし、彼はこれを見て、彼はPHPを使用したくないと述べている場合、私はこれを削除します:) Cheers –

これはPHPのユーザーにのみアイデアを制限します。私はjqueryを使うと '$（ 'div'）.load（）'と言うことができると思います。それは広大な群衆によって受け入れられるだろう。 –

'html'コードをスタイルシートのような別のページに保存することはできますか？

答えて

関連する問題