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

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

30
リンクのように機能するHTMLボタンを作成する方法は?
OverаэтотвопросестьответынаStack Overflowнарусском:КаксоздатьHTML-кнопку、котораябудетвесвесвесисебя、как リンクのように機能するHTMLボタンを作成したいと思います。したがって、ボタンをクリックすると、ページにリダイレクトされます。できるだけアクセスしやすいようにしたいと思います。 また、URLに余分な文字やパラメータが含まれないようにしたいと考えています。 どうすればこれを達成できますか? これまでに投稿された回答に基づいて、私は現在これを行っています: &lt;form method="get" action="/page2"&gt; &lt;button type="submit"&gt;Continue&lt;/button&gt; &lt;/form&gt; しかし、これの問題は、SafariとInternet Explorerでは、URLの末尾に疑問符文字が追加されることです。URLの末尾に文字を追加しないソリューションを見つける必要があります。 これを行うには他に2つの解決策があります。JavaScriptを使用するか、リンクをボタンのようにスタイリングします。 JavaScriptの使用: &lt;button onclick="window.location.href='/page2'"&gt;Continue&lt;/button&gt; ただし、これには明らかにJavaScriptが必要です。そのため、スクリーンリーダーからのアクセスは困難です。リンクのポイントは、別のページに移動することです。したがって、ボタンをリンクのように振る舞うことは、間違った解決策です。私の提案は、リンクを使用して、ボタンのように見えるようにスタイルを設定することです。 &lt;a href="/link/to/page2"&gt;Continue&lt;/a&gt;

18
JavaScriptを使用してURLの#ハッシュを確認するにはどうすればよいですか?
#URLにハッシュ()アンカーリンクがある場合にのみ実行したいjQuery / JavaScriptコードがあります。JavaScriptを使用してこのキャラクターを確認するにはどうすればよいですか?次のようなURLを検出する簡単なキャッチオールテストが必要です。 example.com/page.html#anchor example.com/page.html#anotheranchor 基本的には次のようなものです: if (thereIsAHashInTheUrl) { do this; } else { do this; } 誰かが私を正しい方向に向けることができれば、それは大歓迎です。


27
divをリンクに作ります
&lt;div&gt;変更したくない、派手なビジュアルコンテンツを含むブロックがあります。クリック可能なリンクにしたい。 私はのようなものを探していますが&lt;a href="…"&gt;&lt;div&gt; … &lt;/div&gt;&lt;/a&gt;、それは有効なXHTML 1.1です。
545 css  html  xhtml  anchor 


27
アンカーリンクをクリックしたときのスムーズなスクロール
ページにハイパーリンクがいくつかあります。ユーザーが私のヘルプセクションにアクセスしたときに読むFAQ。 アンカーリンクを使用して、ページをアンカーに向かってスクロールさせ、ユーザーをそこに誘導できます。 そのスクロールをスムーズにする方法はありますか? しかし、彼がカスタムJavaScriptライブラリを使用していることに注意してください。たぶんjQueryはこのようなものを提供していますか?

8
HTMLの新しいタブでリンクを開く方法は?
私はHTMLプロジェクトに取り組んでおり、JavaScriptなしで新しいタブでリンクを開く方法を見つけることができません。 &lt;a href="http://www.WEBSITE_NAME.com"&gt;&lt;/a&gt;同じタブでリンクを開くことはすでに知っています。それを新しいもので開く方法はありますか?

30
固定ページヘッダーがページ内アンカーと重なる
HTMLページに非スクロールヘッダーがあり、上部に固定され、高さが定義されている場合: URLアンカー(#fragmentパーツ)を使用して、ブラウザーでページの特定のポイントまでスクロールする方法はありますが、JavaScriptを使用せずに固定要素の高さを尊重する方法はありますか? http://foo.com/#bar 誤り(ただし、一般的な動作):正しい: + --------------------------------- + + -------------- ------------------- + | BAR /////////////////////ヘッダー| | ////////////////////////ヘッダー| + --------------------------------- + + -------------- ------------------- + | これがテキストの残りの部分です。| バー| | ... | | | | ... | | これがテキストの残りの部分です。 | ... | | ... | + --------------------------------- + + -------------- ------------------- +
358 html  url  anchor  fragment 

27
AngularJSでアンカーハッシュリンクを処理する方法
AngularJSでアンカーハッシュリンクをうまく処理する方法を知っている人はいますかますか? 簡単なFAQページの次のマークアップがあります &lt;a href="#faq-1"&gt;Question 1&lt;/a&gt; &lt;a href="#faq-2"&gt;Question 2&lt;/a&gt; &lt;a href="#faq-3"&gt;Question 3&lt;/a&gt; &lt;h3 id="faq-1"&gt;Question 1&lt;/h3&gt; &lt;h3 id="faq-2"&gt;Question 2&lt;/h3&gt; &lt;h3 id="fa1-3"&gt;Question 3&lt;/h3&gt; 上記のリンクのいずれかをクリックすると、AngularJSがインターセプトして、まったく別のページ(私の場合、リンクに一致するルートがないため、404ページ)にルーティングされます。 私の最初の考えは、「/ faq /:chapter」に一致するルートを作成し、対応するコントローラーチェックで作成することでした$routeParams.chapter一致する要素の後にし、jQueryを使用してその要素までスクロールすることでした。 しかし、AngularJSは再び私にたわごとを与え、とにかくページの上部にスクロールします。 だから、ここの誰かが過去に似たようなことをし、それに対する良い解決策を知っていますか? 編集:html5Modeに切り替えると問題が解決するはずですが、とにかくIE8 +をサポートする必要があるため、受け入れられない解決策ではないかと心配しています:/

17
HTMLページを指定されたアンカーまでスクロールする方法は?
JavaScriptを使用するだけで、ブラウザーでページを特定のアンカーにスクロールできるようにしたいと思います。 HTMLコードでnameまたはid属性を指定しました: &lt;a name="anchorName"&gt;..&lt;/a&gt; または &lt;h1 id="anchorName2"&gt;..&lt;/h1&gt; に移動して得られるのと同じ効果を得たいのですがhttp://server.com/path#anchorName。アンカーがページの表示部分の上部近くになるように、ページをスクロールする必要があります。





14
jQueryを使用してページをアンカーまで上下にスクロールする方法は?
ページの上または下のローカルアンカーへのリンクをクリックしたときのスライド効果を含める方法を探しています。 あなたがそのようなリンクを持っている何かが欲しい: &lt;a href="#nameofdivetc"&gt;link text, img etc.&lt;/a&gt; おそらくクラスが追加されているので、このリンクをスライディングリンクにしたいことがわかります。 &lt;a href="#nameofdivetc" class="sliding-link"&gt;link text, img etc.&lt;/a&gt; 次に、このリンクをクリックすると、ページが必要な場所(div、見出し、ページの上部など)まで上下にスライドします。 これは私が以前持っていたものです: $(document).ready(function(){ $(".scroll").click(function(event){ //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split the url by # and get the anchor target name - …

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