class & id & name 속성

class

: 재사용을 위한 경우 사용하는 식별자

<!-- 레이아웃 스타일 -->
<div class="col-12"> </div>

<!-- 컴포넌트 식별자 -->
<button type="button" class="button">버튼</button>

 

id

: 고유한 식별자 

<!-- 고유한 이름 -->
<section id="201510xxx">
    <h2>나의 고유 학번</h2>
</section>


<!-- 레이블('텍스트')과 인풋 컨트롤(text) 연결 -->
<div class="form-group">
    <label for="text">텍스트</label>
    <input type="text" id="text">
</div>

 

 

name

: value(form 전송 이벤트 발생 값)을 서버로 데이터를 전송하기 위한 식별자

 

위의 name을 밑의 빨간색 부분으로 가져 오는 것이다.