ねむすぎノート
トップ
メニュー
一覧
検索
web/html
をテンプレートにして作成
開始行:
* HTMLタグチェック [#jce7ba7f]
** ブックマークレットで簡易チェック [#dd5763f8]
[[HTML内タグの閉じ忘れをチェックするブックマークレット:ht...
#code_x{{
javascript:var%20w=window.open(`,'_blank','width=800,heig...
}}
再配布自由ということで社内サーバなどに置くと使いやすいか...
その場合は「 http://tkr-net.tk/tagcheck/tagcheck2.js 」の...
文字コードとJSのパスを
`https://raw.githubusercontent.com/wiki/nemusg/nemusg.com...
#code_x{{
javascript:var%20w=window.open(`,'_blank','width=800,heig...
}}
* target属性 [#j68719f7]
*** target="_blank" のセキュリティリスク [#wd7b2603]
- [[リンクのへの rel=noopener 付与による Tabnabbing 対策:...
- [[target="_blank" のセキュリティリスク(デモ動画あり]]:h...
-- これは飛び先に悪意がある場合なので、変更できない自サ...
-- target=_blank 付きのリンク全てに rel="noopener norefe...
*** target="_blank" があるとスマホアプリWebviewで遷移でき...
某アプリでもAndroid版でtarget="_blank"がついている場合は...
2020年になってから再検証したところ再現しなかったのでアプ...
- [[リンクにtarget="_blank"を入れていると、スマホでページ...
* 動画の埋め込み [#u79ec488]
もちろんYouTube使うのが楽なんだけど
** HTML5のmovieタグを使う [#i274e3b0]
#code_x{{
<video width="400" height="300" preload="none" controls="...
<source src="movie.m4v"></source>
<source src="movie.webm"></source>
</video>
}}
webmとm4v
oggとmp4 のように2種類は用意しないといけない
#code_x{{
<meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrom...
}}
でなんでかIE7-8にも対応？
** リンク [#tfa11976]
- [[<video>タグで動画を埋め込む HTML5リファレンス:http://...
- [[HTML5 <video>タグによる動画の再生、現在の再生時間や終...
* その他 [#h62a9180]
** HTMLのbodyにstyle要素を書いて良いのか [#fb91180d]
なぜだめなのかの説明用
- [[html5.2ではstyle要素をbody内に書けるようになりました ...
- [[html - <body>内に<style>を設定したときの動作仕様 - ス...
#include(parts/feedback,notitle)
終了行:
* HTMLタグチェック [#jce7ba7f]
** ブックマークレットで簡易チェック [#dd5763f8]
[[HTML内タグの閉じ忘れをチェックするブックマークレット:ht...
#code_x{{
javascript:var%20w=window.open(`,'_blank','width=800,heig...
}}
再配布自由ということで社内サーバなどに置くと使いやすいか...
その場合は「 http://tkr-net.tk/tagcheck/tagcheck2.js 」の...
文字コードとJSのパスを
`https://raw.githubusercontent.com/wiki/nemusg/nemusg.com...
#code_x{{
javascript:var%20w=window.open(`,'_blank','width=800,heig...
}}
* target属性 [#j68719f7]
*** target="_blank" のセキュリティリスク [#wd7b2603]
- [[リンクのへの rel=noopener 付与による Tabnabbing 対策:...
- [[target="_blank" のセキュリティリスク(デモ動画あり]]:h...
-- これは飛び先に悪意がある場合なので、変更できない自サ...
-- target=_blank 付きのリンク全てに rel="noopener norefe...
*** target="_blank" があるとスマホアプリWebviewで遷移でき...
某アプリでもAndroid版でtarget="_blank"がついている場合は...
2020年になってから再検証したところ再現しなかったのでアプ...
- [[リンクにtarget="_blank"を入れていると、スマホでページ...
* 動画の埋め込み [#u79ec488]
もちろんYouTube使うのが楽なんだけど
** HTML5のmovieタグを使う [#i274e3b0]
#code_x{{
<video width="400" height="300" preload="none" controls="...
<source src="movie.m4v"></source>
<source src="movie.webm"></source>
</video>
}}
webmとm4v
oggとmp4 のように2種類は用意しないといけない
#code_x{{
<meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrom...
}}
でなんでかIE7-8にも対応？
** リンク [#tfa11976]
- [[<video>タグで動画を埋め込む HTML5リファレンス:http://...
- [[HTML5 <video>タグによる動画の再生、現在の再生時間や終...
* その他 [#h62a9180]
** HTMLのbodyにstyle要素を書いて良いのか [#fb91180d]
なぜだめなのかの説明用
- [[html5.2ではstyle要素をbody内に書けるようになりました ...
- [[html - <body>内に<style>を設定したときの動作仕様 - ス...
#include(parts/feedback,notitle)
ページ名:
トップ
新規
一覧
検索
最終更新
RSS
