cssクラス名ルールのクリーンアップ(1)


htmlを作るとき、圧力の最大の部分はcssです.
cssをどのように適用するかの問題は意外に大きい(?)これは問題ではないかもしれません.
想像以上に心配なのはhtml <tag>のclass名がどのように命名されるべきかです.
もしあなたがホームページを想定すれば、あなたは知っています.
1つのサイトに追加する必要があるラベルの種類は非常に多いかもしれません.
後で他にも奇抜なアイデアがあれば追加したいので、まずは自分のルールを整理しておきます.

位置+論理名


私はローンの位置ですか?ざっと見て、何か書くべきだと思いました.
しかし,実装コードの過程では,様々なコードが混在して使用される.
だいたい2種類あります.
  • 位置+タグ名
  • <p class="main-right-p">나는 오늘 밥을 먹었다.</p>
    <input class="main-right-input">
    <button class="main-right-btn">
  • 位置+論理名
  • <p class="main-right-sub-title">나는 오늘 밥을 먹었다.</p>
    <input class="main-right-login-id">
    <button class="main-right-submit">
    このようにざっと例を挙げて、誰が見ても論理名を使います.
    cssをしているうちに
  • divまたは
  • a=>ボタンやspanに変更する必要があることがよくあります.
  • そのときtag名を使うと….htmlとcssの両方を交換するか.
    cssでは、スタイルを変更するために奇妙なラベル名を使用する必要がある場合があります.
    まずこの部分を熟知してから、シマンティンのラベルの種類を考えて、それから私のページにどんなラベルを置いて、整理したら、私は2番目のブログを書きます.
    pm 4:04
    使用する
    ラベル名は論理名に似ているだけでなく、他の論理名を表すことはできません.
    ex)
    <!-- 1. 댓글 입력 창 -->
    <textarea class="comment-textarea" name="" id="" cols="30" rows="10"></textarea>
    <!-- 2. article header 이미지 -->
    <img class="article-hd-image" src="" alt="">
    1番の場合、inputで代用するかどうかを考えます.(なぜtextareaと書いたのですか?Instagramがtextareaと書いたからです.
    (なぜtextareaを書くのかまだ分からないので、inputとの違いが気になります.)-->後整理)
    他の適切な論理名?思い出せない.
    それから別のページではclassの名前がどのように起きたのかを探ります.
    2つ目の場合、やはりイメージはイメージで何を書けばいいのでしょうか.わかりません.