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

このQ&Aのポイント
  • 記事内リンクの方法と注意点について教えてください。
  • ラベル付きリンクの仕様と下線の表示について教えてください。
  • 初心者向けに記事内リンクの記述方法を詳しく教えてください。
回答を見る
  • ベストアンサー

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

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

  • ayubo
  • お礼率44% (79/179)

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

  • ベストアンサー
  • kon77
  • ベストアンサー率70% (83/117)
回答No.1

「質問2」に対してだけの回答ですが、「<a name="aaaaaa"></a>×××」とすれば良いのではないでしょうか。あるいは「<span name="aaaaaa">×××</span>」等でも良いかも知れません。 「質問1」に関しては、通常そのような挙動はしないはずなので、何かがおかしいのだと思います。

ayubo
質問者

補足

早速の回答、ありがとうございました。 お蔭様で、質問2は解決できました。 文字列を挟まなければ、閉じられないと思いこんでいました。

その他の回答 (1)

  • kobliha
  • ベストアンサー率88% (120/136)
回答No.2

「文字列ナシ」はイレギュラーではあり、 CSS による方法がナイわけでない。 a[name] { text-decoration: none; padding-top: 1em; } a[href] { text-decoration: underline; } padding-top: 1em; だと、文字列の一行上がてっぺんになり、「見やすい」という利点がある。 <p></p> の margin とか <br /> などの改行の場合に。

