書いてはいけないHTML、CSS

2024/05/29

エンジニアインターン

こんにちは、WEBプログラマーコースの池田駿です。

一つのWEBページを模写して提出しては新たなフィードバックをもらう、

最近はそういった感じです。

最初は何が何だか分からなかったHTMLやCSSの書き方が最近徐々に分かってきました。

書いてはいけないHTML

HTMLは基本どんな風に書いてもサイトの訪問者には美しく見せられます。

しかし、HTMLで心掛けるべき相手はお客様というよりむしろロボットとプログラマーです。

ブラウザ内にはクローラーというロボットが巡回していて、そいつがサイトの内容を正しく理解してくれると関連度の高い検索に対して適切に表示されるようになります。

またコードを読む他の開発者（または将来の自分自身）がページの構造と内容を理解しやすくなります。そして修正や拡張が必要な際に、適切なタグが使われているとどこを修正すべきかがすぐにわかります。

つまり書いてはいけないのは、「デザインのためだけのHTML」。何を書いているのか、どういう構造なのかを伝えないといけないわけです。

書いてはいけないCSS

書いてはいけないのはpositionなどで具体的な数値を与えて無理矢理見た目を整えたCSSコードです。

なぜいけないのかというと、そういったコードは環境が変わったとき（ほかの人がほかの人のPCやスマホで見るとき）に崩れやすいからです。

全てを論理的に、完璧にやるのは難しいかもしれませんが、できるだけ「書かれるべくして書かれたコード」を目指していきたいですね！