[HTML5] DOCTYPE, 추가된태그, 사라진태그, 추가된input타입

 

 

HTML5에서는,
대소문자 구별없이 사용.
홑태그를 닫지 않아도 된다. (예: <img .... /> 이것을 <img ...>, <br/>을 <br>)
태그닫힘의 경우도 반드시 닫지 않아도 동작한다. (예: <li>...</li> 를 <li>)
추가된태그
HTML태그	속성	브라우저 호환성
<article>	웹 페이지의 본문을 정의	IE9, FF4, S5, CH11, OP11
<aside>	Article의 내용 보충용 콘텐츠	IE9, FF4, S5, CH11, OP11
<audio>	오디오 재생	IE9, FF4, S5, CH11, OP11
<canvas>	그래픽 (스크립트언어사용)	IE9, FF4, S5, CH11, OP11
<command>	명령 버튼	IE9, S5
<datalist>	드롭다운리스트	FF4, OP11
<details>	상세한 내용	현재 지원하는 브라우저 없음
<embed>	플러그인, 플래시요소	IE9, FF4, S5, CH11, OP11
<figcaption>	<figure>의 캡션 추가	IE9, FF4, S5, CH11, OP11
<figure>	이미지, 사진, 코드	IE9, FF4, S5, CH11, OP11
<footer>	푸터	IE9, FF4, S5, CH11, OP11
<header>	헤더	IE9, FF4, S5, CH11, OP11
<hgroup>	H1~H6 그룹	IE9, FF4, S5, CH11, OP11
<keygen>	폼에서사용 로컬에 보안키저장후 서버로 공개키전송	FF4, CH11, OP11
<mark>	마크펜효과	IE9, FF4, S5, CH11, OP11
<meter>	길이	CH11, OP11
<nav>	메뉴	IE9, FF4, S5, CH11, OP11
<output>	계산된결과	CH11, OP11
<progress>	남은 %	CH11, OP11
<section>	섹션	IE9, FF4, S5, CH11, OP11
<source>	오디오 비디오 태그와 함께 사용, 소스	IE9, FF4, S5, CH11, OP11
<summary>	details태그와 함께 사용, 요약	현재 지원하는 브라우저 없음
<time>	시간	IE9, FF4, S5, CH11, OP11
<video>	비디오	IE9, FF4, S5, CH11, OP11
<wbr>	줄바꿈시 같은라인에 표시되어야하는 영문 문장	IE9, FF4, S5, CH11, OP11
사라진태그
태그	속성
<acronym>	NATO, NASA, GUI등 영문 축약형
<applet>	임베디드 애플릿
<basefont>	글꼴의 형태
<big>	글꼴의 크기
<center>	텍스트 가운데 정렬
<dir>	디렉토리 리스트
<font>	글꼴
<frame>	프레임
<frameset>	프레임부속태그
<noframes>	프레임부속태그
<strike>	글꼴 취소 효과
<tt>	글꼴 타자기 효과
<u>	글꼴 언더라인 효과
<xmp>	pre 태그와 동일
추가된 input타입
input type	의미
<input type="search">	검색
<input type="nember">	숫자
<input type="range">	범위
<input type="color">	색상
<input type="tel">	전화번호
<input type="time">	시간
<input type="datetime-local">	현재 있는 곳의 날짜와 시간
<input type="url">	URL
<input type="email">	이메일
<input type="date">	일
<input type="month">	월
<input type="week">	주
<input type="datetime">	날짜와 시간
현재 사용하는 브라우저가 위의 input type을 지원하는지 확인하고 싶을때
IE9 에서도 지원되지 않는다. OP11만 모든 input타입을 지원한다.
하지만 모바일 환경의 경우 해당 input type 에 맞는 키패드가 우선 출력되므로 사용자 편의를 생각하는 페이지를 만들수 있게된다.

 

 

 

http://miketaylr.com/code/input-type-attr.html

 

 

출처 : http://blog.naver.com/rarecat85?Redirect=Log&logNo=80149546274