> 웹 프론트엔드 > H5 튜토리얼 > HTML5 의미론적으로 구조화된 표준화_html5 튜토리얼 기술

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

WBOY
풀어 주다: 2016-05-16 15:51:39
원래의
1443명이 탐색했습니다.
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느린 날개짓으로 날아갑니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