回答のコメントに対してですが、検索ワードは「html クラス名 ルール」「html クラス名 命名規則」などでどうでしょうか。
前提
未経験で友人から頼まれたコーポレートサイトを、HTML、CSS、Javascript Jqueryで作ろうとしています。
実現したいこと
HTMLに指定するCSSのクラス名の入力規則やネストの深さのルールを皆さんがどのように決めているのかを聞き、自分のサイトに反映したいです。
発生している問題
HTMLの記述、ネストの深さのルールをどう決めたらいいかわからない
試したこと
さまざまなコード見本を見ましたが一貫しておらず、どれが正なのかわかりませんでした。
2022/10/12 21:24依頼された後にこの質問は修正されていますこちらの質問が他のユーザーから「問題・課題が含まれていない質問」という指摘を受けました。
回答にも書いたのですが、この投稿は「わからない」と言っているだけで問題や課題が発生しているようには感じませんでした（修正後でも私の意見は変わりません）
「一貫してない」のはプロジェクト固有ルールや方針・指針があるからに他ならず、
真似してなんとかなるものではないからです。
それに、「正解がない」質問なので、どうなったら解決かを自身で決めて明確化すべきですが、
同じ方針で投稿する限りは解決しないかと。
私の回答も「自分で決めてください」というのが主旨です。
皆さんアドバイスありがとうございます。
正解がない質問なのは薄々感じていました。
ベストアンサーに選ばせていただいた回答から、少しでも前に進めたらと思います。
お騒がせいたしました。
自己解決投稿の参考ページより、こちらの方がよいかと。
https://www.northdetail.co.jp/blog/1953/
「css クラス名 流行り」
で検索しました。
個人的には、
BEMがおすすめです。
BEMは階層構造を端的に示すことができ、
Sass記法とも親和性が高いと思います。
（ただし、最高でも三階層のため、あまりネストするような記述には向かない）
回答2件
2
ベストアンサー
この手のものって「正しい」ってないです。
BEMのような設計方針はありますが、
https://pikawaka.com/html-css/bem
これもあくまで一例で、これから作るものに合うかどうかは別問題。
まずは「要件に沿っていて不具合のない」ものを作るのが最重要です、
どのようなサイトなのかどのようなレイアウトなのか、どういう機能を用いるのか
によって決まってくるので、「必ずこう」というものはないです。好みもあります。
プロジェクトによって独自のルールを設けているところもあるでしょうし、
業務なのでそれらが外に出ることはありません。
参考にするとしたら「機能でよく使う単語」くらいでしょうか。
https://cly7796.net/blog/other/the-naming-convention-for-id-and-class/
これも好みやプロジェクトのルールによってくるので参考まで。
投稿2022/10/13 01:31
総合スコア79935
0
Google検索したら解決しました。
参考サイトは
https://pengi-n.co.jp/blog/css-class/
です
投稿2022/10/12 22:17
総合スコア1
回答へのコメント
その参考サイト、ざっと拝見しましたがあまり質がよくなさそうです。過信は禁物です
アドバイスありがとうございます。
実は検索ワードを「html ルール」としか思いつかなくて。
何かいい検索ワードがあればご教示願いたいです。
