HTMLでハイパーリンクを張る方法

HTML は Web ページの作成に使用されるマークアップ言語で、カラフルな効果を実現するためのさまざまなタグと属性が含まれています。中でもハイパーリンクは、異なるWebページやページ内の異なる場所を相互に接続し、ユーザーが興味のあるコンテンツに素早くジャンプできるようにする重要な機能です。 HTML を使用してハイパーリンクを実装する方法を見てみましょう。

まず、基本的な HTML ドキュメントを作成する必要があります。ドキュメントでは、タグを使用してハイパーリンクを作成できます。このタグには、href 属性と text 属性という 2 つの主な属性があります。

href 属性は、リンク ターゲットの URL アドレス、つまりユーザーがリンクをクリックした後にジャンプする Web ページまたは場所を指定するために使用されます。その値は、完全な URL アドレスまたは相対パスにすることができます。たとえば、Baidu 検索エンジンのホームページにリンクしたい場合は、次のように記述できます。

百度搜索

text 属性は、リンクのテキスト コンテンツ、つまり、リンク テキストを指定するために使用されます。ユーザーは Web ページで見ることができます。中国語、英語、数字などを含む任意のテキストを使用できます。たとえば、「ここをクリック」をニュース ページにリンクしたい場合は、次のように記述できます。

点击这里

ここでの「news.html」は相対パスであり、フォルダー内に名前があることを意味します。現在の Web ページが置かれている場所。ファイルは「news.html」です。ユーザーはリンクをクリックすると、このファイルにジャンプします。

href 属性と text 属性に加えて、タグにはその他のオプションの属性があります。より一般的に使用される属性の 1 つは、リンクされたページを開く場所を指定するために使用される target 属性です。デフォルトでは、リンクされたページは現在のウィンドウで開きますが、リンクを新しいウィンドウで開きたい場合は、target 属性を「_blank」に設定します。たとえば、Baidu 検索を新しいウィンドウで開きたい場合は、次のように記述できます。

百度搜索

タグに加えて、アンカー ポイントという特別なハイパーリンクもあります。アンカー ポイントは、同じページ内の異なる場所間を移動するために使用され、通常はドキュメント ディレクトリやナビゲーション バーなどで使用されます。アンカーを作成するには、ターゲットの場所の id 属性を設定し、リンク内で # 記号と属性の値を使用する必要があります。たとえば、「トップに戻る」をページの先頭にリンクしたい場合は、次のように記述できます。

回到顶部 ... 
这里是页面顶部

ここでの #top は、ページ上の ID が「top」である要素を表します。ユーザーはリンクをクリックするとこの要素の場所にジャンプします。