HTML5는 HTML4 이후의 강력한 기능으로, 더 이상 간단한 기능을 구현하기 위해 여러 줄의 자바스크립트를 작성할 필요가 없지만 매우 강력한 의미 태그를 통해 문제를 해결할 수 있습니다. 이해하기 쉽고 유지 관리가 쉽습니다. 가장 중요한 것은 호환성 문제를 해결하기 위해 태어난 것 같습니다. HTML4 작성 방법과도 호환되지 않습니다. 아주 강력해요?
1. 새로운 구조 요소
1)섹션
장, 머리글, 바닥글 또는 페이지의 다른 부분과 같이 이전 div를 대체할 수 있는 페이지의 콘텐츠 블록을 나타냅니다
2) 기사
블로그의 기사와 같이 컨텍스트와 관련이 없는 페이지의 독립적인 콘텐츠를 나타냅니다.
3) 따로
기사 요소의 콘텐츠 외에 기사 요소의 콘텐츠와 관련된 보조 정보를 나타냅니다.
4) 헤더
5)바닥글
6)h그룹
전체 페이지의 제목이나 페이지 내의 콘텐츠 블록을 결합하는 데 사용됩니다
7) 그림
일반적으로
를 사용하여 문서의 기본 스트림 콘텐츠에서 독립적인 단위를 나타내는 독립적인 스트림 콘텐츠 부분을 나타냅니다. figcaption은 그림 요소에 제목을 추가합니다
8)탐색