セマンティック HTML学習の旅 〜初心者がBEMを書けるようになるまで〜 - Qiita

初めに この記事は「セゾン情報システムズ Advent Calendar 2022」22日目の記事です。 完全にIT初心者のため、シニアのフロントエンドエンジニアにセマンティックHTMLとCSS3の基礎的な書き方のレビューを受けましたので共有させていただきます。 初心者がどういう間違いを最初にするか、どういう風にレビュー後に改善していくか、BEMが書けるようになるまでの成長記録です。初心者がどこが分からないのかを理解するための参考にして頂ければと思います。 レビュー前とレビュー後のソースコード比較 この検索エリアの画面のソースコードを直していく過程を記録します。レビュー前とレビュー後のやり方を比較して記載していきます。 外枠の構造 本、雑誌、新聞などには適したレイアウトがあります。ウェブページも利用者がわかりやすく、視覚的に魅力的で良いデザインを考えることが大切ですが、さらに重要なのは、他