HTML Webページでアンカーを使用する方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML Webページでアンカーを使用する方法

php中世界最好的语言

Feb 10, 2018 am 09:11 AM

html ウェブページ

今回は、HTML Web ページでのアンカーの使用方法と、HTML Web ページでアンカーポイントを使用する際の注意事項について説明します。実際の事例を見てみましょう。

アンカーポイントは、Webページ制作におけるハイパーリンクの一種で、名前付きアンカーとも呼ばれます。名前付きアンカーは、クイックロケーターのようなページ内のハイパーリンクであり、非常に一般的に使用されます。
英語名:アンカー
名前付きアンカーを使用してドキュメント内にタグを設定します。これらのタグは通常、特定のトピックまたはドキュメントの先頭に配置されます。これらの名前付きアンカーへのリンクを作成すると、訪問者を指定された場所にすばやく移動できます。
名前付きアンカーへのリンクの作成は 2 段階のプロセスです。まず、名前付きアンカーを作成し、次にその名前付きアンカーへのリンクを作成します。
サンプルコード
HTML ページ内の適切な場所に次のアンカーポイントを定義します:

<a name="top">这里是TOP部分</a> 
<a name="content">这里是CONTENT部分</a> 
<a name="foot">这里是FOOT部分</a>

ログイン後にコピー

(id 属性を使用して name 属性を置き換えることができ、名前付きアンカーも有効です。[1])
For上記のアンカーポイントへのアクセス: 2 つの方法
1 つは、ハイパーリンクタグを使用してアンカーリンクを作成する方法であり、主にページ内のアンカーアクセスに使用されます

<a href="#top">点击我链接到TOP</a> 
<a href="#content">点击我链接到CONTENT</a> 
<a href="#foot">点击我链接到FOOT</a>

ログイン後にコピー

アンカータグの追加は、主に異なるページ間のアンカーアクセスに使用されます。このページのアドレスが http://file path/index.html の場合、フットアンカーにアクセスするには、次のリンクにアクセスするだけです。 http:// ファイルパス/index.html#foot
2.html アンカーポイントとは何ですか?
簡単に言うと、例えば、長い記事をセグメントごとに正確に読みたい場合は、アンカーポイントを使用できます。
コード:

<a href="#001">跳到001</a> 
...文字省略 
<a name="001" id="001" ></a> 
...文字省略

ログイン後にコピー

実際、アンカーポイントには名前のみが必要です。互換性を高めるために ID が追加されます。

href の値は名前 i d と一致する必要があり、先頭に「#」を追加する必要があります。上記のコードはie6/7およびffと互換性がありますが、ie8とは互換性がありません。

アンカーポイントのの値は空なので、外観に影響を与えないようにスペースを追加します
次のコードはIE8と互換性があります

<a href="#001">跳到001</a> 
...文字省略 
<a name="001" id="001" > & n b s p </a> 
...文字省略

ログイン後にコピー

別の質問です。表示したいのですが、あるページ（例：123.html）のアンカーコンテンツはどうなるのでしょうか？

コードは以下の通りです

<a href="123.html#001">跳到001</a> 
...文字省略 
<a name="001" id="001" > & n b s p </a> 
...文字省略

ログイン後にコピー

これは昨日、背景の作業をしていたときに「位置を変更」したかったので、アンカーマークを外に移動しました（通常、私はそれを忘れています）。

しかし、プログラムは、値を取得するには接続に「?」または「&」が必要であると言っているので、私のアンカーポイントは互換性がありません...

はは！将来的には解決策が見つかるでしょう！
JSP ページではアンカーポイントの互換性に問題がありますが、
static
ページでは問題はなく、それでも学ぶ価値があります。 3. WEB開発ではページアンカーが使われます。 HTML ページのアンカーは、ページのセクションにリンクするために使用されます。 W3School では、アンカーの作成には (アンカー) タグと name 属性を使用すると述べていますが、これがページアンカーを作成する唯一の方法ではありません。 HTML ページのアンカーを作成する 2 つの方法について簡単に説明します。テストには W3School のオンラインテストツールを使用できます。リンクを開いた後のテストコードはとを使用しており、テストには問題ありません。次に、「

第 4 章

」に変更します。テスト後の効果は同じです。
説明すると、ページアンカーを作成する際には、アンカータグのname属性を使用する以外に、id属性を使用することもできます。アンカータグの href 属性の値は # で、その後にターゲットの名前または ID が続きます:

コードをコピーします

コードは次のとおりです:

<html> 
<body> 
<p> 
<a href="#method1">页面锚点方法一</a> 
</p> 
<p> 
<a href="#method2">页面锚点方法二</a> 
</p> 
<h2><a name="method1">方法一</a></h2> 
<p>使用锚标签的 href 和 name 属性</p> 
<h2 id="method2">方法二</h2> 
<p>使用锚标签和 id 属性</p> 
</body> 
</html>

ログイン後にコピー

このメソッドは習得できたと思います。これらの事例などを読んだ後は、とても興味深いですね。php 中国語 Web サイトの他の関連記事にも注目してください。