H5リンクの使用

今回はH5リンクの使い方についてご紹介します。H5リンクを使用する際の注意点は何ですか?実際の事例を見てみましょう。

HTML リンク は、HTML ドキュメント の活力の現れであると考えることができます。HTML リンクだけが HTML ドキュメント全体をより柔軟にし、お気に入りのコンテンツを見つけることができます。

HTML はハイパーリンクを使用して、Web 上の別のドキュメントに接続します。リンクはほぼすべての Web ページにあります。リンクをクリックすると、あるページから別のページにジャンプします。

HTML

ハイパーリンク:

HTML では、タグ 3499910bf9dac5ae3c52d5ede7383485 を使用してハイパーテキスト リンクを設定します。

ハイパーリンクは、単語、単語、単語のグループ、または画像です。これらのコンテンツをクリックすると、新しいドキュメントまたは現在のドキュメントの特定の部分にジャンプできます。

Web ページ上のリンク上にマウス ポインターを移動すると、矢印が小さな手に変わります。

href 属性は、リンクのアドレスを記述するためにタグ 3499910bf9dac5ae3c52d5ede7383485 で使用されます。

デフォルトでは、リンクはブラウザに次のように表示されます:

未訪問のリンクは青色のフォントと下線で表示されます。

訪問したリンクは紫色で下線付きで表示されます。

リンクをクリックすると、赤く下線が引かれて表示されます。

注: これらのハイパーリンクに CSS スタイルが設定されている場合、表示スタイルは CSS 設定に従って表示されます。

HTML リンク構文:

<a href="url">链接文本</a>

href 属性はリンクのターゲットを記述します。

例:

rrree

コード表示の実装: Yiju チュートリアルにアクセスしてください

上のリンクからユーザーは Yiju Tutorials のホームページにアクセスできます。

ここで注意していただきたいのは、「リンクテキスト」はテキストである必要はないということです。

画像 またはその他の HTML 要素をリンクにすることができます。

HTML リンク - ターゲット属性

target 属性を使用すると、リンクされたドキュメントを表示する場所を定義できます。

りー

リンクをリンク ホームページとして定義し、target 属性を空白にします。これは、リンクによってホームページが新しいウィンドウで開かれることを意味します。

HTMLリンク - id属性

id 属性を使用して、HTML ドキュメント内にブックマーク タグを作成できます。

ヒント: ブックマークは特別な方法で表示されるわけではなく、HTML ドキュメントにも表示されないため、読者には表示されません。
例:

HTML ドキュメントに ID を挿入:

<a href="/"></a>

HTML ドキュメント内に「役立つヒント セクション (id="tips")」へのリンクを作成します:

<a href="http://www.php.com/" target="_blank">访问</a>

あるいは、別のページから「役立つヒント セクション (id="tips")」へのリンクを作成します:

<a id="tips">有用的提示部分</a>

注意事項:

注: サブフォルダーには必ずスラッシュを追加してください。 href="http://www.runoob.com/html" のようにリンクを記述すると、サーバーに対して 2 つの HTTP リクエストが生成されます。これは、サーバーがこのアドレスにスラッシュを追加して、次のような新しいリクエストを作成するためです: href="http://www.111cn.com/html/"

画像リンク例:

<a href="#tips">访问有用的提示部分</a>

すぐに使える例:

<a href="http://www.php.cn/html/html-links.html#tips">
访问有用的提示部分</a>

現在指定されているページは、指定された場所にリンクしています:

76c82f278ac045591c9159d381de2c57
100db36a723c770d327fc0aef2ce13b1
93f0f5c25f18dab9d176bd4f6de5d30e 
4d0d87937f6c83b675e896c64d3eb7c9 
b2386ffb911b14667cb8f0f91ea547a7)6e916e0f7d1e588d4f442bf645aedb2f 
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
e388a4556c0f65e1904146cc1a846bee创建图片链接:
488640cf767a97efdc20f568dcd2c31f
67cc71036babe836bcaf3cc3cccac3e95db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846bee无边框的图片链接:
488640cf767a97efdc20f568dcd2c31f
f53d2288983007e7e822d30a5ebb6baa5db79b134e9f6b82c0b36e0489ee08ed94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

例を見てとても興奮したと思いますので、すぐに

エディタ を開いて見てください。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQueryは全選択と単一選択の反転を実現

jQuery操作の背景色のグラデーションアニメーション効果

jQueryプラグインFusionChartsは円グラフを描画します

以上がH5リンクの使用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。