>  기사  >  웹 프론트엔드  >  HTML5 연구 노트: html5와 전통적인 html _html5 튜토리얼 기술의 차이점

HTML5 연구 노트: html5와 전통적인 html _html5 튜토리얼 기술의 차이점

WBOY
WBOY원래의
2016-05-16 15:46:021799검색
1. HTML5 구문 변경
본 지식포인트에서 언급한 변경은 HTML4를 기반으로 정의된 변경을 의미하며 주로 다음과 같습니다.
1.HTML5 파일 확장자 (.html 또는 .htm) 및 콘텐츠 유형(text/html)은 변경되지 않습니다.
2. HTML5에서는 버전 선언을 의도적으로 사용하지 않으며, 하나의 문서가 모든 HTML 버전에 적용됩니다.
3. HTML5부터 파일의 문자 인코딩은 UTF-8 사용을 권장합니다.
4.HTML5는 이전 HTML 버전과의 최대 호환성을 보장합니다.
호환성을 보장하려면 요소부터 시작해야 합니다. HTML5에서는 요소의 태그를 생략할 수 있습니다. 구체적으로 요소의 태그는 "종료 태그를 쓸 수 없다", "종료 태그를 생략할 수 있다", "시작 태그와 종료 태그를 생략할 수 있다"의 3가지 유형으로 구분된다.
• 닫는 태그 요소는 허용되지 않습니다: Area, base, br, col....
• 닫는 태그는 생략 가능: li, dt, dd, p, rt...
• 두 요소 모두 시작 태그 및 종료 태그는 생략 가능: html, head, body....
2. 새로운 구조 요소
• 섹션 요소 표현 콘텐츠 블록 페이지(예: 장, 머리글, 바닥글 또는 페이지의 기타 부분)
• 기사 요소는 블로그 또는 블로그의 기사와 같이 문맥과 관련이 없는 페이지의 독립적인 콘텐츠를 나타냅니다. 신문의 기사
•aside 요소는 기사 요소의 내용 외에 기사 요소의 내용과 관련된 보조 정보를 나타냅니다.
•header 요소는 콘텐츠 블록의 제목 또는 전체 페이지를 나타냅니다. 페이지에서 ;
•hgroup 요소는 전체 페이지의 제목이나 페이지의 콘텐츠 블록을 결합하는 데 사용됩니다.
•footer 요소는 전체 페이지의 바닥글 또는 페이지의 콘텐츠 블록을 나타냅니다. 일반적으로 작성자의 이름, 작성 날짜 및 작성자의 연락처 정보가 포함됩니다.
•nav 요소는 페이지의 탐색 링크 부분을 나타냅니다.
•Figure 요소는 독립적인 흐름을 나타냅니다. 일반적으로 문서를 나타내는 콘텐츠 메인 스트림 콘텐츠의 독립 단위로 figcaption 요소를 사용하여 그림 요소 그룹
에 제목을 추가합니다. 2. 기타 새로운 요소
• 오디오 요소는 다음을 정의합니다. 오디오(예: 음악 또는 기타 오디오 스트림)
•embed 요소는 다양한 멀티미디어를 삽입하는 데 사용되며 형식은 Midi, Wav, AU, MP3 등일 수 있습니다.
•mark 요소는 시각적으로 사용됩니다. 강조 표시하거나 강조 표시해야 하는 항목을 사용자에게 표시합니다. 일반적인 응용 프로그램은 검색 결과에서 사용자에게 검색 키워드를 강조 표시하는 것입니다.
•progress 요소는 실행 중인 프로세스를 나타냅니다.
•ruby 요소는 Ruby를 나타냅니다. 댓글(중국어 음성 또는 문자)
•rt 문자(중국 음성 또는 문자)의 해석이나 발음을 나타내는 요소
• rp 요소는 루비 주석에서 브라우저에 표시되는 내용을 정의하는 데 사용됩니다. 루비 요소를 지원하지 않습니다.
•wbr 요소는 부드러운 줄 바꿈을 나타내며, 너비가 충분하지 않을 경우 적극적으로 여기로 줄바꿈
•canvas 요소는 차트 및 기타 이미지와 같은 그래픽을 나타냅니다
•cammand 요소는 명령을 나타냅니다. 라디오 버튼, 체크박스 또는 버튼과 같은 버튼
•세부사항 요소는 사용자가 필요로 하고 얻을 수 있는 세부 정보를 나타냅니다.
•데이터그리드 요소는 다음 형식으로 표시되는 선택적 데이터 목록을 나타냅니다. 트리 목록
•keygen 요소는 생성된 키를 나타냅니다.
• 출력 요소는 스크립트의 출력과 같은 다양한 유형의 출력을 나타냅니다.
• 소스 요소는 미디어 요소에 대한 미디어 리소스를 정의합니다(예: