HTML/CSS解説

HTML/CSS解説

HTML/CSSで動画の操作を完全に禁止する方法【落とし穴】

HTMLで動画を表示・再生するには、videoタグを使います。<videosrc="mp4/sample.mp4"></video>また、再生/一時停止ボタンや再生バーの操作を可能にするためには、controlsを追加します。<videos...
HTML/CSS解説

iOS&Safariでvideoタグが機能しないときの解決方法

videoタグで動画を再生したいとき、パソコンのChromeだと正常に再生されたのですが、iPhoneのSafariで見てみると、なぜか再生されない。解決方法videoタグの中に「playsinline」を入れると正常に再生できました!<v...
HTML/CSS解説

HTMLのheadタグ内に書くべきことまとめ

HTMLのheadタグ内に書くことって毎回なんだったかなあと調べている気がするので、テンプレートのようにまとめてみました。<!DOCTYPEHTML><html><head><!--metaタグ--><metacharset="utf-8"...
HTML/CSS解説

【Web制作初心者向け】HTML/CSSのコーディング規約や慣習まとめ

Web制作をちょっと本格的に勉強してみようかなと思ったので、まずHTMLやCSSのコーディング規約みたいなものを軽く勉強しました。個人的に「これは覚えとかなきゃ!」というものを備忘録も兼ねてまとめてみたので、よければ参考にしてみてください。...
HTML/CSS解説

Webページのデフォルトの余白をCSSで修正する

HTMLを用いてWebページを作成した際、デフォルトでは画面の端に少し余白があります。例えばヘッダーを作ってみるとこんな感じ。ページのソースを見てみると、body要素に8pxのマージンが設定されているのがわかります。ということで、CSSを用...