웹 페이지에서 의미 론적 HTML을 올바르게 사용 : 기사 요소가 적절합니까?

Question

홈페이지에 article (또는 section) 요소가 적절합니까?

홈 페이지의 내용은 대부분 article 요소 (별도의 페이지에 있음)에 포함되어야하는 콘텐츠를 참조하는 요약이므로 잘 모르겠습니다.

Answer 1

내가 경험 한 규칙은 해당 <h#>이있는 경우에만 <article> 또는 <section>을 사용하는 것입니다.

그래서이 더 적절하다 :이보다

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<h2>Sub-Head</h2> 
<p> 
Hello. 
</p> 
</article> 

:

<h1>Home Page</h1> 

<p> 
Hi. 
</p> 

<article> 
<p> 
Hello. 
</p> 
</article> 

그냥 작동하도록 제목을 추가하지 마십시오. 제목의 가치는 콘텐츠의 특성에 따라 결정되어야하며 원하는 요소를 구형 화하려는 욕구가 아닙니다.

예를 들어 의도 한 레이아웃과 콘텐츠의 URL 또는 이미지를 사용하면 더 많은 문맥을 제공 할 수 있습니다.

또한 인접한 부분이 하나 인 경우 (예 : 하위 페이지가 일반적으로 약 한 가지와 같은 경우) 전체 페이지를 <article>으로 묶지 않고 대신 <main>에 넣을 수 있습니다.

좀 더 자세히 알아 보려면 W3C HTML5, WCAG 및 ARIA 사양 참가자 및 접근성 옹호 담당자 Léonie Watson의 piece on <section>을 확인하십시오.