関連するQ&A

  • aタグの記述方法

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

    • ベストアンサー
    • HTML
  • Tumblrで記事中にリンクが貼れない

    Tumblrで「Aa テキスト」の所から記事を書く際に、 記事中にリンクを貼ろうとしたら、うまく表示されません。 例えば「パソコン」という文字にリンクを貼って、パソコンの画像検索ページに飛ばそうとする時。 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ!」 と記事を書いて保存すると、Tumblrの自分のサイト上で 「この<a href="画像検索ページのURL">パソコン</a>がおすすめ!」 とそのままタグが表示されてしまいます。 ダッシュボードで保存した記事を見てもそのままタグが表示されたり、</a>以降の「がおすすめ!」の部分までリンクの下線が続いたりします。 わかりにくくてすみませんが、どうしてTumblrの記事上でリンクが貼れないのでしょうか? 記事中の文字を押すとその言葉に関連したページなどに飛べるようにしたいので、Tumblrの「リンク」ではなくhtmlで組み込めるようにしたいです。 どうかご示唆のほどよろしくお願い致します。

  • リンクのタグの事で

    今晩は、質問させていただきます。 パソコンのサイトで、ページをリンクさせたいのですが、 私が使用しているタグを使うと、必ず下線がでて紫色になってしまいます。 下線を無くして色も指定したいのですが、どうすればいいのでしょうか。 教えてください。 説明が不十分でしたら、すみません。 使用タグはこれです→<a href="URL">リンクしたい所の名前</a>

  • フレーム内のリンク先を別ウィンドウに表示する

    お世話になります。 ページ内にフレーム領域を作りました。 フレーム内のリンクをクリックするとフレーム内で別ウィンドウが開きます。 <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> 上の様に書きました。フレーム内のaaaaaa.html内のリンクをクリックするとフレーム内に別ウィンドウが開きます。 そうではなくて、_blankを使った様に別ウィンドウを開きたいのです。 <a href="aaaaaa.html内のURL"target="_blank" <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"></iframe> </a> <iframe src="aaaaaa.html"name="bbbbb"width="800"height="500"><a href="aaaaaa.html内のURL"target="_blank"</a></iframe> 上記の様にしても結果は同じでした。 RCCの知識が無いために、ページ内にブログのページを強引に表示しました。 よろしくお願いします。

  • link relタグは次の記事を先に読みこむタグですが

    ブログのhtmlの最初のほうに使うタグのlink relタグというのは、次の記事を先に読み込む為のタグと説明されてますが、 それを使ったタグに「次の頁へ」という表示をしたいのですが、 どう書けば文字を表示できるのでしょうか。 <!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページへ移動" /><!--/nextpage--> とあるhtmlのどのように変えたらいいのか いろいろいじったのですが 文字が表示されません。 「 》 」このカッコの表示だけなんです。 《 このブログのタイトル 》 この感じでリンクが貼られた状態なんですが、 これを 《前のページへ  このブログのタイトル  次のページへ》 という様に 文字も入れたいのですが、出来ないんでしょうか? a hrefタグを使うのが正解なんでしょうか? でもこのブログのhtmlのこの場所のかたまりには、link relタグしか 使ってないので、このタグで文字の表示は出来ないかと調べているんですが、方法はないのでしょうか? どうぞよろしくお願いいたします。

  • タグ(リンク)からメールを送る時に、本文に入る改行をなくせないでしょうか?

    ホームページからリンクを使ってメールを送れるタグ<A Href="mailto:メールアドレス?subject=題名&body=本文">を使ってメールを送ろうとすると、本文の一行目に必ず改行が入ってしまう(自動挿入されてしまう)のですが、この改行を入らないようにすることはできないのでしょうか?(>_<) どなたか、ご存知の方がいらっしゃいましたら、お教え頂けるととても助かりますm(__)m

  • エントリー記事のリンクを消すHTMLのカスタマイズについて

    FC2BlogテンプレートのHTMLおよびスタイルシートのカスタマイズについて。 質問があります。Blogのエントリー記事のタイトルをクリックすると、 「コメントの投稿」へとリンクされています。これをリンクさせずに エントリー記事のタイトルだけを表示させたいのですが、 HTMLおよびスタイルシートのどこを変更設定すればいいですか? コメントやトラックバックのないBlogを製作中です。 参考までに当該箇所を載せておきます。どうかご回答のほどを。 [HTML] <!--▼ エントリー(記事)▼--> <!--topentry--> <h3><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title>&nbsp;</a></h3> <div class="article"> <%topentry_body> [スタイルシート] /* エントリー(記事)タイトル */ h3 a:link,h3 a:visited,h3 a:active,h3 { /* ----------------------------------------------------- */ color:#D2691E; /* 記事タイトルの色 */ /* ----------------------------------------------------- */ text-decoration:none; }

  • cssでリンクに下線を表示したり非表示にしたりする

    CSSの設定方法についての質問です。 ホームページで以下のような構成になっているのですが それぞれの場所によってリンクの下線を表示させたり非表示にしたりしたいです。 CSSをどのように設定したらいいでしょうか? <dl> <dt><A Href="#01">○○</a>(→dtタグは下線を表示する) <dt><A Href="#02">××</a>(→dtタグは下線を表示する) </dl> <h3><a name="01">○○</a></h3>(→名前定義では下線を非表示にする) ・・・ 詳細については<a href="../□□.html">こちら</a>をご覧ください。 (→本文中のリンクは下線を表示する) <A Href="#03"><img src="../images/△△.jpg"></a>(→画像リンクは下線を非表示にする) お願いいたします!

    • ベストアンサー
    • HTML
  • 今日の記事に「ここ」と書いて、自分の3日前の記事に飛ぶには?

    ブログを始めたばかりで…教えてください。 過去の検索から、<a href="アドレス">ここ</a>とすればいいとあったのでやってみたのですが、今日の記事に青文字の下線で、こことクリックできるところまで表示はしたのですが、実際にそのページに飛ぶことが出来ません。 何が原因なのでしょうか?

  • 記事中のリンクだけ、色を変えたい。

    テンプレート letsfc2blog4 を使っています。 スタイルシートの編集で、教えて頂いて下のように追記しています。 /** 記事の中のリンクを常に下線表示 */ .entry_body a , .entry_body a:link , .entry_body a:visited , .entry_body a:hover { text-decoration: underline; } /* 続き部分の記事のリンクを常に下線表示 */ #more a , #more a:link , #more a:visited , #more a:hover { text-decoration: underline; } この記事の中のリンクと、続き部分の中のリンクだけ青色にしたいんですけど、できますでしょうか? 宜しくお願いします。