teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

情報を追記

2015/07/03 16:28

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,9 +1,23 @@
1
1
  ページ遷移しない、アコーディオンをさせるテキストリンクを作りました。
2
- まれに、ページアクセス時に、一度だけページ遷移するような動きをみせて、元のページが表示されるという、バグのような、状態が起こります。
2
+ まれに、1.と2.の場合、ページアクセス時に、一度だけページ遷移するような動きをみせて、元のページが表示されるという、バグのような、状態が起こります。
3
- HTML5のページなので、"#"がいらないという事が原因でしょうか?
3
+ HTML5のページなので、空のリンクの場合、href自体いらないという事が原因でしょうか?
4
- ちなみにHTML5の場合、<a href="#"は<a href=""としますか?
5
4
 
6
- <a href="#" style="color:#2489CE;text-shadow: 1px 1px 1px #000;">ログインするには?</a>
7
5
 
6
+ 1.
7
+ <a href="#" style="color:#2489CE;text-shadow: 1px 1px 1px #000;">ログインするには?
8
+ </a>
9
+ 2.
10
+ <a href="" style="color:#2489CE;text-shadow: 1px 1px 1px #0a5ba0;">ログインするには?</a>
11
+
12
+
13
+
8
14
  下記のようにすると問題は起きません。
9
- <a style="color:#2489CE;text-shadow: 1px 1px 1px #000;">ログインするには?</a>
15
+ <a style="color:#2489CE;text-shadow: 1px 1px 1px #000;">ログインするには?</a>
16
+
17
+
18
+
19
+ 下記ページには、HTML5はhrefはいらないと記載がありますが、無しにすると、下線がなくなり、リンクになっていない様に見えます。
20
+ http://blog.w-make.com/web-work/html5-tag/html5_a.html
21
+
22
+
23
+ 皆さんHTML5の空リンクはどのようにしていますか?