HTML5의 새로운 요소
1999 년 이후, HTML 4.01은 많이 바뀌 었습니다. 오늘날, HTML 4.01 중 일부는 사용되지 않으며, 이러한 요소는 삭제하거나 HTML5에서 재정의되고있다.
웹 응용 프로그램을 포함 그래픽 렌더링, 멀티미디어 콘텐츠, 더 나은 페이지 구조, 처리의 더 나은 형태로, 여러 API를 끌어 요소를 드롭 위치 : 더 나은 오늘날의 인터넷 응용 프로그램을 처리하기 위해, HTML5와 같은 새로운 요소 및 기능을 많이 추가 캐싱, 스토리지, 웹 노동자, 등등.
HTML5의 새로운 요소
아래는 새로운 HTML5 요소의 목록과 그들이 사용에 대한 설명입니다.
새로운 시맨틱 / 구조 요소
HTML5는 더 나은 문서 구조에 대한 새로운 요소를 제공합니다 :
| 꼬리표 | 기술 |
|---|---|
| <article> | 문서의 기사를 정의 |
| <aside> | 페이지 내용을 제외하고 내용을 정의 |
| <bdi> | 다른 텍스트와는 다른 방향으로 포맷 할 수있는 텍스트의 일부를 정의 |
| <details> | 사용자가 보거나 숨길 수있는 추가 정보를 정의합니다 |
| <dialog> | 대화 상자 또는 창을 정의 |
| <figcaption> | A에 대한 자막을 정의 <figure> 요소 |
| <figure> | 등 그림, 도표, 사진, 코드 목록, 같은 자체에 포함 된 내용을 정의합니다 |
| <footer> | 문서 또는 섹션 바닥 글을 정의 |
| <header> | 문서 또는 섹션 헤더를 정의합니다 |
| <main> | 문서의 주요 내용을 정의 |
| <mark> | 표시 또는 텍스트를 강조 정의합니다 |
| <menuitem> | 사용자가 팝업 메뉴에서 호출 할 수있는 명령 / 메뉴 항목을 정의합니다 |
| <meter> | 공지 범위 스칼라 측정을 정의 (a gauge) |
| <nav> | 문서의 탐색 링크를 정의 |
| <progress> | 작업의 진행 상황을 정의 |
| <rp> | 지원하지 않는 브라우저에 표시 할 것을 정의 ruby 주석을 |
| <rt> | (동아시아 타이포그래피에 대한) 문자에 대한 설명 / 발음을 정의합니다 |
| <ruby> | 정의 ruby 주석을 (for East Asian typography) |
| <section> | 문서에 섹션을 정의합니다 |
| <summary> | A에 대한 눈에 띄는 제목을 정의 <details> 요소 |
| <time> | 날짜 / 시간을 정의 |
| <wbr> | 가능한 라인 휴식을 정의합니다 |
에 대한 자세한 읽기 HTML5 의미를 .
새 폼 요소
| 꼬리표 | 기술 |
|---|---|
| <datalist> | 입력 제어를위한 미리 정의 된 옵션을 정의 |
| <keygen> | 키 쌍 생성기 필드를 정의 (for forms) |
| <output> | 계산 결과를 정의 |
의 이전 및 새 폼 요소에 대한 모든 읽기 HTML 양식 요소 .
새로운 입력 형식
| 새로운 입력 형식 | 새로운 입력 특성 |
|---|---|
|
|
모두 이전 및 새 입력 유형에 대해 자세히 알아 HTML 입력 유형 .
입력 속성에 대해 모두 알아 HTML 입력 속성 .
HTML5 - 새로운 속성 구문
HTML5는 속성에 대한 네 가지 구문을 할 수 있습니다.
이 예에서 사용되는 서로 다른 구문을 보여 <input> 태그 :
| 유형 | 예 |
|---|---|
| 빈 | <input type="text" value="John" disabled > |
| 인용 부호 | <input type="text" value=John > |
| 더블 인용 | <input type="text" value="John Doe" > |
| - 단일 인용 | <input type="text" value='John Doe' > |
HTML5에서, 네 개의 구문은 속성에 필요한 내용에 따라 사용할 수 있습니다.
HTML5 그래픽
| 꼬리표 | 기술 |
|---|---|
| <canvas> | 자바 스크립트를 사용하여 그래픽 도면을 정의 |
| <svg> | SVG를 사용하여 그래픽 도면을 정의 |
에 대한 자세한 읽기 HTML5 캔버스 .
에 대한 자세한 읽기 HTML5 SVG를 .
새로운 미디어 요소
| 꼬리표 | 기술 |
|---|---|
| <audio> | 사운드 나 음악 컨텐츠를 정의 |
| <embed> | 외부 응용 프로그램을위한 컨테이너를 정의합니다 (like plug-ins) |
| <source> | 에 대한 소스를 정의 <video> 및 <audio> |
| <track> | 대한 트랙을 정의 <video> 및 <audio> |
| <video> | 비디오 나 동영상 컨텐츠를 정의 |
에 대한 자세한 읽기 HTML5 비디오 .
에 대한 자세한 읽기 HTML5 오디오 .