Figure 태그와 figcaption 태그는 HTML5의 새로운 의미 태그입니다.
그림 태그, html5 의미 태그.개별 스트림 콘텐츠(이미지, 차트, 사진, 코드 등)를 지정하는 데 사용됩니다.
figcaption 태그, html5 의미 태그.그림과 함께 사용되는 레이블은 그림 요소의 제목을 정의하는 데 사용됩니다.
Figure 및 figcaption 태그 사용의 장점검색 엔진이 그림을 검색할 때 그림, 차트, 사진, 코드 및 기타 미디어가 여기에 저장되어 있다는 것을 알게 될 것이며 기사 및 기타 항목이 여기에 저장되어 있다고 생각하지 않을 것입니다. 검색 엔진은 검색을 더 빠르고 편리하게 만듭니다.
반면에 프로그래머는 이 라벨을 보면 여기에 존재하는 것이 쉽게 읽을 수 있는 그림과 기타 매체라는 것을 알게 될 것입니다.
다음 다이어그램에서는 이 두 태그를 사용하는 방법을 간략하게 설명합니다.
사례 1:제목이 없는 그림 요소:
<그림> <img style="마진: 0px; 패딩: 0px; 윤곽선: 없음; 줄 높이: 25.2px; 글꼴 크기: 14px; 너비: 660px; 오버플로: 숨김; 지우기: 둘 다; 글꼴 계열: 타호마 , 굴림, Microsoft YaHei;"><그림> <img <figcaption>VeVb Wulin.com, VeVb Wulin.com은 국내 전문 웹사이트 구축 리소스 및 스크립트 프로그래밍 학습 사이트로 asp, php, asp.net, javascript, jquery, vbscript, dos 일괄 처리 및 웹페이지 제작, 네트워크 프로그래밍, 웹사이트 구축 및 기타 프로그래밍 자료</figcaption></Figure>사례 3:
동일한 제목을 가진 여러 그림, 그림 요소:
<그림> <img <img <img <figcaption>VeVb Wulin.com, VeVb Wulin.com은 asp, php, asp.net, javascript, jquery, vbscript, dos를 제공하는 국내 전문 사이트 구축 리소스 및 스크립트 프로그래밍 학습 사이트입니다. 일괄 처리, 웹페이지 제작, 네트워크 프로그래밍, 웹사이트 구축 및 기타 프로그래밍 자료</figcaption></Figure>위 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.