반응형
FrontEnd2022. 3. 28. 17:21[HTML] Figure 태그 사용법, img와 차이

figure 태그를 배우며 헷갈렸던게 왜 img가 있는데 또 figure태그를 사용하는가 였다 figure의 뜻은 '이미지'로 태그는 그림이나 영상등의 요소를 넣고 감싸는데 사용된다. 즉 figure 태그 안에 img가 들어갈 수 있는 것으로 figure태그 자체만으로는 이미지를 불러올 수는 없었다. 이미지 불러오기 -> img 이미지 감싸기 -> figure 그렇다면 이미지를 감싸서 어디다 사용할 수 있을까? 그건 바로 기사나 논문등을 보면 이미지 하단에 뭔가 글이 길다랗고 조그맣게 적혀있는 것을 볼 수 있다. 그 안에 대체로 이미지의 제목이나 출처가 적혀있는데 그것을 구분해 주기 위해 바로 이 키워드가 존재한다! (참고로 figure 태그는 시멘틱 태그로 의미가 있는 태그이다.)

반응형
image