이전 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> | 샘플 출력 |