HTML5 의미론적으로 구조화된 표준화_html5 튜토리얼 기술

HTML 구조가 더욱 명확해지고 표준화되었습니다. HTML5 최적화 구조에 대한 아이디어를 알아보세요.
HTML5는 일반적으로 사용되는 구조를 표시하기 위해 몇 가지 새로운 요소를 추가하여 HTML을 보다 의미 있게 만들지만 직접 사용할 수는 없으며 사용이 가능하더라도 10~8년이 걸립니다.
마이크로포맷과 같습니다. 클래스를 대신 사용하거나 ID와 클래스 이름을 자유롭게 사용하여 구조를 더 명확하게 만들고 이를 표준으로 홍보하여 ​​팀 협업을 더 원활하게 만드세요.
몇 가지 새로운 구조 태그
◎섹션: 책의 장이나 섹션이 될 수 있으며 HTML4에서 자체 제목이 있는 모든 항목이 될 수 있습니다.
◎header: 책에 표시되는 헤더 페이지는 헤드 요소와 다릅니다.
◎footer: 이메일에 서명을 표시할 수 있습니다.
◎nav: 다른 페이지에 대한 링크 세트
◎article: 블로그, 잡지, 기사 편집 등
몇 가지 예
HTML5 문서 구조

...

...

...

...

...

XHTML 문서 구조
헤더
nav

섹션

곁으로
바닥글
HTML5 이미지 구조

그림2.InstallMozillaXForms 대화상자

XHTML 이미지 구조

그림2.InstallMozillaXForms 대화상자


HTML5 마크업

m 요소는 텍스트가 "표시"되어 있음을 나타내지만 반드시 강조할 필요는 없습니다. 책에서 강조 표시된 부분처럼 생각해보세요.
Google의 캐시된 페이지가 일반적인 사용 사례입니다. 캐시된 사본에 연결하는 경우 검색어에 플래그가 지정됩니다. 예를 들어, "Egret"를 검색하면 캐시된 Google 페이지는 다음과 같습니다.
대백로(미국백로라고도 함)는 전 세계에서 발견되는 대형 흰물새입니다. 대백로는 느린 날개짓으로 날아갑니다.(미국백로라고도 함)는 전 세계에서 발견되는 대형 흰물새입니다. .TheGreatEgret느린 날개짓으로 날아갑니다.