タブ付きhtmlアプリケーション

Question

私は複雑なタブベースのWebアプリケーションを書いています。ここでは、各タブは相互作用がないという意味では互いに無関係です。

1. ：だから開発を容易にするために、私はそう疑問や質問がある私は、各タブが独自に閲覧可能な別のHTMLページになりたいと後の段階で、私は、タブを経由してそれらを組み立てることができたり、メニューや樹木 かもしれたいです私はiframeを使用する予定です、すべての主要なブラウザはそれらをサポートしていますか？
2. iframeは廃止される予定です。すべての主要なブラウザでサポートされているオブジェクトタグですか？
3. 私はiframe/objectの代わりにいくつかのより良い戦略を使用することができますか？

しかし、iframeについて私が気に入っているのは、完全にモジュール式である可能性があるため、各ページは他のものについて知りません。

注：私はうまく説明する答えを選択しましたが、私はまだ考えていないのですか？ 質問iframes vs ajaxが答えるかもしれません。

Answer 1

1. はい、すべての主要なデスクトップブラウザはiframeをサポートしています。したがって、iPhone上のIEMobile、Opera Mobile、Safariなど、多くのモバイルブラウザを利用できます。私が知っている唯一の主要なブラウザであるは、には対応していません。iframeはBlackBerry Browserです。

2. オブジェクトタグはほとんどのブラウザでサポートされていますが、実装はさまざまなブラウザで非常に矛盾しています。

3. 普通のナビゲーションメニューを備えたフラットページを持っているだけで何が問題になりますか？一度に1ページしか表示せず、iframeの外側に配置される唯一のインターフェース要素がタブメニューである場合、タブをページレイアウトに統合してフレームをなくすのはなぜですか？

   フレームは、前方と後方のナビゲーションボタンのように、使い慣れたブラウザの動作を壊す傾向があります。そして、ブックマークの使用を完全に無効にします。ウェブサイトを構築する際には、訪問者のサイト閲覧方法を制限または指示しないようにしてください。ユーザーが新しいタブへのリンクを開く場合は、ナビゲーションメニューを表示しないでください。ブラウザウィンドウを特定のサイズにすると、iframeの寸法で指定された所定の領域ではなく、ページの内容がその領域を埋めるようになります。

   フレームは本質的にユーザーに不愉快なものですが、意外にも検索エンジンには不愉快です。そのため、プロフェッショナルなウェブサイトでフレーム/ iframeを使用することはほとんどありません。最近では、数百キロバイトの追加のナビゲーションデータを再ロードすることで、全体的なユーザーエクスペリエンスに影響を与えないブロードバンドが普及しています。

Answer 2

あなたのウェブサイトは静的ではないようですので、私はあなたがなぜ裸のHTMLでそれをやっているのかわかりません。

私があなただったら、私はjQuery UI Tabsの代わりに使用する

Answer 3

を、私は、彼らがすべてのタブが真に独立したであろうと、あなたの各タブとしてASP.NETとCustomUserControlを使用したいとあなたはあなたのアプリケーションの任意の場所でそれらを再利用することができます私自身の解決策。

Answer 4

各タブの別々のページについては、サーバーインクルードを使用することもできます。

Answer 5

あなたの最初の2つの質問に答えるために：

1. IFRAMEが、私は携帯電話のブラウザについてはよく分からないですが、すべての最新のウェブブラウザでサポートされています。 Opera mobileはい、今iPhoneについてはいけません。

2. htmlの次の主要な繰り返しはWHATWGによって導かれ、iFrameがサポートされます。また、非常に多くのあなたは、タブをやっているしようとしているかに依存している、

限り、異なるアプローチxhtmlでサポートされています。各タブに多くの情報がある場合や読み込みに時間がかかる場合は、iFramesを分離するのがおそらく最適です。また、独立したページとしてコードを再利用する場合は、iFramesも良いオプションです。