プロが教えるわが家の防犯対策術!

ブログ記事で、記事内にリンクを張る方法について、2点教えて下さい。
質問1
<a name="aaaaaa">×××</a>でラベルをつけて

<a href="#aaaaaa">○○○</a>

と記述すると、×××の下の方の行に、リンクされてしまします。
記述の仕方が悪いのでしょうか。
1行上は改行スペースなので、更に上の行を指定しなければならないのでしょうか。

質問2
ラベルを付けた×××に下線がつき、あたかもここからリンク先があるように表示されます。
この×××分は、単に参照される文字なので、下線がつかない状態にしたいのですが、どのようにすれば良いでしょうか。

初心者向けにわかりやすく教えてくださいますようお願いします。

A 回答 (2件)

「質問2」に対してだけの回答ですが、「<a name="aaaaaa"></a>×××」とすれば良いのではないでしょうか。

あるいは「<span name="aaaaaa">×××</span>」等でも良いかも知れません。

「質問1」に関しては、通常そのような挙動はしないはずなので、何かがおかしいのだと思います。

この回答への補足

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

補足日時:2014/07/23 17:50
    • good
    • 0

「文字列ナシ」はイレギュラーではあり、 CSS による方法がナイわけでない。


a[name] {
text-decoration: none;
padding-top: 1em;
}
a[href] {
text-decoration: underline;
}
padding-top: 1em; だと、文字列の一行上がてっぺんになり、「見やすい」という利点がある。
<p></p> の margin とか <br /> などの改行の場合に。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!