HTML 참조 설명서

HTML 태그 전체 목록

HTML: <figure> 태그

HTML <figure> 요소는 독립된 내용을 대표하며, 보통 설명(caption) <figcaption>과 함께 사용되고, 독립된 참조 단위로 사용됩니다. 주 내용 흐름에 속해 있을 때, 그 위치는 주체와 독립적입니다. 이 태그는 주 내용에 포함된 이미지, 그림, 표, 코드 단락 등을 주로 참조하며, 이 부분이 부록이나 다른 페이지로 이동할 때 주체에 영향을 미치지 않습니다.

온라인 예제

사용 <figure> 요소로 문서 중 하나의 이미지를 표시하십시오:

예제

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>기본 지침 웹(w3(codebox.com)</title>　
</head>
<body>
<figure>
　　<img　src="views.png"　alt="views"　width="304"　height="228">
</figure>
</body>
</html>

테스트를 보세요.‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

IE 9Firefox, Opera, Chrome 및 Safari가 <figure> 태그를 지원합니다.

주의사항:IE 8 또는 이전 버전의 IE 브라우저는 <figure> 태그를 지원하지 않습니다.

태그 정의 및 사용 설명

<figure> 태그는 독립적인 흐름 내용(이미지, 그래프, 사진, 코드 등)을 정의합니다.

<figure> 요소의 내용은 주 내용과 관련이 있어야 하며, 요소의 위치는 주 내용에 비해 독립적이어야 합니다. 제거될 경우, 문서 흐름에 영향을 미치지 않아야 합니다.

　일반적으로, <figure>는 이미지, 그림, 그래프, 코드 단편 등이며, 문서의 주 흐름에서 참조되지만, 주 흐름에서 벗어나 다른 문서 부분이나 부록으로 이동할 수 있으며, 주 흐름에 영향을 미치지 않습니다.

　내부에 <figcaption>를 삽입하여(처음이나 마지막 자식 요소로), 제목을 <figure> 요소와 연결할 수 있습니다. 첫 번째 <figcaption> 요소는 그림 제목으로 표시됩니다.

HTML 4.01 와 HTML5간의 차이

<figure> 태그는 HTML 5 에서 새 태그.

추가로: 주의사항

추가로:<figcaption> 요소는 <figure> 요소에 제목을 정의하기 위해 사용됩니다.