非推奨ブラウザでも動作するボタン

ブログBlog

こんにちは。東郷です。

作成したWebサイトの動作確認をする際、

Google ChromeやFirefox等ではボタンやタブの動作に問題がなくても、

非推奨のInternet Explorerだと動かない場合があると思います。

例えば下記は別の画面に遷移するボタンのコードですが、

buttonタグとaタグを組み合わせるとInternet Explorerではボタンが動作しません。

<button><a href=”リンク先URL”>画面遷移ボタン</a></button>

調べたところa要素はインタラクティブな要素(button,input,select等)を

入れてはいけないという決まりがあるそうなので、

私はbuttonタグのみで下記のように対処しました。

<button onclick=”location.href=’リンク先URL'”>画面遷移ボタン</button>

何らかの理由でbuttonタグに属性を設定できない場合は、

cssでaタグにボタンの装飾を施す方法もあります。