HTML 기초 정리(36) - <figure> 독립 콘텐츠 본문
HTML 기초 정리(36) - <figure> 독립 콘텐츠
- 2025. 1. 12. 20:01
728x90
정의 및 사용법
태그 <figure>는 그림, 다이어그램, 사진, 코드 목록 등과 같은 독립적인 콘텐츠를 지정합니다.
요소 의 내용은 <figure>주요 흐름과 관련이 있지만, 해당 요소의 위치는 주요 흐름과 무관하며,
제거해도 문서 흐름에 영향을 미치지 않습니다.
팁: <figcaption> 요소 는 요소 에 캡션을 추가하는 데 사용됩니다 <figure>.
예시
<!DOCTYPE html>
<html>
<body>
<h1>The figure and figcaption element</h1>
<figure>
<img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
<figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
</body>
</html>
반응형
'프로그램 > HTML' 카테고리의 다른 글
| HTML 기초 정리(37) - <footer> 바닥글 (0) | 2025.01.14 |
|---|---|
| HTML 기초 정리(35) - <figcaption> 요소 캡션 (0) | 2025.01.09 |
| HTML 기초 정리(34) - <fieldset> 필드셋 (0) | 2025.01.07 |
| HTML 기초 정리(33) - <em> 강조 (0) | 2025.01.04 |
| HTML 기초 정리(32) - <dt> 용어 (0) | 2025.01.02 |
프로그램/HTML Related Articles
-
HTML 기초 정리(37) - <footer> 바닥글
-
HTML 기초 정리(35) - <figcaption> 요소 캡션
-
HTML 기초 정리(34) - <fieldset> 필드셋
-
HTML 기초 정리(33) - <em> 강조
RECENT COMMENT