HTML5 자습서
HTML5 완료 월드 와이드 웹 컨소시엄 (W3C) 기준으로 2014 년 10 월 최신 HTML 버전이다.
HTML5는 모바일 기기에서 멀티미디어를 지원하도록 설계되었습니다.
쉽게 배울 수 HTML5.
HTML5는 무엇인가?
HTML5는 HTML 표준 차세대.
HTML은 HTML 4.01의 이전 버전은 1999 년에 태어났다. 그 이후로, 웹 세상은 바다 변화를 겪고있다.
HTML5는 완벽하게 자신에 아직도있다. 그러나, 대부분의 최신 브라우저는 이미 일부 HTML5를 지원합니다.
시작하는 방법 HTML5는 무엇입니까?
W3C와 WHATWG HTML5 협력의 결과, WHATWG는 웹 하이퍼 텍스트 응용 기술 워킹 그룹을 의미한다. .
WHATWG는 웹 양식 및 응용 프로그램을 전용하고, W3C는 XHTML 2.0에 초점을 맞추었다. 2006 년 양측은 HTML의 새 버전을 만드는 데 협력하기로 결정했다.
HTML5 몇 가지 흥미로운 새로운 기능 :
- 그리기 캔버스 요소에 대해
- 미디어 재생을위한 비디오 및 오디오 요소
- 로컬 오프라인 저장소에 대한 더 나은 지원
- 이러한 문서, 바닥 글, 헤더, 탐색, 섹션 같은 새로운 특별한 내용 요소,
- 새 폼 컨트롤, 달력, 날짜, 시간, 이메일, URL, 검색 등
HTML5 <! DOCTYPE>
<! DOCTYPE> 선언은 문서 HTML5의 첫 번째 줄에 있어야합니다, 매우 간단한 사용하기 :
최소 HTML5 문서
다음은 간단한 HTML5 문서입니다 :
참고 : 중국어 웹 페이지가 <메타 캐릭터 = "이 UTF-8을 사용할 필요가 들어 "> 문이, 그렇지 않으면 왜곡됩니다.
개선 된 HTML5
- 새로운 요소
- 새 속성
- CSS3에 대한 완벽한 지원
- 비디오 및 오디오
- 2D / 3D 도면
- 로컬 저장소
- 로컬 SQL 데이터
- 웹 응용 프로그램
HTML5 멀티미디어
당신은 단순히 페이지에 HTML5 비디오 재생 (비디오) 및 오디오 (오디오)를 사용할 수 있습니다.
HTML5 응용 프로그램
당신은 단순히 HTML5 애플리케이션 개발을 사용할 수 있습니다
- 로컬 데이터 저장
- 로컬 파일에 대한 액세스
- 로컬 SQL 데이터
- 캐시 인용
- 자바 스크립트 근로자
- XHTMLHttpRequest 2
HTML5 그래픽
당신은 단순히 그래픽을 그릴 수 HTML5를 사용하여
- 사용 <캔버스> 요소를.
- 인라인 사용 SVG를 .
- 사용 CSS3 2D 변환 , CSS3 3D 변환 .
HTML5 CSS3를 사용하여
- 새로운 선택
- 새 속성
- 생기
- 2D / 3D 변환
- 필렛
- 그림자 효과
- 다운로드 글꼴
의 사이트를 참조하시기 바랍니다 더 CSS3 정보를 알아 CSS3 자습서.
시맨틱 요소
다음과 같이 HTML5는 의미 론적 요소를 많이 추가합니다 :
| 상표 | 기술 |
|---|---|
| <기사> | 별도의 페이지 내용 영역을 정의합니다. |
| <제외> | 사이드 바 콘텐츠 페이지를 정의합니다. |
| <BDI> | 그것은 당신이 떨어져 부모 요소의 설정에서, 텍스트 방향을 텍스트의 조각을 설정할 수 있습니다. |
| <명령> | 사용자 지정 명령 버튼 - 라디오 버튼으로, 상자 또는 버튼을 확인 |
| <세부 정보> | 문서 또는 섹션의 세부 사항 |
| <대화> | 같은 풍선과 같은 대화 상자를 사용자 지정 |
| <요약> | 제목 태그 요소의 세부 사항을 포함 |
| <그림> | 콘텐츠 스트리밍 별도 규정 (이미지, 그래픽, 사진, 코드 등)를 포함한다. |
| <figcaption의> | <그림> 요소 제목의 정의 |
| <바닥 글> | 정의 섹션 또는 문서 바닥 글. |
| <헤더> | 이 문서의 헤드 영역을 정의 |
| <표> | 마크와 정의 텍스트입니다. |
| <측정기> | 도량형의 정의. 공지 만 최대 값과 최소값을 측정하기 위해 사용된다. |
| <탐색> | 탐색 링크 섹션을 정의합니다. |
| <진행> | 정의 된 스케줄 작업의 모든 종류. |
| <루비> | 루비 주석의 정의 (중국어 음성 또는 문자). |
| <있는 걸> | 정의 문자 (중국어 음성 또는 문자) 해석이나 발음. |
| <루피아> | 루비 주석 표시 루비 소자 브라우저를 지원하지 않는 콘텐츠를 정의하는 데 사용된다. |
| <섹션> | 문서의 섹션의 정의 (단면 부). |
| <시간> | 날짜 또는 시간을 정의합니다. |
| <WBR> | 줄 바꿈을 추가 할 수있는 적절한 텍스트의 규정을 준수해야합니다. |
HTML5 양식
새로운 양식 요소, 새로운 속성, 새로운 입력 유형, 자동 검증.
제거 된 요소
HTML5에서 4.01 요소가 삭제 된 다음 HTML :
- <약어>
- <애플릿>
- <BASEFONT>
- <빅>
- <센터>
- <디렉터리>
- <글꼴>
- <프레임>
- <프레임 셋>
- <NOFRAMES>
- <스트라이크>
각 챕터의 예
우리의 HTML 편집기를 통해, 당신은 다음, HTML을 편집 결과를 확인 버튼을 클릭 할 수 있습니다.
예
»시도
그 결과 온라인 작업을 볼 수 있습니다 "시도"버튼을 클릭하십시오.
HTML5 브라우저 지원
사파리, 크롬, 파이어 폭스와 오페라의 최신 버전은 일부 HTML5 기능을 지원합니다. 인터넷 익스플로러 9는 HTML5 일부 기능을 지원합니다.
HTML5의 다음 방법 중 IE9 브라우저 호환 버전은 html5shiv 패키지는 정적 자원에 대한 사이트를 사용 :
로딩 후, 새 레이블 CSS의 초기화 :
HTML5 참조 설명서
이 사이트에서는 상세하게 설명 된 HTML5 태그 및 속성을 클릭하십시오 찾을 수 있습니다 HTML5 참조 설명서를 .