ホームページ  >  記事  >  ウェブフロントエンド  >  HTML のハイパーリンクの詳細な紹介

HTML のハイパーリンクの詳細な紹介

黄舟
黄舟オリジナル
2017-05-27 14:11:412977ブラウズ

ハイパーリンク: URL (Uniform Resource Locator) とも呼ばれ、Uniform Resource Locator です。一般的な効果としては、Web ページ上のどこかをクリックすると、Web ページが自動的に別の場所にジャンプします。

一般的なリンクは次の要件に従います: host.domain:port/path/filename

たとえば、W3C Web サイトのアドレスは www.w3school.com.cn/html/index.asp です。上記の各単語を次のように説明します:

スキーム - インターネット サービスのタイプを定義します。最も一般的なタイプは http です。 ホスト - ドメイン ホストを定義します (http のデフォルトのホストは www) ドメイン - w3school.com.cn などのインターネット ドメイン名を定義します。 :ポート - ホスト上のポート番号を定義します (デフォルトのポート) http の数値は 80)
path - サーバー上のパスを定義します (省略した場合、ドキュメントは Web サイトのルート ディレクトリに配置する必要があります)。
filename - ドキュメント/リソースの名前を定義します

注: Scheme によって定義されるサービス タイプは次のとおりです:
http Hypertext Transfer Protocol http:// で始まる通常の Web ページ。暗号化はありません。
https ハイパーテキスト転送プロトコルの安全な Web ページ。交換されるすべての情報を復号化します。 たとえば、Alipay の Web サイトアドレス: https://www.alipay.com/
Web サイトへのファイルのダウンロードまたはアップロードには、FTP ファイル転送プロトコルが使用されます。
ファイル:コンピュータ上のファイル。

実際、Web 開発では、ee7959cc8dd4be16ef633321c03dac325db79b134e9f6b82c0b36e0489ee08ed を使用して、http リンク:

<a href=http://www.baidu.com>百度</a>

2 のパスを定義します。
<a href=file:///e/images/pic.jpg>图片</a>

3. FTP リンク

<a href=ftp://192.168.4.21/>进入</a>

4. 電子メール リンク


<a href=mailto:bnbbs@163.com>E-MAIL</a>

最後に、目的のリンクに焦点を当てましょう。これは通常、クリック後にジャンプする Web ページ上の場所です。たとえば、淘宝網 Web サイト ページの「トップに戻る」リンク


アンカー ポイントを定義します: 296ca30bc54768db669403f833e9468b...5db79b134e9f6b82c0b36e0489ee08ed

リンク ポイント: a46187cad734d8e771c286dce717fe5c…5db79b134e9f6b82c0b36e0489ee08ed


もちろん、他のページに移動することもできます:

照準点を定義します: 296ca30bc54768db669403f833e9468b…4a11e5928b3688cf38c9163b657eb5ac

リンクアンカーポイント:a103e039b0860639cb0fdbf5bb2caaf5…5db79b134e9f6b82c0b36e0489ee08ed

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。