• ベストアンサー

aタグの記述方法

同じ文章の中にリンクと、ナビゲーションをつけたいのですが、 記述は以下で大丈夫でしょうか。 <a href="△△" name="○○">あいうえお</a> 初歩的な質問ですが、よろしくお願いします。

  • HTML
  • 回答数5
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
  • ICHI-yan
  • ベストアンサー率33% (45/134)
回答No.5

1つ(abc.html)のページ中のリンクなら飛びたい場所に <a name="aiueo">あいうえお</a> 同一ページから飛びたい時は <a href="#aiueo">あいうえおへ</a>をクリックすれば飛べます。 別のページからは、 <a href="abc.html#aiueo">ABCページのあいうえおへ</a> 別サイトからなら、 <a href="http://~/abc.html#aiueo">あいうえおへ</a> とすれば飛べます。受け側は<a name="aiueo">あいうえお</a>で、共通です。私も、どちらかというと、a nameよりidの方を薦めます。

HOLDERR
質問者

お礼

ありがとうございます。やってみます。

その他の回答 (4)

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.4

id属性はスタイルシートではありません。 (詳しくは検索でもしてください) <a href="△△" id="○○">あいうえお</a> <a href="#○○">あいうえおへ</a> で飛べます。やってみましょう。

HOLDERR
質問者

お礼

ありがとうございました。やってみます。

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

 アンカータグの使い方がお分かりなら、間違いではないですが↓ http://www.tohoho-web.com/html/a.htm http://www.tohoho-web.com/how2/link.htm#nameLink

HOLDERR
質問者

補足

補足です。a href="△△"では別urlにリンクするようにしたく、(普通のリンク) name="○○"では別ページからこの「あいうえお」部分にリンクで飛んでこれる設定にしたいのです。 テンプレートを元に文章の流し込みを頼まれています。 スタイルシートはすでに型が出来ている為、いじらない条件です。 アンカーは使わず、ナビゲーションを使うように頼まれました。 あまり知識はありませんので、言葉足らずでしたら補足します。

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.2

>同じ文章の中にリンクと、ナビゲーションをつけたいのですが 「同じ文章の中」とは? 1つのページ中のリンクなら <a name="aiueo">あいうえお</a> 「ナビゲーション」とは?

HOLDERR
質問者

お礼

同じ文章とは、「あいうえお」から別ページにリンクできるということと、また他のページから「あいうえお」に飛んでこれるようにしたいという事です。

回答No.1

name属性ではなくid属性で着けるように変更してください。 それ以外は特に問題がありません (ブロックレベル要素・インライン要素やその他の知識は理解できているものとする)

HOLDERR
質問者

補足

idはスタイルシートですよね? ホームページのリニューアル(文章流し込み)を人から頼まれているのですが、nameで記述するようにとの条件で、又テンプレートで型はすでに出来ているので、スタイルシートは使わないようにとの事でした。 知識は少しかじった程度です。。

