HTML5 의미 문서 목록

Question

나는 기사의 고전 목록을하고있는 중이 야, 나는 모두 figure 및 time 요소를 사용하려면 :

<li> 
    <article> 
     <figure> 
     <a><img alt="Artile thumnbail"/></a> 
     <figurecaption> 
      <h3><a>Article Title</a></h3> 
     </figurecaption> 
     </figure> 
     <time pubdate="xxx">xxx</time> 
    </article> 
</li> 

는이를 작성하는 올바른 방법인가를?

Answer 1

태그 이름은 이 아니라 figcaption입니다. 그것과 별개로, 코드는 좋아 보인다. 그러나 나는 그 요소들을 많이 내 자신으로 감쌀 것이다. figure 및 figcaption 요소가 필요한 이유는 무엇입니까? 기사 제목은 실제로 이미지의 캡션이 아니라 독립적 인 제목입니다. 그리고 대부분의 이미지에는 figure이 필요하지 않습니다. 나는 이런 식으로 작성된 것

:

<li> 
    <article> 
     <a> 
      <img alt="Article thumbnail"/> 
      <h3>Article title</h3> 
     </a> 
     <time pubdate="xxx">xxx</time> 
    </article> 
</li> 

그리고 그 요소가없는

, 당신은 <a> 요소를 결합하고 함께 <img> 및 <h3> 포장을 위해 그것을 사용할 수 있습니다.

Answer 2

물품과 같이 정의된다 :

신디케이션에, 예를 들어, 독립적으로 배포 또는 재사용되도록 의도 된 문서, 페이지, 애플리케이션, 또는 현장에서 급식 조성물. 이것은 포럼 게시물, 잡지 또는 신문 기사, 블로그 항목 또는 기타 독립적 인 컨텐츠 항목 일 수 있습니다. (출처 : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article)

기사 목록의 경우 기사 태그를 사용해서는 안되며 어쨌든 사용중인 li 태그 나 div를 사용해야합니다.