[HTML] Figure 태그 사용법, img와 차이

figure 태그를 배우며 헷갈렸던게

왜 img가 있는데 또 figure태그를 사용하는가 였다

 

figure의 뜻은 '이미지'로 <figure>태그는 그림이나 영상등의 요소를 넣고 감싸는데 사용된다.

즉 figure 태그 안에 img가 들어갈 수 있는 것으로 figure태그 자체만으로는 이미지를 불러올 수는 없었다.

 

이미지 불러오기 -> img

이미지 감싸기 -> figure

 

그렇다면 이미지를 감싸서 어디다 사용할 수 있을까?

그건 바로 기사나 논문등을 보면 이미지 하단에 뭔가 글이 길다랗고 조그맣게 적혀있는 것을 볼 수 있다. 

그 안에 대체로 이미지의 제목이나 출처가 적혀있는데 그것을 구분해 주기 위해 바로 이 키워드가 존재한다!  

 

 

(참고로 figure 태그는 시멘틱 태그로 의미가 있는 태그이다.)