方法 : Web フォーム ページのデザイン ビューで HTML ハイパーリンクとブックマークを挿入する
ハイパーリンクとブックマークは、Web ページ内および Web ページ間でユーザーが必要なコンテンツにすばやく移動できるようにするための重要なツールです。
注意
このページで説明する手法は、ASP.NET Web フォーム ページのみに適用されます。ASP.NET MVC (モデル ビュー コントローラー) または ASP.NET Web ページを使用して作成するページには適用されません。
ハイパーリンク
ハイパーリンクは、クリックすると HTML ドキュメントを検索して Web ブラウザーで開きます。 Uniform Resource Locator (URL) 文字列を使用して新しいドキュメントを見つけます。 たとえば、ハイパーリンク <A HREF="mypage.htm"> は、現在のフォルダーで Mypage.htm というページを検索し、このページを現在のフレームに表示します。
ハイパーリンクを挿入するには
デザイン ビューで、Web ページを編集するために開きます。
ハイパーリンクとして使用するテキストまたはイメージを選択します。
[書式] メニューの [ハイパーリンクに変換] をクリックします。 デザイン ビューでキーボードを使用するには、Ctrl + L キーを押します。
[ハイパーリンク] ダイアログ ボックスが表示されます。
[URL] ボックスにリソースのパスを入力するか、[参照] ボタンをクリックします。 ターゲット ページまたはファイルに移動し、[OK] をクリックします。
.gif "ad09f4da.collapse_all(ja-jp,VS.110).gif")
target 属性の設定
target 属性を使用して、ハイパーリンクをブラウザーでどのように開くかを指定できます。そのためには、_blank、_parent、_top などの値を指定します。 target 値を _blank に指定すると、新しいブラウザー ウィンドウで、またはタブ形式ブラウザーでは新しいブラウザー タブでリンクが開きます。 target 属性が設定されていない場合、ハイパーリンクは、現在のブラウザー ウィンドウにターゲット ページを表示します。
ハイパーリンクのターゲット ウィンドウを設定するには
ハイパーリンクを選択します。
[プロパティ] ウィンドウの [target] ボックスで、下矢印を使用して値を選択します。
注意
target 属性が [プロパティ] ウィンドウに表示されるためには、Web ページの DOCTYPE が HTML 4 または HTML 5 である必要があります。XHTML 1.1 ドキュメント型定義ではアンカー要素に target 属性は設定できません。
ブックマーク
ブックマークにより、HTML ドキュメント内に、ハイパーリンクのジャンプ先となる位置が作成されます (たとえば、<a name="anchor">)。
注意
HTML5 では、<a> タグに name 属性はありません。代わりに id 属性を使用してブックマークを作成できます。次の例を参照してください。この構文は、ほとんどのブラウザーの HTML 4 でも使用できます。
<p id="NewBookmark">Bookmark location</p>
ブックマークを挿入するには
デザイン ビューで、ページ上のブックマークを設定する位置にカーソルを置きます。
[書式] メニューの [ブックマークの挿入] をクリックします。 デザイン ビューでキーボードを使用するには、Ctrl + Shift + L キーを押します。
[ブックマーク] ダイアログ ボックスが表示されます。
ブックマークの名前を入力して、[OK] をクリックします。
現在の HTML ページをブックマーク設定済みの位置までスクロールするハイパーリンクを作成できます。 ブックマークへのリンクは省略表記の URL (たとえば、<a href="#bookmark">) を使用します。
ハイパーリンクをブックマークに挿入するには
ユーザーがハイパーリンクとして使用するテキストまたはイメージを選択します。
[書式] メニューの [ハイパーリンクに変換] をクリックします。 キーボードを使用するには、Ctrl + L キーを押します。
[ハイパーリンク] ダイアログ ボックスが表示されます。
[型] フィールドの [(その他)] を選択します。
[URL] ボックスにシャープ記号 (#) とブックマーク名 (たとえば、#bookmark) を入力し、[OK] をクリックします。