HTML設定

HTML タグの設定

a タグは、HTML で最も一般的に使用されるタグの 1 つです。その機能は、ユーザーがリンクをクリックして別の Web ページにアクセスしたり、Web ページをダウンロードしたりできるようにするリンクを作成することです。ファイルを作成するか、電子メールを送信して、操作を待ちます。タグの基本的な構文は次のとおりです。

<a href="链接地址">链接文本</a>

このうち、href 属性はリンク先のリソースの URL アドレスを指定し、リンク テキストは表示されるリンク テキスト、つまりテキストです。ユーザーがページ上で見るコンテンツ。

一般的なタグ使用シナリオは次のとおりです:

1. 別の Web ページにジャンプ

   <a href="http://www.example.com">跳转到Example</a>

2. ファイルをダウンロード

   <a href="http://example.com/file.docx">下载word文档</a>

3. Send Email

   <a href="mailto:example@example.com">联系我们</a>

基本的な構文に加えて、a タグには設定できる属性が多数あります。一般的に使用される属性のいくつかを紹介します。属性。

1. target 属性
   target 属性は、リンクのターゲットが表示される場所を指定します。 target 属性の一般的な値は次のとおりです。

• _self: 新しいリンクは現在のウィンドウまたはフレームに表示されます
• _blank: 新しいリンクは、新しいウィンドウまたは新しいタブに表示されます。
• _parent を
• _parent に表示します。 新しいリンクは、リンクが配置されているウィンドウの親フレームに表示されます。

_top:新しいリンクは、すべてのフレームの上部ウィンドウに表示されます。

たとえば、次のコードは、新しいタブでサンプル ページを開きます。

2. <a href="https://www.example.com" target="_blank">打开Example</a>

   
   
rel 属性

rel 属性は、nofollow、noopener、noreferrer などのリンク関係を指定します。これらの属性は、検索エンジンがページがどの程度リンクされているかを理解するのに役立ちます。

• nofollow: リンクをたどらないように検索エンジンに通知し、リンク分析から除外します。
• noopener: ページが新規で開かれたときにオリジナルを盗むのを防ぎます。 tab Page data

noreferrer: ページジャンプ時に HTTP Referer ヘッダー情報が漏洩しないようにします

以下は rel 属性を使用したサンプルコードです:

3. <a href="http://www.example.com" rel="nofollow">Example</a>

   
   
title 属性

title 属性は、リンク上にマウスを置いたときに表示されるテキスト情報を指定します。これは、ユーザーがリンクの機能や内容を理解するのに役立ちます。

4. <a href="http://www.example.com" title="前往Example">Example</a>

   
   
download 属性

download 属性は HTML5 の新しい属性で、リンクされたリソースをダウンロードまたは保存する必要があることを指定します。ユーザーがリンクをクリックすると、ブラウザはファイルのダウンロードを求めるプロンプトを表示するか、ファイルを直接ダウンロードします。

<a href="http://example.com/file.docx" download>下载</a>

ダウンロード属性を設定する場合、ダウンロードしたファイル名を指定できます。

<a href="http://example.com/file.docx" download="mydoc.docx">下载</a>

###上記は、一般的に使用されるタグ属性の設定方法の一部です。なお、aタグを設定する際には、ユーザーの誤解を招くなどの問題を防ぐため、リンク先のアドレスの信頼性や信頼性、リンクテキストと対象コンテンツとの対応関係などに特に注意してください。または、ユーザーを悪意のある Web サイトにアクセスするように誘導します。 ###

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