html5는 과거 html 4.01과 xhtml 1.0, xhtml 1.1을 잇는 차세대 html이다.
이전까지 통합적으로 표준화 되지 않았던 부분을 표준화하려는 시도이다.
2006년부터 제안된 html5 표준화는 2013년 1월 현재 아직 표준화 작업이 완료되지 않았으며, 2014년 표준화 완료 예정이다.
아직 완료되지 않은 표준이기 때문에, html5를 지원하는 브라우저를 따지는것이 무의미할 수 있다. 하지만 그럭저럭 잘 지원하는 브라우저로는, ie9, ie10, safari, chrome 등이 있다.
ie9, ie10에 대한 안좋은 편입견은 없었으면 좋겠다.
html5의 코드 작성은 다음과 같이 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 시작하기</title>
</head>
<body>
<p>안녕하세요</p>
</body>
</html>
추가된 input태그는 다음과 같은 타입이 있다.
<input type="search" placeholder="search">
<input type="number" placeholder="number">
<input type="range">
<input type="color">
<input type="tel" placeholder="tel">
<input type="url" placeholder="url">
<input type="email" placeholder="email">
<input type="date">
<input type="month" placeholder="month">
<input type="week" placeholder="week">
<input type="time">
<input type="datetime" placeholder="datetime">
<input type="datetime-local" placeholder="datetime-local">
placeholder는 입력전, input란에 미리 입력된 정보이다. 해당 폼에 포커스되면, 사라지는 문구이다.
img 태그와 마찬가지로, <input type="search"></input> 나 <input type="search" /> 같은 닫는 태그가 필요하지 않다.
참고로 <img />가 아닌 <img></img>는 안된다.