HTMLとブートストラップを使用してヘッダーを作成していて、ヘッダーを自分のサイトのすべてのページに表示します。 CSSスタイルシートに似た何かの方法がありますが、CSSの代わりにHTMLを再利用する方法はありますか?サイト全体でHTMLを再利用する方法
1
A
答えて
2
私が信じる最も簡単な方法は、jQueryを使うことです。
参照jQueryのドキュメントhere
one.html:
は<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#header").load("two.html");
});
</script>
</head>
<body>
<div id="header"></div>
</body>
</html>
two.html:
<p> Put your header in here </p>
-2
を使用して、表示されるコンテンツを変更し、周囲のヘッダー/フッター/などのみをコードすることができます。 1回だけ。それらを使用することについて不安な気持ちがあるようですので、私はそれを約束する前にいくつかの調査をします。
HTML include
もお試しできます。さもなければ、それはよいol'''gonnaであることを意味する形式のctrl-c
ctrl-v
。
+1
Realy、コピー/ペースト?メンテナンスの悪夢!良い開発者は怠惰な開発者です... – Pevara
関連する問題
- 1. Laravel 5.4、サイト全体でif else文を再利用
- 2. ユニットテスト全体でInMemoryDatabaseを再利用
- 3. 私のサイトの再利用のために、HTMLコンテンツ全体を取得し、変数を再利用する方法
- 4. サイト全体でグローバルナビゲーションを使用する方法
- 5. Javascript:コード全体とループ全体を再実行する方法
- 6. 子コンポーネントのシーケンスでHTMLコンポーネントラッパーを再利用する方法は?
- 7. HTMLで同じコンテンツを再利用する方法
- 8. クラスタイプの定義全体で汎用ワイルドカードを再利用する方法はありますか?
- 9. drupal 6サイト全体でHTTPSを有効にする方法は?
- 10. 複雑なHTMLフラグメントを再利用する最良の方法
- 11. 再利用可能なHTMLナビゲーションメニューを実装する方法は?
- 12. Angular2 - 再利用HTML
- 13. ASP.NET MVCサイトでJavascriptスニペットを再利用
- 14. xamarin.forms xamlコンテンツページのデータをアプリケーション全体に再利用
- 15. プログラム全体で再利用される一連のコマンドをパッケージ化する最も良い方法は?
- 16. スケール全体サイト
- 17. PHPを使用してWebサイトの共通要素を再利用する(HTML)
- 18. 通常のWebサイトとOfficeアドインのページをoffice.jsで再利用する方法
- 19. 全体を再アップロードせずにasp.netサイトを変更する
- 20. サイト全体とソースコードとすべてを翻訳する方法
- 21. 動的サイト全体の変数を格納する方法
- 22. サイト全体のバックエンドデータレイヤークラスインスタンスを管理する方法
- 23. Ember:RESTAdapterをサイト全体に書き直し/拡張する方法
- 24. createElement()でdiv全体を再作成する方法
- 25. jsonデータを再利用する方法
- 26. データベースコントローラを再利用する方法
- 27. サブクエリを再利用する方法
- 28. SASSスタイルを再利用する方法
- 29. Jschセッションを再利用する方法
- 30. JSONを再利用する方法
あなたはPHPなどのサーバーサイドのスクリプト言語を使用している場合、あなたは含めることができますHTMLのヘッダースニペットを複数のファイルに保存します。 – WillardSolutions
私はちょうどHTML、CSS、ブートストラップ、JSとjQueryを使用しています。私の限られた知識にサーバー側の言語はありません –
この質問を見てください:http://stackoverflow.com/questions/676394/how-to-他のHTMLファイルをHTMLページに含めることは可能ですか? – WillardSolutions