リンク設定の方法

質問

会社のWebサイトの管理を行っている者です。（独学なのでほぼ素人です）

現在、xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。

また、メニューもJavaScriptでドロップダウンメニューにしています。

しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。

ネットで調べてみましたが、よくわかりません。

今後、リニューアルではｈｔｍｌ５を使うつもりですが、良い参考書があればご紹介下さい。

以上、２点についてアドバイスお願い致します。

回答No.2

dscripty

一つ、質問に答えてなかった。。。

<!--[質問] より引用
しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。
-->

Document Object Model (DOM) Level 3 Events Specification
http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate

"A user agent must dispatch this event when a button, link, or other state-changing element is activated. Refer to Activation triggers and behavior for more details."

Activation triggers and behavior
http://www.w3.org/TR/DOM-Level-3-Events/#event-flow-activation

でも、画面が大きめのタブレット端末はいいとしても、
スマートフォンは画面が小さすぎて、リンク部分をタップすることも大変だから、全く別の UI(幅広のボタン) を用意することが一般的になってきてる、、、かな？

回答No.1

dscripty

<!--[質問] より引用
xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。
-->
これは。。。ひどい。。。本末転倒。。。(涙
XHTML でなんで target="_blank" を捨てたのかを調べよう！

<!--[質問] より引用
ｈｔｍｌ５を使うつもりですが、良い参考書があればご紹介下さい。
-->

http://www.html5.jp/

でも、その前に、まだ読んで無いなら HTML4.01 の仕様を読むことをすすめるよ！
※ 「HTML の独学」 = 「自分で HTML の仕様を読むこと」
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html

補足

新しいウインドウを開く事を嫌っている方が多いのですね。

サムネイルをクリックさせて写真やPDFファイルを大きく表示させる場合も使わない方が良いのでしょうか。

JavaScriptで表示されるウインドウサイズは指定して、「retrun false」でオフの方も使えるようにはしているのですが・・・。

仕様書は読んでみます。

ありがとうございます。