개발이 수년 전에 시작되었지만 HTML5는 처음에는 2010 년에 웹 디자이너 / 개발자들과 공동으로 사용되기 시작했습니다. 처음부터 모든 것을 재발 명하려는 대신 많은 웹 전문가에게 익숙한 언어였습니다. 전에 온 것 위에 세워졌습니다. HTML 4.01을 아는 사람이라면 HTML5에서 해당 버전의 상당 부분을 신속하게 찾을 수 있습니다.
HTML5에는 잠시 동안 HTML에서 많은 요소가 포함되어 있지만 HTML5에 새로운 요소가 몇 가지 소개되었습니다. 이러한 새로운 요소 중 많은 부분에 대해 "암거를 포장하는"방법이 사용되었습니다. 이것은 IT에서 일반적으로 사용되는 용어로, 사람들이 이미 수행하고있는 것을 살펴보고 그렇게하는 것을 의미합니다. 웹 디자이너의 경우, 이는 이미 페이지를 어떻게 작성했는지 확인하고 해당 활동의 새로운 요소에 대한 결정을 내리는 것을 의미합니다. 예를 들어, 많은 웹 전문가들은 "헤더", "탐색"및 "바닥 글"이라는 ID 또는 클래스 속성을 사용하는 부서로 웹 사이트를 구축합니다. 따라서 HTML5는 이러한 요소를 새로운 요소로 도입하여 웹 전문가가 부서 만이 아닌 전용 섹션 요소를 사용하여 문서에 더 많은 의미를 부여 할 수 있습니다. 이러한 익숙 함과 현재의 관행을 인정하는 접근 방식의 조합은 HTML5가 웹 디자인 산업에 신속히 수용되도록했습니다.
HTML5 Doctype
먼저 새 HTML5 요소를 사용하려면 문서에 HTML5 doctype이 포함되어야합니다.
이 doctype은 특별히 "HTML5"를 언급하지 않고 버전을 "html"로 간단히 표시합니다. 이것은이 doctype이 언어의 모든 반복에 대해 앞으로 사용되도록 의도 된 것이기 때문입니다.
실제로 HTML5는 언어의 마지막 번호 매기기 버전으로 간주되며 향후 변경 사항이 지속적으로 추가됩니다. 실제로, 아래 목록의 요소 중 일부는 2010 년 초기 추진 이후에도 언어에 잘 추가되었습니다!
HTML5 태그
| 꼬리표 | 설명 | |
|---|---|---|
| 앵커 또는 링크 | ||
| 약어 | ||
| 문서의 주소 또는 작성자 | ||
| 클라이언트 측 이미지 맵 | ||
| 조 | ||
| 접선 콘텐츠 | ||
| 오디오 스트림 | ||
| 대담한 | ||
| 문서의 요소에 대한 기본 URI 경로 | ||
| 양방향 알고리즘 | ||
| 긴 인용문 | ||
| 페이지 본문 | ||
| 줄 바꿈 | ||
| HTML 양식 버튼 | ||
| 동적 그래픽을위한 캔버스 | ||
| 논평 | ||
| 표 캡션 | ||
| 소환 | ||
| 코드 참조 | |
| 테이블 열 | ||
| 테이블 열 그룹화 | ||
| 페이지의 명령 또는 작업 | ||
| 문서 유형 정의 | ||
| 데이터 그리드 | ||
| 다른 컨트롤에 대해 미리 정의 된 옵션 | ||
| 담론의 정의 목록 설명 또는 범위 | ||
| 삭제 된 텍스트 | ||
| 추가 주문형 정보 | ||
| 정의 | ||
| 대화 | ||
| 논리적 구분 | ||
| 설명 목록 | ||
| 정의 목록 용어 또는 대화 발표자 | ||
| 힘 | ||
| 플러그인 용 삽입 요소 | ||
| 양식 통제 그룹 | ||
| 에 사용 된 캡션 | ||
| 선택 캡션이있는 그림 | ||
| 페이지 바닥 글 | ||
| 형태 | ||
| 첫 번째 레벨 헤드 라인 | ||
| 2 수준 헤드 라인 | ||
| 3 수준 헤드 라인 | ||
| 네 번째 레벨 헤드 라인 | ||
| 다섯 번째 레벨 헤드 라인 | ||
| 여섯 번째 수준 표제 | ||
| 문서 책임자 | ||
|
| 페이지의 헤더 | |
| 제목 그룹 | ||
| 가로 규칙 | ||
| 웹 페이지의 루트 요소 | ||
| 기울임 꼴 텍스트 스타일 | ||
| 인라인 프레임 | ||
| 영상 | ||
| 입력 양식 요소 | ||
| 버튼 양식 요소 | ||
| 확인란 양식 요소 | ||
| 색상 입력 | ||
| 날짜 입력 | ||
| 전세계 날짜 및 시간 입력 | ||
| 현지 날짜 및 시간 입력 | ||
| 이메일 주소 입력 | ||
| 파일 업로드 양식 요소 | ||
| 숨겨진 양식 필드 요소 | ||
| 이미지 양식 요소 | ||
| 년 및 월 입력 | ||
| 번호 입력 | ||
| 암호 양식 요소 | ||
| 라디오 버튼 양식 요소 | ||
| 부정확 한 숫자 입력 | ||
| 재설정 단추 양식 요소 | ||
| 검색 필드 | ||
| 제출 단추 양식 요소 | ||
| 전화 번호 입력 | ||
| 텍스트 필드 양식 요소 | ||
| 시간 입력 | ||
| URL 입력 | ||
| 년 및 주 입력 | ||
| 삽입 된 텍스트 | ||
| 사용자가 입력 할 텍스트 | ||
| 인증서 관리를위한 보안 키 생성 | ||
| 서식 라벨 | ||
| 양식 필드 세트 캡션 | ||
| 목록 항목 | ||
| 관련 문서 링크 | ||
| 페이지의 주요 콘텐츠 영역 | ||
| 클라이언트 측 이미지 맵 | ||
| 표시 또는 강조 표시된 텍스트 | ||
| 명령 목록 | ||
| 문서에 대한 메타 정보 | ||
| 스칼라 게이지 | ||
| 탐색 링크가있는 영역을 정의하십시오. | ||
| 스크립트를 사용할 수없는 경우 콘텐츠 | ||
| 비표준 객체 | ||
|
| 순서가 있거나 번호가 매겨진 목록 | |
| 선택 목록에있는 옵션 그룹 | ||
| 선택 목록의 옵션 | ||
| 양식 계산 결과 | ||
| 절 | ||
| 객체 요소의 매개 변수 | ||
|
| 미리 포맷 된 텍스트 | |
| 진행 표시기 | ||
| 짧은 인라인 인용문 | ||
| 루비 괄호 | ||
| 루비 텍스트 | ||
| 루비 주석 | ||
| 취소 선 텍스트 | ||
| 샘플 출력 | ||
| 스크립트 | ||
| 페이지 섹션 | ||
| 선택 또는 드롭 다운 메뉴 목록 | ||
| 작은 글꼴 크기 | ||
| 미디어 소스 | ||
| 일반 인라인 스타일 컨테이너 | ||
| 강한 강조 | ||
| 스타일 시트 | ||
| 첨자 | ||
| DETAILS 요소 내용 요약 | ||
| 위에 쓴 | ||
| 표 | ||
| 표 본문 행 | ||
| 표 셀 | ||
| 다중 행 양식 요소 | ||
| 표 바닥 글 행 | ||
| 표 머리글 셀 | ||
| 표 머리글 행 | ||
| 시간을 정의합니다. | ||
| 표제 | ||
| 테이블 행 | ||
|
| 정렬되지 않은 목록 또는 맹목적인 목록 | |
| 변수 또는 사용자 정의 텍스트 | ||
|
페이지에 삽입 된 비디오 또는 동영상 |
