[HTML]hidden, label , get/post 방식, 파일업로드, semantic 태그

<input type="hidden" name="" value=""> : 눈에 보이지 않지만 서버쪽으로 데이터 전송할 때 사용

눈에는 보이지 않지만 hidden이 존재

-> 제출 => hidden 값 넘어옴

 

<label> : 무언가의 이름표다, 태그를 통해 정확하게 기재할 수 있다

☞ for="" : 누구의 이름표인지 나타낸다, 해당 태그의 id값과 같아야한다

☞ 혹은 label 태그로 감싼다

 

ID 클릭 => input에 커서가 위치

파란색 클릭 => check 됨, 더 넓은 영역을 통해 check됨

 

<서버로 정보 넘길 때>

: 입력받은 정보를 서버로 넘겨주는 방식은 get,post 두개

<form action="" method="get/post"> : form태그의 method로 지정

 

☞ get 방식 : url통해 데이터 전송, url에 표시됨, method 지정 안해도 기본값

☞ post 방식 : 데이터 숨겨서 전송, 정보 넘길때 url에 표시 안됨 (비밀번호에 사용)

* form을 이용해서 데이터를 전송한다 거의 post방식

 

<파일업로드>

파일 업로드 UI == <input type="file">

 

<semantic 태그>

: 그냥 보기 편하게 하나의 태그를 사용해 묶는거

: 태그로 묶어도 웹페이지상 육안으로 확인 안됨, 의미만 지님

 

☞ <header> : 웹페이지 전체에 대한 의미를 가지고 있음

☞ <footer> : 사이트 하단 부분에 사이트 부과적인 정보 존재

☞ <nav> : 네이게이션 약자, 웹페이지 탐색할때 사용하는 네비게이션에 해당하는 정보

☞ <article> : 웹페이지에서 본문.

☞ <section> : <article>태그들 묶음, 그냥 나눠진거 하나의 section이라 묶는거