ハイパーリンク HTML ジェネレーター: 簡単リンク作成ツール
URL、メール、電話番号をサポートし、HTML ハイパーリンクを簡単に生成します。機能には、ターゲット属性、rel タグ、nofollow やダウンロードなどの高度なオプションが含まれます。Web 開発者、コンテンツ作成者、マーケティング担当者に最適です。
リンクオプション
プレビュー
生成されたコード
機能と使用例
一般的な使用例
- ウェブサイトのナビゲーションリンクを作成
- メール連絡先リンクを追加
- モバイル用の電話番号リンクを生成
- ファイルのダウンロードリンクを設定
- 安全な外部リンクを作成
主な利点
- 迅速なリンク生成のための使いやすいインターフェース
- rel属性による組み込みのセキュリティ機能
- アクセシビリティに配慮したリンクオプション
- 様々な使用例に対応する柔軟な設定
よくある質問
• _self: 同じウィンドウ/タブでリンクを開く（デフォルト）
• _blank: 新しいタブ/ウィンドウでリンクを開く
• _parent: 親フレームでリンクを開く
• _top: すべてのフレームをキャンセルして全画面でリンクを開く
• _blank: 新しいタブ/ウィンドウでリンクを開く
• _parent: 親フレームでリンクを開く
• _top: すべてのフレームをキャンセルして全画面でリンクを開く
信頼できないコンテンツ、有料リンク、またはユーザー生成コンテンツにリンクする際にnofollowを使用します。これは検索エンジンにリンク先ページへの権限を渡さないように指示します。
noreferrer属性は、ブラウザが参照元ウェブページのアドレスをリンク先のウェブサイトに送信するのを防ぎます。これは特に外部リンクのプライバシーとセキュリティを向上させます。
外部属性は、他のウェブサイトへのリンクであることをユーザーとブラウザが識別するのに役立ちます。これはユーザー体験のための良い実践であり、視覚的な指標（外部リンクアイコンなど）を自動的に追加するために使用できます。
メールリンク（mailto:）は、ユーザーのデフォルトメールクライアントを新しいメッセージで開きます。件名と本文のパラメータを追加できます。例：mailto:[email protected]?subject=こんにちは&body=メッセージ
電話リンク（tel:）により、モバイルユーザーが直接電話をかけることができます。モバイルデバイスや通話機能を持つデスクトップコンピュータ（Skypeなど）で機能します。形式：tel:+1234567890
download属性は、ブラウザにリンクされたリソースに移動する代わりにダウンロードすることを提案します。PDF、画像、その他のダウンロード可能なコンテンツに便利です。デフォルトのファイル名も指定できます。
• "ここをクリック"の代わりに説明的なリンクテキストを使用する
• アクセシビリティのための十分な色のコントラストを確保する
• リンクテキストを簡潔かつ意味のあるものにする
• セキュリティのための適切なrel属性を使用する
• 追加のコンテキストのためにtitle属性の追加を検討する
• リンク切れを避けるために定期的にリンクをテストする
• アクセシビリティのための十分な色のコントラストを確保する
• リンクテキストを簡潔かつ意味のあるものにする
• セキュリティのための適切なrel属性を使用する
• 追加のコンテキストのためにtitle属性の追加を検討する
• リンク切れを避けるために定期的にリンクをテストする
• 可能な場合は外部リンクにHTTPSを使用する
• 外部リンクにnoreferrerを追加する
• target="_blank"リンクにnoopenerを使用する
• リンクを作成する前にURLを検証する
• URLの特殊文字をエスケープする
• 信頼できないコンテンツにはrel="nofollow"の追加を検討する
• 外部リンクにnoreferrerを追加する
• target="_blank"リンクにnoopenerを使用する
• リンクを作成する前にURLを検証する
• URLの特殊文字をエスケープする
• 信頼できないコンテンツにはrel="nofollow"の追加を検討する
URLの特殊文字はエンコードする必要があります。例：
• スペースは%20になる
• ?は%3Fになる
• &は%26になる
• =は%3Dになる
このツールは自動的にURLエンコーディングを処理します。
• スペースは%20になる
• ?は%3Fになる
• &は%26になる
• =は%3Dになる
このツールは自動的にURLエンコーディングを処理します。