HTML5でページの最後へのジャンプハイパーリンクを作成する方法

青灯夜游
リリース: 2022-01-18 11:39:30
オリジナル
5333 人が閲覧しました

html5 ページのフッターにジャンプするハイパーリンクを作成する方法: 1. ページのフッターに要素を作成し、アンカー ポイントとして設定します。構文は ".. .要素名>"; 2. ハイパーリンクを作成し、アンカー ポイントに関連付けます。構文は "クリックしてジャンプしますページの最後まで a>」。

HTML5でページの最後へのジャンプハイパーリンクを作成する方法

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 では、アンカー リンクを使用して、ページの最後にジャンプする効果を実現できます。

アンカーリンクとは何ですか?

HTML 内のリンクは、正しく「アンカー」と呼ばれる必要があります。これはアンカー リンク (ブックマーク リンクとも呼ばれます) と呼ばれ、大きくて扱いにくいコンテンツを含む Web ページによく使用されます。名前付きアンカーを使用すると、ドキュメントをポイントするだけでなく、ページ上の特定の段落をポイントすることもでき、リンク オブジェクトをフォーカスに近づける「正確なリンク」のための便利なツールとしても使用できます。閲覧者にとって、Web ページのコンテンツを表示するのに便利です。これは、本を読むときの目次のページ番号や章のリマインダーに似ています。タグ アンカーは、ページの特定の部分をターゲットにする必要がある場合に最適な方法です。

アンカーポイントはロケーターです。

ページの最後へのジャンプ ハイパーリンクを作成します

ステップ 1: アンカー ポイントを設定します

<div id="bottom">页尾</div>
ログイン後にコピー

ステップ 2 : ロケーターのスイッチを開始する設定

<a href="#bottom">点我跳转页尾 </a>
ログイン後にコピー

サンプル コード:



	
		
		
	
	
		<a href="#bottom">点我跳转页尾 </a>
		
页头
<div id="bottom">页尾</div>
ログイン後にコピー

HTML5でページの最後へのジャンプハイパーリンクを作成する方法

関連する推奨事項:「html ビデオ チュートリアル」 「

以上がHTML5でページの最後へのジャンプハイパーリンクを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!