関連するQ&A

  • 記事内リンク挿入時のタグの記述について

    ブログ記事で、記事内にリンクを張る方法について、2点教えて下さい。 質問1 <a name="aaaaaa">×××</a>でラベルをつけて <a href="#aaaaaa">○○○</a> と記述すると、×××の下の方の行に、リンクされてしまします。 記述の仕方が悪いのでしょうか。 1行上は改行スペースなので、更に上の行を指定しなければならないのでしょうか。 質問2 ラベルを付けた×××に下線がつき、あたかもここからリンク先があるように表示されます。 この×××分は、単に参照される文字なので、下線がつかない状態にしたいのですが、どのようにすれば良いでしょうか。 初心者向けにわかりやすく教えてくださいますようお願いします。

  • javascript aタグ内の記述について

    javascriptのaタグ内の記述について質問です。 まず、gallery.htmlというページ内で、下記のような記述をして表示の切り替えを実装しています。 ■HTML内 <a href="javascript:SwitchTopic(01);">画像一覧</a> ■js内 function SwitchTopic(num) { var num; if(num == 01){ document.getElementById("topic01").style.display = 'block'; //これだけ表示 document.getElementById("topic02").style.display = 'none'; } } これを、他のページからgallery.htmlへリンクを飛ばしたときに SwitchTopicで表示を切り替えた部分に飛ばしたいのですが <a href="../../gallery.html">  ↑このaタグ内で一緒に javascript:SwitchTopic(01)の実装ができるものでしょうか? gallery.htmlに飛ばすことはできても、切り替えた部分に飛ばすことができず行き詰っております… あまりjavascriptの知識がないため、記述の仕方をご教授いただければ助かります。 よろしくお願いいたします。

  • タグに変数を埋め込んでも値が反映されません。

    こんにちわ。 最近PHPを始めた者です。 echo を使ってブラウザに出力する時に、 echo "<a href=test.php?     page=$page>$name</a>"; と記述しましたら、 ブラウザで 「$name」はリンクとして表示されますが、 リンクアドレスは、「test.php?page=」となり $pageの値が入りません。 解決方法を教えて欲しいです・・・。 初歩的なことかもしれませんが宜しくお願いします。

    • ベストアンサー
    • PHP
  • javaScriptの記述方法

    onclick="javaScript:opensub('pop.html')" のようにあるリンクをクリックしたらウィンドウが開くというのをしているのですが、↓ <input type="image" name="test01" alt="test01" src="test/tes01/01.jpg" onclick="javaScript:opensub('pop.html')"/> <a href="#">○○○○○○○</a> ↑のようなリンクに上記のようなonclick="javaScript:opensub('pop.html')" を記述しようと思ったらどのようにすればいいでしょうか? すいませんがよろしくお願いいたします

    • ベストアンサー
    • HTML
  • Aタグを文字ではなくタグとして認識させたい…

    http://okweb.jp/kotaeru.php3?q=1422320でリンクをクリックすると押せなくなる処理を作りました。 しかし新たな問題が… 以下はソースです。 function linkcontrol(linkno) {  switch(linkno){   case 1:    slink1.innerText ='LINK1';    slink2.innerText ='<a href="javascript:linkcontrol(2)">LINK2</a>';    slink3.innerText ='<a href="javascript:linkcontrol(3)">LINK3</a>';    break;   case 2:    slink1.innerText ='<a href="javascript:linkcontrol(1)">LINK1</a>';    slink2.innerText ='LINK2';    slink3.innerText ='<a href="javascript:linkcontrol(3)">LINK3</a>';    break;   case 3:    slink1.innerText ='<a href="javascript:linkcontrol(1)">LINK1</a>';    slink2.innerText ='<a href="javascript:linkcontrol(2)">LINK2</a>';    slink3.innerText ='LINK3';    break;  } } //BODY部 <span id="slink1"><a href="javascript:linkcontrol(1)">LINK1</a></span> <span id="slink2"><a href="javascript:linkcontrol(2)">LINK2</a></span> <span id="slink3"><a href="javascript:linkcontrol(3)">LINK3</a></span> 上記の処理だと、リンクはクリックできなくなったのですが、他のリンクがリンクにならず文字で<a href~と書かれてしまいます。 これをきちんと文字ではなくタグとして認識させるには、どのような修正をすれば良いのでしょうか。 アドバイスお願いします。 ※そもそもこのソースはあまりよろしくない書き方のような気もします。 ※もしもっと簡単に行える書き方がありましたらそちらも併せてアドバイスをお願いします。

  • 画像の切り替えの記述形式について

    <a href="#A" onclick="document.A.src='../img/gif/B1.gif'"><img src="../img/gif/A1.gif" alt="" width="133" height="176" name="A" id="A" /></a> 画像としてA1.gifがあるのですが、A1.gifを押すと、リンク先のB1.gifが呼び出されて、変更されるというスクリプトになっています。 上のような記述をしているのですが、この場合、指定している#Aのアンカーリンクを指定しているため、画像を押す事に移動してしまいます。移動をしないようにするにはどうしたらいいですか? <a href="javascript:openURL('URL');"><img></a> このような形式で、アンカーリンクにならずに、上のような操作が可能になるという話を聞きました。 こういう場合、どのように記述したらいいですか?

  • <a>タグについて

    <a name="○○"></a> <title>てすと</title> というhtmlがあったとします。そのときに、 <a href="#○○">とすると、タイトルはURLが表示され、 <a href="##○○">とすると、タイトルは『てすと』と表示されます。 #の数のちがいはなんなんでしょうか?

  • htmlの記述方法について

    よろしくお願いします。 以下のようなリンクを作成したのですが、htmlチエッカにかけてみると 記述方法が間違っているようで、警告が出ます。 このような場合、どのような編集をすれば良いのでしょうか? ご指導よろしくお願いします。 <a href="mailto:お友達のメール@アドレス?Subject=参考になるかな?ページ見つけたよ!&amp;body=参考になるかも?見てみてね!">友達にメールですすめる</a> <a href="javascript:window.external.AddFavorite('http://www.*******.com/','サイト名を入力')">お気に入りに追加</a> <a href="mailto:user@domain?Subject=問い合わせ&amp;body=問い合わせ内容を入れてください。お名前とメールアドレスは必ず明記してください。">お問い合わせ</a> <a href="tokutei.html" target="_blank">特商法表記</a>

    • ベストアンサー
    • HTML
  • XSLTの記述方法

    お世話になります。 XML+XSLTで開発しております。 XSLTの記述方法でjavascriptの引数にXMLデータを挿入する記述は どうすればよいのでしょうか? すごい初歩的な質問かもしれませんが ご教授よろしくお願いいたします。 <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="/"> <table> <tr> <td > <a href="#" onClick="hogehoge('pram')">hogehoge rink </a> </td> </tr> </table> </xsl:template> </xsl:stylesheet> ↓↓↓↓↓↓こんな感じにしたい↓↓↓↓↓↓ <a href="#" onClick="hogehoge('<xsl:value-of select="$prm_test"/>')">りんく</a>

    • ベストアンサー
    • XML
  • リンクの記述方法

    モバイルサイトに「友達に教える」のリンクで、 相手に届いたメールの本文をリンクにしたいのですが、 記述方法がわかりません。 下記の記述方法ではサイトURLの表示のみでリンクにはなりませんでした。 <a href="mailto:?subject=オススメサイト&body=携帯からアクセスしてください。URL">友達に教える</a>

専門家に質問してみよう