html <label>, <small> 태그 정리

백엔드 인턴으로 입사하였지만
현재는 프론트엔드 교육을 받기때문에 html, css, javascript를 하고있다

오늘은 <label>,<small> 태그를 정리할것이다 
뜬금없이 둘을 정리하는 이유는 ,,
html코드를 보는데 이 두개의 태그만 낯설어서 하게 되었다

<label> 

폼의 양식에 이름을 붙이는 태그

• for 속성을 사용하여 다른 요소와 결합할 수 있으며 이때 요소의 for 속성값은
  결합하고자하는 요소의 id 속성값과 같아야지 연결이 가능하다.
• label은 브라우저에 의해 일반적인 텍스트로 랜더링되지만 클릭하면 연결된 양식에 입력할 수 있도록 하거나,  체크를 하거나 해제까지 한다.
  
  

<label for="id">아이디</label>
<input type="text" id="id">

 

text가 아닌 아이디를 클릭했는데 text창이 강조되는걸 볼 수 있다

<small> 

덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타내는 태그 

<label for="id">아이디</label>
<input type="text" id="id">
<small>사용불가능한 아이디입니다.</small>