HTML <a> 要素をオンラインで作成
HTML Hyperlink ジェネレーターは、Web URL、メールアドレス、または電話番号に対応する <a> 要素を作成します。リンクの種類を選び、リンク先と表示テキストを入力すると、プレビュー、HTML 出力、C# 出力が同時に更新されます。
Hyperlink ジェネレーターの設定
この対話型ジェネレーターでは、次の項目を設定できます。
- Type は通常の URL、
mailto:メールリンク、tel:電話リンクを切り替えます。 - URL、Email、Telephone はリンク先を設定し、Text は表示用かつアクセシブルなリンクラベルを設定します。
- Target は URL を開く場所を設定します。
_selfを選択するとtarget属性は省略されます。 - Download は URL リンクへブール属性
downloadを追加します。 - 関係を表す設定は、
noopener、nofollow、noreferrer、external、helpを空白区切りのrel値として組み合わせます。
メールリンクと電話リンクでは、それぞれのスキームに必要な設定だけが使用されます。URL 専用の Target、Download、関係を表す設定は出力されません。
C# で HTML <a> 要素を作成
上の HTML Code パネルには、設定したアンカーのマークアップが表示されます。下の C# Code パネルでは、 Aspose.HTML for .NET を使用して同等の要素を作成します。
生成されたコードは、次の手順で動作します。
HTMLDocumentを作成し、Document.CreateElement()でHTMLAnchorElementを作成します。Element.SetAttribute()でhrefと任意のtarget、rel、download属性を設定し、TextContentにリンクテキストを設定します。- アンカーをドキュメント本体へ追加します。
HTMLDocument.Save()で完成したドキュメントをhyperlink.htmlとして保存します。
最初にリンクを設定し、更新された C# コードを .NET プロジェクトへコピーしてください。
HTML Hyperlink ジェネレーターの FAQ
1. 完全な Web アドレスの代わりに相対 URL を使用できますか?
はい。docs/getting-started.html や ../index.html などの値は、リンクを含むページを基準に解決されます。ページの場所に関係なく同じリンク先を指す必要がある場合は、https:// で始まる絶対 URL を使用します。
2. mailto リンクや電話リンクを開くと何が起こりますか?
メール用の mailto: リンクは端末に設定されたメールアプリを、tel: リンクは通話アプリを開くよう要求します。ブラウザー自体がメールを送信したり電話をかけたりするわけではなく、結果はユーザーの端末設定に依存します。
3. 新しいタブで開くリンクにはどの rel 値を使用すべきですか?
開いたページから元ページのブラウジングコンテキストへアクセスできないようにするには noopener を使用します。リンク先へリファラー情報を送らない場合は noreferrer、公開者がリンク先を推奨しないことを示す場合は nofollow を追加します。
4. download 属性を付けたリンクがブラウザーで開くことがあるのはなぜですか?
別オリジンのリソースではブラウザーが download を無視する場合があり、サーバーのレスポンスヘッダーも表示かダウンロードかに影響します。ダウンロード動作が重要な場合は同一オリジンでテストし、リソースのレスポンスを確認してください。
5. 生成したリンクを既存の HTML ドキュメントへ追加できますか?
はい。new HTMLDocument("input.html") でファイルを開き、例のようにアンカーを作成して設定し、必要な要素へ追加してから、変更後のドキュメントを別のファイルへ保存します。
Aspose.HTML for .NET のインストール
.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。
dotnet add package Aspose.HTML
NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は
インストール ガイド
を参照してください。評価制限なしで API を試すには、
一時ライセンス
を申請できます。
関連する HTML ジェネレーター
専用ジェネレーターで他の HTML 構造や要素を作成できます。