2つのフレーム間で 'コンテンツにスキップ'を実装する方法

Question

フレームを使用しているWebサイトで作業しています。上部のフレームはメニューアイテムを保持し、下部のフレームはメインのコンテンツを保持します。

メインフレームのコンテンツセクションにはどのようにしたらいいですか？

Answer 1

2017年には誰もframeを使用していません。

しかし、あなたは本当に、あなたがあなたのリンクのtarget属性であなたの一番下のフレーム

<frame src="mypage.html" name="bottom" /> 

に指定さname属性を使用することができますしたい場合：

<a href="mypage.html" target="bottom">Skip to content</a> 

おかげで、懐かしさのために。

Answer 2

framesetとframeの要素を使用すると、実際は古くなっています。 （もっとも顕著な例は、Java API documentationと、JavadocとEclipse documentationを使って生成された他のJavaドキュメントです）。しかし、ネガティブ化のための1つのフレームとメインコンテンツのための1つのフレームを含むフレームセットがある場合は、 。

最初に、nameとtitleの両方の各frame要素を指定します。 titleは、支援技術、特にスクリーンリーダー用です。以下の例を参照してください。

<frameset cols="15%, *"> 
    <frame src="navigation.html" name="navigation" title="Navigation Bar" /> 
    <frame src="main.html" name="maincontent" title="Main Content" /> 
    <noframes> 
    <p>Go to the <a href="noframe.html">version without frames</a>.</p> 
    </noframes> 
</frameset> 

次に、ユーザーがフレーム間を移動できることを確認します。 Firefoxと他のいくつかのブラウザでは、ユーザは次のフレームに移動することができます. + F6を押して前のフレームに移動します（Google ChromeヘルプのChrome keyboard shortcutsを参照してください）。 （フレームナーゲーションのためのショートカットを作成するには、Vimium extenionを追加する必要があります。キーボードでのChromeのフレームナビゲーションは悪夢です）。おそらく、フレーム内のリンクをクリックした後、maincontentフレームにフォーカスを設定するスクリプトが必要になります。 navigationフレーム。関連するものについてはSetting focus to iframe contentsの質問を参照してください。

代替ソリューション：フレームを使用して停止します。