HTML関係のメモ 2022年

VSCODEのDOCTYPE宣言の内容を変更

VSCodeに独自のコードスニペットを登録する:

https://blanche-toile.com/web/vscode-snippets

既存のスニペットを変更する。

https://www.web-dev-qa-db-ja.com/ja/visual-studio-code/%E6%97%A2%E5%AD%98%E3%81%AEvs%E3%82%B3%E3%83%BC%E3%83%89%E3%82%B9%E3%83%8B%E3%83%9A%E3%83%83%E3%83%88%E3%82%92%E7%B7%A8%E9%9B%86%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/827832545/

要するに、独自で登録したユーザースニペットが既存のスニペットより先に表示されるようにするって事

http-equiv

http-equivは必要ない。

viewport関係

https://gmotech.jp/semlabo/seo/blog/howto-viewport/

メディアクエリ関係

https://sole-color-blog.com/blog/71/

メディアクエリでPCとスマホのCSSを切り替えたりする。

PCサイトとスマホサイトを同一HTMLで管理する

PCサイトとスマホサイトを同一HTMLファイルで管理するメリット

PCサイトとスマホサイトを分けた場合は、同じ内容をPCサイトとスマホサイトでコピペしなければならない。

同一する事により、その手間が無くなり作業時間を短縮する事が出来る。

同一にするデメリット

同一にする事により、PCサイトに向けたCSSやスマホサイトに向けたCSSがもう一方に悪影響を及ぼす可能性がある。

ちゃんと管理していれば大丈夫ではあるが、公開前にちゃんとチェックする必要がある。

まぁそれは、別々に管理していても行う事なので作業時間的にはそんなに変わらない?

同一HTMLで管理するので、PC向けとスマホ向けでサイトデザインが大幅に違いすぎるとCSSの方でごにょごにょしなければいけない。

PCサイトでは表示するがスマホサイトでは表示しないようなデータ記載があると、無駄なデータをスマホ端末に送信してしまう事になる。

サーバーサイドの方で、スマホサイトには不必要なデータを送信しないように設定すれば良いが手間との兼ね合いでdisplay noneで済ませてしまう?

ディスプレイ上では非表示でも不必要なデータは送り付けてるんだけどね…

画像関係

PC向けとスマホ向けでは、ディスプレイサイズが違うので分ける必要がある?

スマホ向けサイトに高解像度の画像データを送りつけても無駄にデータ量が多いだけだからね。

コメントを残す