埋め込んだGistのコード。Gistメタ部分のリンクをTarget=”_blank”で開きたい
サイトにコードを埋め込む際にとっても便利なGist。
埋め込んだGistの下部にある、https://gist.github.com/への各リンクが、ブログ記事と同じウィンドウで開くのがとっても気になっていたので、別窓で開くように対応しました。
何がそんなに気に入らないのか自分自身でもよくわかりませんが、とにかくtarget=”_blank”したかったのです。
JavaScriptで簡単に対応
avaScriptで埋め込みGist内のアンカータグにtarget属性を追加すると、blankで開きます。
全体で読み込んでいるjsファイルに書いて利用しています。
jQuery版
ネイティブjs版
外部リンクをtarget=”_blank”で開く際にはrel=”noopener”とセットで使いタブナビング(Tabnabbing)対策をしましょう。
https://developers.google.com/web/tools/lighthouse/audits/noopener?hl=ja
コメントを残す