이전 HTML 요소 및 HTML5에 새로 추가 된 요소 포함
개발이 수년 전에 시작되었지만 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 태그
| 꼬리표 | 설명 |
|---|---|
| 앵커 또는 링크 | |
| abbr> | 약어 |
| address> | 문서의 주소 또는 작성자 |
| <영역> | 클라이언트 측 이미지 맵 |
| | 조 |
| 접선 콘텐츠 | |
| 오디오 스트림 | |
| b> | 대담한 |
| | 문서의 요소에 대한 기본 URI 경로 |
| bdo> | 양방향 알고리즘 |
blockquote> | 긴 인용문 |
| body> | 페이지 본문 |
| | 줄 바꿈 |
| HTML 양식 버튼 | |
| 동적 그래픽을위한 캔버스 | |
| 논평 | |
| | 표 캡션 |
| cite> | 소환 |
code> | 코드 참조 |
| | 테이블 열 |
| | 테이블 열 그룹화 |
| | 페이지의 명령 또는 작업 |
| 문서 유형 정의 | |
| | 데이터 그리드 |
| 다른 컨트롤에 대해 미리 정의 된 옵션 | |
| | 담론의 정의 목록 설명 또는 범위 |
| | 삭제 된 텍스트 |
| <세부 사항> details> | 추가 주문형 정보 |
| dfn> | 정의 |
| 대화 | |
| div> | 논리적 구분 |
| 설명 목록 |
| | 정의 목록 용어 또는 대화 발표자 |
| em> | 중요성 |
| 플러그인 용 삽입 요소 | |
| 양식 통제 그룹 | |
| | |
| | 선택 캡션이있는 그림 |
| 페이지 바닥 글 | |
| 형태 | |
h1> | 첫 번째 레벨 헤드 라인 |
h2> | 2 수준 헤드 라인 |
h3> | 3 수준 헤드 라인 |
h4> | 네 번째 레벨 헤드 라인 |
h5> | 다섯 번째 레벨 헤드 라인 |
h6> | 여섯 번째 수준 표제 |
| head> | 문서 책임자 |
| | 페이지의 헤더 |
| hgroup> | 제목 그룹 |
| | 가로 규칙 |
| html> | 웹 페이지의 루트 요소 |
| i> | 기울임 꼴 텍스트 스타일 |
| 인라인 프레임 | |
| | 영상 |
| 입력 양식 요소 | |
| 버튼 양식 요소 | |
| 확인란 양식 요소 | |
| 색상 입력 | |
| 날짜 입력 | |
| 전세계 날짜 및 시간 입력 | |
| 현지 날짜 및 시간 입력 | |
| 이메일 주소 입력 | |
| 파일 업로드 양식 요소 | |
| 숨겨진 양식 필드 요소 | |
| 이미지 양식 요소 | |
| 년 및 월 입력 | |
| 번호 입력 | |
| 암호 양식 요소 | |
| 라디오 버튼 양식 요소 | |
| 부정확 한 숫자 입력 | |
| 재설정 단추 양식 요소 | |
| 검색 필드 | |
| 제출 단추 양식 요소 | |
| 전화 번호 입력 | |
| 텍스트 필드 양식 요소 | |
| 시간 입력 | |
| URL 입력 | |
| 년 및 주 입력 | |
| ins> | 삽입 된 텍스트 |
| kbd> | 사용자가 입력 할 텍스트 |
| | 인증서 관리를위한 보안 키 생성 |
| 서식 라벨 | |
| 양식 필드 세트 캡션 | |
| | 목록 항목 |
| 관련 문서 링크 | |
| | 페이지의 주요 콘텐츠 영역 |
| 클라이언트 측 이미지 맵 | |
| mark> | 표시 또는 강조 표시된 텍스트 |
| 명령 목록 | |
| 문서에 대한 메타 정보 | |
| <미터> 미터> | 스칼라 게이지 |
| 탐색 링크가있는 영역을 정의하십시오. | |
| 스크립트를 사용할 수없는 경우 콘텐츠 | |
| 비표준 객체 | |
| 순서가 있거나 번호가 매겨진 목록 |
| 선택 목록에있는 옵션 그룹 | |
| 선택 목록의 옵션 | |
| <출력> 출력> | 양식 계산 결과 |
| p> | 절 |
| 객체 요소의 매개 변수 | |
pre> | 미리 포맷 된 텍스트 |
| <진행> 진행> | 진행 표시기 |
q> | 짧은 인라인 인용문 |
| 루비 괄호 | |
| 루비 텍스트 | |
| ruby> | 루비 주석 |
| | 취소 선 텍스트 |
| samp> | 샘플 출력 |