webサイトの構成を大きな重箱と考えると コンテンツというおかずが入ったおせちみたいなものなのではないか、と。 思い立った私は、BEM方式でおせちをマークアップしてみようと思いました。 今回マークアップするおせちはこちら 出典:illust AC 基本としてはBEM方式の内のBlock、Elementという概念と、 ひ孫要素以降の .el_要素の名前 という命名規則、 装飾のみ変更時の .is-装飾名 という命名規則を使います。 目的としては、BEM方式の考え方・概念を身につけるための練習です。 BEM方式についての解説と 弊社独自のオリジナル命名規則については CSSの命名規則にBEM方式はどうだったか こちらもぜひ! マークアップしてみる このおせちは2段なので、それぞれの段を囲みましょう。 1段目を、stage01というBlock名にします。2段目はstage02です。 おせちはおか
![BEM方式でわかる おせちのマークアップ方法|株式会社くふうしずおか](https://cdn-ak-scissors.b.st-hatena.com/image/square/acf7b0aeb25b13b97c6ddafa2622fbe647bd7b82/height=288;version=1;width=512/https%3A%2F%2Fwww.esz.co.jp%2Fcontent%2Fimages%2Fblog%2Faoyagi%2Fmain01.jpg)