달달한 스토리

728x90
반응형

●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며,

제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다.
대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

<figure>

 

figure요소는 일러스트, 다이어그램, 사진, 코드등에 주석을 다는 용도로 사용됩니다.

 

이 요소가 제거 되더라도 문서의 주된 흐름에는 큰 영향을 미치지 않습니다.

 

figure요소는 figcaption 요소를 포함할 수 있으며 figure요소안에서 맨앞이나 맨 마지막에만 올 수 있습니다. 단, figcaption요소가 필수는 아닙니다.

 

이미지와 텍스트 등의 콘텐츠를 함께 묶어서 하나의 독립된 단위로 취급하고 싶을때 사용한다.

 

 

<figcaption>

figcaption element 는 부모 요소 인 figure 요소의 내용들에 대한 캡션, 혹은 제목을 나타냅니다.

 

그림 요소 안에서 맨 처음 혹은 맨 마지막에만 올 수 있습니다.

 

figure에 대한 제목을 표현할 떄, 사용하며, figure의 요소 안에서 사용해야한다.

728x90
반응형

'Programing > HTML' 카테고리의 다른 글

<header>와 <link> 그리고 rel  (0) 2020.12.10
<meta charset="utf-8" />란?  (0) 2020.12.09
<embed>란?  (0) 2020.12.01
<audio>와 source  (2) 2020.12.01
<section>, <aside>, <article>, <main>, <footer> 정리  (0) 2020.11.29
<form>과 <input> 요소 정리  (0) 2020.11.27
<table> 태그와 요소들 정리  (0) 2020.11.22
<head>와 <title> 그리고 <a>, <a href>, <a target>  (0) 2020.11.22

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading