반응형
<figure>는 설명 글이 필요한 멀티미디어 파일을 비롯해 사진이나, 표, 소스코드 등 한 단위가 되는 요소를 묶어줄 때 사용합니다. 즉 설명 글을 붙일 대상을 지정할 때 사용합니다.
<figcaption> 실제로 설명할 글을 붙입니다. 글을 붙일 수 있는 대상은 이미지, 오디오, 비디오같은 미디어 파일도 가능하며 텍스트 단락, 표가 될 수도 있으며 여러 개의 이미지나 미디어 파일에 하나의 설명글을 표시할 수 있습니다.
<figure>
<img src ="images/html.png" alt="html그림">
<figcaption> html 로고 사진 </figcaption>
</figure>
이미지와 이미지 설명이 <figure> 태그로 묶여 있기 때문에 이미지 위치를 옮기면 설명도 함께 옮겨집니다.
반응형
'웹 프로그래밍 기초' 카테고리의 다른 글
| <HTML5> 시맨틱 태그 (0) | 2020.06.15 |
|---|---|
| <HTML> <a>태그의 target 속성 , 앵커 (0) | 2020.06.12 |
| HTML <link> tag (0) | 2020.05.29 |
| [CSS]all , unset , box-shadow , IR기법 (0) | 2020.05.07 |
| CSS 상속과 우선순위 (0) | 2020.05.06 |
댓글