1

私はかなり長い間グーグルで検索してきましたが、ここですべてのピースをまとめるのに役立つものは何も見つかりません. 私の仕様は次のとおりです。

  • index.html、menu.html、style.css の 3 つのファイルがあります。
  • menu.html には、メニューに必要なすべてのコンテンツが含まれており、html5 オブジェクトを介して index.html に含まれています。オブジェクトは次のように使用できることを理解しています: Include html file in html using html5
  • style.css は非常に最小限にすることができます。例として、赤い背景に青いテキストだけかもしれません。

私が達成したこと:

  • menu.html からテキストを取得して index.html に表示する

私の問題は、すべてのピースをまとめることです。index.html に必要な行 (つまり、スタイルを正しく参照するオブジェクト タグ) と非常に最小限の style.css を提供してくれる人がいれば、準備万端です。

助けてくれてありがとう、n00b の質問で申し訳ありませんが、html5 オブジェクトと css の組み合わせについて何も見つけられないようです。

index.html: http://pastebin.com/xn2PNAsS

menu.html: http://pastebin.com/A72csf14

style.css: http://pastebin.com/QXxwbpyq

壊れているもの:

  • オブジェクトのみ(メニュー) でスタイル シートを使用し、背景を赤にすることはできません。メインページの背景は白にしたいと思います。

  • メニュー リンクをクリックすると、ページが新しいフレームで開くようです。ページ全体を変更したい。menu.html を持つ理由は、DRY パラダイムに固執するためです。

4

2 に答える 2

2

このようなことを試しましたか?

<object type="text/html" data="menu.html" id="whatever"></object>

style.css 内

body {
   background-color: #FFFFFF;
}
#whatever {
   background-color:#ff0000;
}

menu.html では、http://www.w3schools.com/tags/att_a_target.aspからのリンクで target="_top" を使用します。つまり、

<a href="index.html" target="_top">Home</a>
于 2013-07-11T03:13:04.140 に答える