All about {Web}

[HTML/HTML5] Tag ; aside, audio


07. [ aside ]
☞ 정의 :
aside요소는 페이지 전체 내용과는 어느정도 관련성이 있지만, 주요 내용과는 직접적인 연관성은 없는 분리된 내용을 담고 있습니다.
설명 :
주로 사이드바의 형태로 나타냅니다.
aside요소는 문서의 주요 흐름의 일부이기 때문에 단순 삽입어구로 사용되는것은 적합하지 않습니다.
(단순 삽입어구로 사용된 경우는 어떤 경우 일까요?)

예제 :

<p>My family and I visited The Epcot center this summer.</p>

<aside>
  <h4>Epcot Center</h4>
  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>


08. [ audio ]
정의
audio요소는 오디오 파일을 재생합니다.
속성
src : 재생할 오디오의 주소를 지정합니다.
preload : 다운로드 상태를 나타냅니다.
none
metadata
auto
autoplay : 자동 재생을 지정합니다.
loop : 반복 재생을 지정합니다.
controls : 브라우저의 기본 컨트롤러를 사용하도록 지정합니다.

설명
브라우저가
audio요소에서 제공하고 있는 오디오를 재생하지 못하는 경우 audio요소 내부에 있는 내용을 출력합니다.
※ 함께 알아두면 좋은 태그
source
<audio src="http://robtowns.com/music/wayfaring_stranger.mp3" controls="controls" autoplay="autoplay"></audio>


'Web Design > HTML & HTML 5' 카테고리의 다른 글

[HTML] Tag ; bdo, big, blockquote  (0) 2018.05.08
[HTML] Tag ; b, base, bdi  (0) 2018.05.08
[HTML] Tag ; address, area, article  (0) 2018.05.07
[HTML] Tag ; a, abbr, acronym  (0) 2018.05.07
HTML5 - New Structural Tags : <nav>  (1) 2018.04.28