0

私はASP.NETとビジュアルスタジオを使用してWebサイトを開発することに慣れています。私は同様の問題でプレーンな.htmlWebサイトを開発しようとしています。つまり、マスターページなどを使用してコードを再利用し、これらのテンプレートファイルを.htmlファイルのグループにデプロイすることです。

例えば

head.html

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.ui.js" type="text/javascript"></script> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js">

header.html

<div data-role="header">
    <h1>Page Title</h1>
</div><!-- /header -->

footer.html

<div data-role="footer">
    <h4>Page Footer</h4>
</div><!-- /footer -->

layout.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 
        #include(head.html)
</script>
</head> 
<body> 

<div data-role="page">

    #include(header.html)

    #include_body()

    #include(footer.html)

</div><!-- /page -->
</body>
</html>

index.html

<div data-role="content">   
    <p>Page content goes here.</p>      
</div><!-- /content -->

これらすべてを1つの出力ファイルに結合します。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Page Title</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
</head> 
<body> 

<div data-role="page">

    <div data-role="header">
        <h1>Page Title</h1>
    </div><!-- /header -->

    <div data-role="content">   
        <p>Page content goes here.</p>      
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer -->
</div><!-- /page -->

</body>
</html>

このようなものはありますか？私はルビーか何かに精通していません...

4

2 に答える 2

2

サーバーサイドインクルード（SSI）がニーズを満たす場合があります。いくつかの基本的なサーバー要件が満たされている場合、次のように実行できます。

<!--#include virtual="includes/my_file.html" -->
于 2013-02-08T16:43:33.917 に答える
1

インクルードを使用してこれを行うには、少しPHPを使用できます。

ヘッダー、フッターなどは、そのセクションに表示するすべてのものを配置する新しい.phpファイルとして作成できます。

次に、あなたのindex.phpファイルを言うとあなたは次のようなことをします

<?php
    include ('header.php');
?>
<html>
    <head>
    </head>
    <body>
    </body>
<?php
    include ('footer.php');
?>

ヘッダーとフッターのPHPファイル内のすべてが含まれます。

于 2013-02-08T03:48:54.030 に答える