주석 : HTML 구조는 더 명확하고 표준화되어 있으며 HTML5 최적화 구조에 대한 아이디어를 배웁니다. HTML5는 일반적으로 사용되는 구조를 식별하기 위해 몇 가지 새로운 요소를 추가했습니다. HTML은 의미 론적이지만 직접 사용할 수는 없으며 가능하더라도 10 년 또는 8 년 동안 기다려야합니다. 그것은 마이크로 형식과 같습니다.
HTML 구조는 더 명확하고 표준화되어 있으며 HTML5 최적화 구조에 대한 아이디어를 배웁니다.HTML5는 일반적으로 사용되는 구조를 식별하기 위해 몇 가지 새로운 요소를 추가했습니다. HTML은 의미 론적이지만 직접 사용할 수는 없으며 가능하더라도 10 년 또는 8 년 동안 기다려야합니다.
그것은 마이크로 형식, 대신 클래스를 사용하거나 마음대로 클릭하여 ID와 클래스 이름을 대신 클릭하여 구조를 명확하게 만들고 팀 협업을 더 매끄럽게 만듭니다.
새로운 구조 마커
◎ 섹션 : 이것은 책의 장이나 섹션 일 수 있으며 실제로 html4의 자체 제목이있는 것일 수 있습니다.
◎ 헤더 : 페이지에 표시된 헤더; 헤드 요소와 다릅니다
바닥 글 : 바닥 글; 이메일에 서명을 표시 할 수 있습니다
◎ NAV : 다른 페이지에 대한 일련의 링크 세트
◎ 기사 : 블로그, 잡지, 기사 편집 등의 기사.
몇 가지 예
HTML5 문서 구조
<헤더> ... </header>
<av> ... </nav>
<기사>
<섹션> ... </섹션>
</article>
<따로> ... </따로>
<FUTER> ... </풋내기>
XHTML 문서 구조
<분할 = 헤더> 헤더 </div>
<divid = nav> nav </div>
<divcass = article>
<divclass = 섹션> 섹션 </div>
</div>
<divid = 옆으로> 따로 </div>
<divid = 바닥 글> 바닥 글 </div>
HTML5 그림 구조
<figuid = fig2>
<Legend> figure2.installmozillaxformsDialog </legend>
<imgalt = awebsiteIsRequesting theOlforIngeTem을 설치할 수있는 권한 : mozillaxforms0.7unsignedsrc = installDialog.jpg/>
</그림>
XHTML 이미지 구조
<divclass = 그림>
<h4class = Legend> figure2.installmozillaxformsDialog </h4>
<imgalt = awebsiteIsRequesting theOlforIngeTem을 설치할 수있는 권한 : mozillaxforms0.7unsignedsrc = installDialog.jpg/>
</div>
HTML5 태깅
M 요소는 텍스트가 표시되었음을 의미하지만 강조 할 필요는 없습니다. 책에서 강조된 섹션으로 생각하십시오.
Google의 캐시 된 페이지는 일반적인 사용 사례입니다. 캐시 된 사본에 연결된 경우 검색어가 표시됩니다. 예를 들어, EGRET을 검색하면 캐시 된 Google 페이지가 다음과 같습니다.
그레이트 <m> egret </m> (alsoknownastheamerican <m> egret </m>) isalarge 화이트 워딩 조류는 전 세계적으로 발견되었습니다. egret </span> (alsoknownastheamerican <spanclass = m> egret </span>) isalarge 화이트 워딩 조류는 전 세계적으로 발견되었습니다.