내가하고 싶은 grok 수 의 궁극적 인 본질을 <aside>, <section>, <article>.
HTML5 태그를 사용하는 블로그 페이지의 가장 의미 적으로 가장 올바른 구조는 무엇입니까?
사이드 바를 안에 넣어야 <aside>합니까? 아니면 <section>( <aside>광고, 짧은 따옴표 등으로 사용되어야 함)에 속합니까?
주요 기능인 블로그 게시물을 어떻게 표시해야합니까? <article>올바르게 사용하려면 어떻게합니까 ?
기사 태그를 어떻게 마크 업해야합니까?
답변:
<article>블로그 게시물 에 사용하려고합니다 . Mark Pilgrim은 각 태그를 사용하는 방법에 대한 좋은 설명 이 있습니다. 또한 article자신의 사이트에서 정의 목록 바로 아래 에 마크 업하는 방법도 설명합니다 . 이것은 HTML 5와 CSS를 배우는 환상적인 책입니다.
"기사 요소는 문서, 페이지, 응용 프로그램 또는 사이트에 자체 포함 된 컴포지션으로 구성되고 예를 들어 신디케이트와 같이 독립적으로 배포하거나 재사용 할 수있는 페이지의 구성 요소를 나타냅니다."
Aside"접선 적으로 관련된"요소를위한 것이며 section"일반 문서 또는 응용 프로그램 섹션을 나타냅니다"
에 대한 <aside>연극과 같은 것을 생각해보십시오. 이야기는 청중에게 무언가를 설명하고 잠깐 동안 접선을 벗어나 주요 초점으로 돌아갑니다. 예 :
<article>
<p>A horse walks into a bar.</p>
<p>The bartender says, "Why the long face?"</p>
<aside>Not because it was sad, horses just have long faces.</aside>
</article>
끔찍한 예이지만 유효한 예입니다. 인용 부호 및 기타 기사 관련 탄젠트와 같은 경우에는 유용 할 수 있지만 순수한 의미 론적 태그로서 광고는 일반적으로 속하지 않습니다.
키워드 중심 광고 시스템은 콘텐츠의 의미 론적 맞춤에 신경 쓰지 않으며 인구 통계 일치에 더 관심이 있습니다. 귀하 <article>가 PHP에 대해서만 관심이 있고 Python / Perl / Java와 관련된 광고를 가져 오는 경우 (어떤 시점에), <aside>방금 의미를 잃었습니다. 페이지의 다른 곳에 두는 것이 좋습니다.