표준 html5 태그에 대한 설명

Question

우수 사례를 보려면 온라인에서 일부 템플릿을 사용하여 웹 페이지를 만들어야합니다. 메인 컨텐츠에서

, 슬라이드 쇼, 코드 아래에 내가 사용하고 있습니다 : 슬라이드 쇼 아래 템플릿에서

<main class = "content"> 
<div id = "slideshow"> 
<img src = "img/slide-1.jpg" alt = "" /> 
<img src = "img/slide-2.jpg" alt = "" /> 
<img src = "img/slide-1.jpg" alt = "" /> 
<img src = "img/slide-2.jpg" alt = "" /> 
<img src = "img/slide-1.jpg" alt = "" /> 
</div> 
</main> 

, 그것은 다음과 같이 표시,

같은 그 이후 http://imgur.com/p6S1dub

,

http://imgur.com/HT8YGo4

나는 html5로 그것을 할 많은 방법을 안다.

하지만이 부분에 사용되는 html5 태그의 표준 형식은 무엇인지 알아야합니다.

이 작업을 수행하는 방법을 알고 있습니다.이 사소한 질문에 대해 유감스럽게 생각합니다. 미리 감사드립니다.

Answer 1

슬라이드 쇼의 경우 페이지의 주 콘텐츠이므로 <main>으로 묶으십시오. 각 img 태그는 <figure>으로 묶어야하며 캡션을 제공하는 경우 <figcaption>입니다.

<div> 
    <img src="…" /> 
    <img src="…" /> 
</div> 

된다 ... 하위 내용에 대한

<main> 
    <div> 
    <figure> 
     <img src="…" /> 
    </figure> 
    <figure> 
     <img src="…" /> 
    </figure> 
    </div> 
</main> 

, 이것은 당신이 거기에 넣어 어떤 내용에 전적으로 의존한다. 갤러리에 표시된 콘텐츠 요약을 입력 한 경우 <summary>으로 묶습니다. 추가 콘텐츠 인 경우 <aside>을 사용하십시오. 어느 쪽이든, 이것은 <section>으로 감싸 야합니다.

고객 평가는 <aside>으로 포장해야합니다.

두 번째 하위 콘텐츠와 마찬가지로 여기에 표시되는 내용에 따라 다릅니다. 모든 페이지의 일부인 경우 <footer>을 사용하십시오. 단순히 보완적인 콘텐츠 인 경우 <aside>을 <section>과 함께 사용하십시오.