HTML5
선언 : !DOCTYPE html , 문자셋선언 : meta charset=”UTF-8″
의미요소,멀티미디어요소,그래픽요소,input요소의타입 추가
의미요소 : 그 자체로 의미를 가짐. div,span,table등
header,nav(navigation),main,section,article,figure,figcaption,footer
header:도입부, 여러개 존재 가능
nav:문서 사이를 탐색 할 수 있는 링크,모든 링크가 nav요소인건 아님
section:제목이 있고 html 문서의 전체적인 내용과 관련이 있는 콘텐츠들의 집합-main에 묶임
article:section과 기능은 비슷하다. 다만, 내용과는 별도의 독립적인 내용들이 대부분이다[광고]
figure,figcaption:그래픽이나 비디오 등의 독립전인 컨텐츠, figcaption는 figure 요소를 설명하기 위한 요소
footer:사이트 작성자,저작권 정보,연락처 등/header처럼 여러개 존재 가능
main의 가로를 80%, section의 가로를 50% 했다면 실제 section의 가로는 전체의 0.8*0.5=40%가 된다.
figure과 figcaption도 동일하다.
input요소의 타입 : datalist,keyget(현재 쓰지 않음),output
datalist : input 값 중에 datalist 중 있거나 ▼표시로 datalist 값들을 띄워주는 역할
input list=”abc” 와 datalist id=”abc”값이 datalist값이 뜸. 다르면 일반적인 input처럼 뜸
keyget요소 : 사용자가 인증 할수 있는 안전한 방법을 제공해줌
output요소 : input에서나 form에서 계산한 값을 출력하게 해줌. oninput과 함께 사용함
https://developer.mozilla.org/ko/docs/Web/HTML/Element/output
number타입의 경우 초기값을 안주면 계산에서 NaN 오류가 뜬다.range타입의 초기값은 50이다