html 태그 box 와 item

html 태그를 종류별로 나눈다고 할때

box와 item으로 나눌 수 있다

 

box는 box나 item태그를 비슷한것 끼리 묶어서 정리하는 용도로 쓰인다

item은 사용자에게 직접 보여지는 태그들이다 button이나 img등등 사용자들이 버튼을 클릭하거나 이미지를 눈으로 본다던가 하는등 사용자와 상호작용을 할 수 있는 태그들이다

예시

    <div id="회원가입">
    
      <div>
        <input type="text" id="username" placeholder="아이디" />
      </div>

      <div>
        <input type="password" id="password" placeholder="비밀번호" />
      </div>

      <div>
        <input type="password" id="password-retype" placeholder="비밀번호 확인"/>
      </div>

      <div class="signup">
        <button>회원가입</button>
      </div>
      
    </div>