html - CSSを使用して、フレームと同様の方法でHTMLページの一部を更新することは可能ですか？

Question

CSSを使用してフレームのように機能させることは可能ですか？

つまり、フレーム（たとえば、左、右）を使用する場合、左をクリックすると、「target」属性を使用して右のセクションのみが更新されます。

CSSでこの効果を作成することは可能ですか？

ありがとう。

Answer 1

フレームを使用することは通常悪い考えです

あなたの質問に答えるために、いいえ、CSSをフレームのように機能させることはできません。CSSはHTMLのスタイルを変更するために使用されるため、実際にはページのコンテンツを変更することはできません。コンテンツを非表示にするために使用できますが、それはあなたが必要としているものではないと思います。

ただし、この場合、間違った質問をしている可能性があります。フレームは通常間違ったアプローチであるため。

Webデザインを始めるとき、フレームは素晴らしいアイデアのように思えます。ナビゲーションをコンテンツから分離することができます。ナビゲーションが毎回読み込まれるわけではなく、ページが読み込まれているときでもメニューが常に表示されるため、サイトの読み込みが速くなります。

しかし、実際には、フレームは使いやすさにとって非常に悪いものです。

• ユーザーは個々のページをブックマークできません
• 印刷が壊れています
• 新しいタブで開くなどのブラウザの標準機能が壊れることがよくあります
• ユーザーは、友人に送信するために特定のページのWebアドレスをコピーして貼り付けることはできません

フレームには用途がありますが（Google画像検索など）、標準のナビゲーションメニューにはお勧めしません。PHPやASP.NETなどの動的サーバー言語でページを作成してみてください。

これらの言語には、フレームを使用せずにナビゲーションメニューなどの標準要素を作成する方法があります。

Answer 2

いいえ、これはCSSとは何の関係もありません。CSSは要素のスタイリング専用です。あなたが探しているのはIFRAMEです。そしてIFRAMEには名前を付けることができます

<iframe name="my_iframe" src="xyz.htm"></ifram>

次に、リンクのターゲットになります。

Answer 3

CSSを使用してフレーム化されたコンテンツに依存するデザインがあります。を使用してこれを行うことができますoverflow:autoが、ページの特定の部分をロードするなど、必要な処理は実行されません。これを行うには、jQueryなどのAJAXライブラリを使用してコンテンツ領域を動的にロードする必要があります。URLがページの現在のコンテンツに関連していない可能性があるため、これは非常に危険です。

Answer 4

あなたはおそらくCSSのオーバーフロー部分で何かをすることができます。

幅と高さが固定され、コンテンツがたくさんあるdivをoverflow：autoで設定すると、スクロールバーが表示されます。場合によっては、アンカーを使用して、コンテンツを移動してdiv内で表示できるようにすることができます。

これは、すべてのコンテンツが1つのページにあり、アンカーとともに移動することを意味します。jqueryタブプラグインを使用して同様のことを行うこともできます。

私はこれを試したことがなく、完全に機能させるにはjavascriptが必要な場合があります。