タグ付けされた質問 「anchor」

アンカー(<a> ... </a>)は、現在の要素(アンカー)と宛先(URI)の間のリンクを定義するために使用されるHTML要素です。


5
ローカルで実行されているWebページにローカルファイルへのリンクを作成するにはどうすればよいですか?
ハードドライブ全体に散らばっている特定のファイルを整理するhtmlファイルが欲しいのですが。たとえば、リンクする2つのファイルがあります。 C:\Programs\sort.mw C:\Videos\lecture.mp4 問題は、リンクをファイルへのショートカットとして機能させたいことです。私は以下を試しました: &lt;a href="C:\Programs\sort.mw"&gt;Link 1&lt;/a&gt; &lt;a href="C:\Videos\lecture.mp4"&gt;Link 2&lt;/a&gt; ...しかし、最初のリンクは何もせず、2番目のリンクはVLCではなくChromeでファイルを開きます。 私の質問は: リンクをファイルへのショートカットとして扱うようにHTMLを調整する方法はありますか? HTMLを調整する方法がない場合、ハードドライブ全体に散在するファイルにきちんとリンクする他の方法はありますか? 私のコンピューターはWindows 7を実行しており、私のWebブラウザーはChromeです。
155 html  anchor  local-files 


4
<a>(アンカータグ)をhref属性なしで使用できますか?
私はTwitter Bootstrapを使用してサイトを構築してきました。その機能の多くは、&lt;a&gt;JavaScriptを実行するだけの場合でも、でのラップに依存しています。href="#"Bootstrapのドキュメントで推奨されている戦術に問題があったため、別の解決策を見つけようとしました。 ただし、href属性を完全に削除してみました。私はを使用しており&lt;a class='bunch of classes' data-whatever='data'&gt;、残りはJavascriptで処理します。そしてそれは機能します。 それでも、私がこれをしてはいけないことを何かが教えてくれています。正しい?つまり、技術的に&lt;a&gt;は何かへのリンクであることになっていますが、これが問題である理由は完全にはわかりません。またはそれは?


11
html svgオブジェクトもクリック可能なリンクにする
HTMLページにSVGオブジェクトがあり、それをアンカーでラップしているため、svg画像をクリックすると、ユーザーはアンカーリンクに移動します。 &lt;a href="http://www.google.com/"&gt; &lt;object data="mysvg.svg" type="image/svg+xml"&gt; &lt;span&gt;Your browser doesn't support SVG images&lt;/span&gt; &lt;/object&gt; &lt;/a&gt; このコードブロックを使用する場合、svgオブジェクトをクリックしても、Googleに移動しません。IE8 &lt;では、スパンテキストはクリック可能です。 タグを含むようにsvg画像を変更したくありません。 私の質問は、どうすればsvg画像をクリック可能にすることができますか?
143 html  object  svg  anchor 

8
<option>タグ内でhrefリンクを使用する
次のHTMLコードがあります。 &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; ホーム、連絡先、サイトマップの値をリンクとして作成するにはどうすればよいですか?私は次のコードを使用しましたが、期待どおりに機能しませんでした。 &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
139 html  forms  tags  anchor  option 

9
CSSを使用してHTMLアンカータグをクリック/リンクできないようにすることは可能ですか?
たとえば、私がこれを持っている場合: &lt;a style="" href="page.html"&gt;page link&lt;/a&gt; リンクをクリックできないようにし、page.htmlに移動しないようにするスタイル属性に使用できるものはありますか? または、アンカータグで「ページリンク」を単にラップしない唯一のオプションですか? 編集:人々がより良いアドバイスを提供できるように、なぜこれをしたいのかを述べたいと思います。開発者が希望するナビゲーションスタイルのタイプを選択できるように、アプリケーションをセットアップしようとしています。 だから、私はリンクのリストを持っています、そして1つは常に現在選択されています、そして他のすべてはそうではありません。選択されていないリンクについては、通常のクリック可能なアンカータグにしたいのは明らかです。しかし、選択されたリンクについては、リンクをクリックしたままにすることを好む人もいれば、クリックできないようにしたい人もいます。 これで、選択したリンクの周りにアンカータグをプログラムでラップしないだけで簡単にできます。しかし、選択したリンクを次のようなもので常にラップできる場合は、よりエレガントになると思います: &lt;a id="current" href="link.html"&gt;link&lt;/a&gt; 次に、開発者がCSSを介してリンクスタイルを制御できるようにします。
132 html  css  anchor 

5
JavaScriptを使用したアンカージャンプ
よくある質問があります。問題は、明確な解決策がどこにも見つからないことです。 アンカーに関して2つの問題があります。 主な目標は、アンカーを使用してページにジャンプするときに、ハッシュを含まないきれいなURLを取得することです。 したがって、アンカーの構造は次のとおりです。 &lt;ul&gt; &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="wrap"&gt; &lt;a name="one"&gt;text 1&lt;/a&gt; &lt;a name="two"&gt;text 2&lt;/a&gt; &lt;a name="three" class="box"&gt;text 3&lt;/a&gt; &lt;/div&gt; さて、あなたがいずれかのリンクをクリックすると、URLは自動的に変更されます www.domain.com/page#1 最後に、これはちょうど: www.domain.com/page ここまでは順調ですね。2つ目は、その問題をインターネットで検索するjavascriptと、解決策が見つかることです。 私はこの機能を見つけました: function jumpto(anchor){ window.location.href = "#"+anchor; } そしてその関数を次のように呼び出します: &lt;a onclick="jumpto('one');"&gt;One&lt;/a&gt; 以前と同じです。ハッシュをURLに追加します。私も追加しました &lt;a onclick="jumpto('one'); return false;"&gt; 成功なし。ですから、これを解決する方法を教えてくれる人がいれば、本当にありがたいです。 どうもありがとう。


21
アンカーリンクをリンク先の数ピクセル上に移動する
この質問をする/検索する最良の方法はわかりません: アンカーリンクをクリックすると、リンク先領域がページの非常に上部にあるページのセクションに移動します。アンカーリンクでページのその部分に移動したいのですが、上部にスペースを確保してください。のように、リンク先のパーツに非常に上部に移動したくないので、そこに100ピクセル程度のスペースが必要です。 これは理にかなっていますか?これは可能ですか? コードを表示するように編集されました-それは単なるアンカータグです: &lt;a href="#anchor"&gt;Click me!&lt;/a&gt; &lt;p id="anchor"&gt;I should be 100px below where I currently am!&lt;/p&gt;
123 javascript  html  css  anchor 



10
PHPのURLからフラグメント(ハッシュ '#'の後の値)を取得する[終了]
休業。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 2ヶ月前に閉鎖。 この質問を改善する PHPを使用して、URLの「#」記号の後のフラグメントをどのように選択できますか? 欲しい結果は「photo45」です。 これはURLの例です。 http://example.com/site/gallery/1#photo45
107 php  url  anchor  url-fragment 

3
GithubMarkdown同じページのリンク
同じgitハブwikiページ内に2つのポイントがあるとしましょう。このため、これをとplace 1と呼びますplace 2。 ##Title ###Place 1 Hello, this is some text to fill in this, [here](place2), is a link to the second place. ###Place 2 Place one has the fun times of linking here, but I can also link back [here](place1). 別の方法はToCです。 ##Title [ToC] ###Place 1 ###Place 2 これを行う方法はありますか?注-これを見たので、話題になっていると思います。また、それはファイル間の移動を扱います、これは同じファイル間の移動を扱います。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.