![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
こんにちは、いつもお世話になります。
仕事でweb制作をしております。
ページ内リンクのfirefoxの表示に関して質問させてください!
IDとname属性をふった飛び先のテキスト部分、firefoxでみると
オンマウスで下線が出てしまいます。
これは正しい挙動と聞いたこともありますが
意図した物ではないので出ないようにしたいです。
色々調べたのですがあまり解決策として下記2点ぐらいしか思いつきませんでした。。
(1)idのみの記述にする。。
IDのみの指定なら、もちろん発生しないのですが
リンクに関しては今のところはまだ、ID/name両方振っといたほうが良いというのが
つたない私の認識ですがいかがなのでしょうか。
(2)記述を変える
例としてこんな感じのhtmlです。
<a href="#F1">新メニュー登場!</a>
<h4 class="course_title1"><a name="F1" id="F1">新メニュー登場!</a></h4>
これを、下記のようにすると発生しませんでしたが、
aを空にすることに問題は無いのでしょうか。
ちなみに文法チェックだとエラーは出ませんでした。
<a href="#F1">新メニュー登場!</a>
<h4 class="course_title1"><a name="F1" id="F1"></a>新メニュー登場!</h4>
その他簡単な解決方法などご存知の方いらっしゃいましたらお願いします!
No.2
- 回答日時:
> オンマウスで下線が出てしまいます
onmouseoverとかonmouseoutとかonmouseupとかonmouserdownとか
onmousemoveと、「オンマウス」で始まるイベントは沢山あります
が、区別できてますか。この場合のonは「~した時」であって、マ
ウスの上になにかが乗っかったって話じゃありませんよ。
ところで、質問のような状況では、基本的にはHTML4.01の12.1.1に
書いてある通り、(1)でいいと思います。A要素を使いたい積極的な
理由があるようには見えませんし、ましてやname属性なんて、よほ
ど古式ゆかしいブラウザを想定するか、多言語化で実体参照が欠か
せないかでないと、優先的に使う意味がありません。
空のA要素は、たしかアクセシビリティ上の不都合があったように
記憶しています。
回答ありがとうございます!
お礼遅くなりすいません。
そこまでしてa要素をふる理由も私にも不明ではあるのですが
世のサイトのソースを、見ると割とまだ両方振ってる記述が多く
見られるような気がしていたものですから、
こだわってしまってました。
ありあがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- その他(プログラミング・Web制作) pythonのWebスクレイピングでfind_allだとurlがNoneに 4 2022/04/17 18:21
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- Access(アクセス) Dlookupにエラーがでてしまう 1 2022/10/31 14:35
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML要素のid/class名の長さに...
-
Bootstrap 訪問済みテキストリ...
-
サイトにjQueryが使用されてい...
-
記事タイトルの横にコメント数...
-
ページの左右の余白(枠外)に...
-
一部のリンクの下線を消す
-
php includeで、marginが効かない
-
透過背景を解除するにはどうす...
-
classとidの名前の付け方
-
firefoxでのページ内リンクの表...
-
セルの高さが変化しない(ワー...
-
htmlの文字が縦書きになる
-
HTML属性での「""」 「''」違い
-
<table>の高さ固定。情報増加時...
-
footer を横幅いっぱいに広げる...
-
リストマーカーをボックス内に...
-
【ヒトの神秘】美男美女から何...
-
複数のボタンを等間隔に、かつ...
-
smallにtext-allignが効かない
-
NからZへの全単射を具体的に構...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSのクラス名・ID名の指定でワ...
-
CSSに同じclass名がいっぱい‥。...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
liリストタグの背景色に色がつ...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
透過背景を解除するにはどうす...
-
htmlのid属性って必要なの?
-
フロートのクリアについて
-
ページの左右の余白(枠外)に...
-
サイトにjQueryが使用されてい...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートでデザイン
-
外部css定義したclassをht...
-
Bootstrap3でcontainerがずれる...
-
CSSで、DIV#hogeという記述は何...
-
スタイルシートで、id属性の中...
-
一部のリンクの下線を消す
おすすめ情報