ページHTMLの特定の部分にリンクする方法
URLをクリックするたびに、ブラウザはそのURLを新しいタブで開き、実際にWebページの上部に移動します。しかし、もしあなたたちがウェブページの特定の部分に行きたいとしたらどうでしょう。子供の頃のエントリ、ウィキペディアのスティーブ・ジョブズ、または特定のFacebookの投稿やStackExchangeの質問と同じように。このようにして、オーディエンスは実際にWebサイトをナビゲートする時間を無駄にする必要がありません。この記事では、ページHTMLの特定の部分にリンクする方法について説明します。
ページ HTML の特定の部分にリンクする方法
IDタグを使用する
あなたが StackOverflow からの特定の回答にリンクしている記事を書いていると言ってください。 Redditとは異なり、StackOverflowには実際にはパーマリンクがないため、HTMLコードも手動で編集する必要があります。
ありがたいことに、ほとんどのブラウザには要素を検査する機能もあります。リンクしたい回答に移動し、その近くの領域を右クリックするだけです。メニューの右タップから、[要素の検査]オプションを選択します。
xboxライブサインインエラー0x87dd0019
HTMLコードが表示され、IDタグまたは値オプションを探します。見つけたら、クリップボードにコピーします。次に、Web ページの URL を取得して、 #ID それの終わりに。
たとえば、ページのURLが—
http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror
IDが— 29279234の場合、ジャンプURLは実際には–になります。
http://stackoverflow.com/questions/214741/what-is-a-stackoverflowerror#29279234
そして、誰かがそのリンクをタップするたびに、ページのその部分に直接移動します。
Chrome 拡張機能 |ページ HTML の特定の部分にリンクする方法
さて、最近のChromeアップデートでは、 グーグル 検索では、ウェブページで検索されたテキストが強調表示されるようになり、読者が読みやすくなりました。したがって、Web開発者が実際にWebページ上の特定のテキストにリンクしやすくするために、GoogleはLink to Text Fragmentchrome拡張機能を開きました。
remplフォルダーウィンドウ10
拡張機能をインストールしたら、Webページの特定の部分へのリンクを作成できます。 Web ページ上のテキストの一部を選択し、 右クリック 次にタップします 選択したテキストへのリンクをコピー 。次に、リンクを生成し、クリップボードに自動的にコピーします。
拡張機能は本当に新しく、いくつかのバグもあります。テキストの選択した部分にハイパーリンクまたは画像が含まれている場合、基本的には非テキスト要素です。 「一意のリンクを作成できませんでした。長い単語のシーケンスを選択してください」というエラーが生成されます。エラーメッセージは実際には完全に間違っています。問題は、選択したテキスト内にもハイパーリンクまたは非テキスト要素がある場合は常に拡張機能が失敗することです。
フェイスブック
Facebook、Twitter、さらにはStack Exchangeなどの有名なサイトの特定の投稿にリンクするには、投稿のタイムスタンプを探すだけです。見つけたら、それを右クリックして、その URL もコピーします。これで、URL を新しいタブに貼り付けると、その特定の投稿だけが表示されます。これは、タイムスタンプを使用するほとんどのWebサイトで実際に機能します。
ウィキペディア
リンクが頻繁にウィキページにリンクしている場合は、コンテンツセクションのリンクをコピーすることでセクションを簡単にリンクできます。
結論
さて、それはすべての人々でした！ページの HTML 記事の特定の部分にリンクする方法が気に入っていただければ幸いです。また、このリンクが役立つことを願っています。それについてのフィードバックをお寄せください。また、この記事に関連する質問や問題がある場合もあります。次に、下のコメントセクションでお知らせください。間もなくご連絡いたします。
韓国の生放送のテレビコード
すてきな一日を！
