html5 태그 그림과 figcaption의 차이점 비교

정의 및 사용법

614eb9dc63b3fb809437a716aa228d24 태그는 그림 요소의 제목(캡션)을 정의합니다.

"figcaption" 요소는 "Figure" 요소의 첫 번째 또는 마지막 하위 요소로 배치되어야 합니다.

브라우저 지원

모든 주요 브라우저는 614eb9dc63b3fb809437a716aa228d24 태그를 지원합니다.

HTML 4.01과 HTML 5의 차이점

614eb9dc63b3fb809437a716aa228d24 태그는 HTML 5의 새로운 태그입니다.

그림과 그림캡션, 이 두 태그는 그림과 텍스트를 정의하는 데 사용됩니다.

종종 그림목록, 그림 + 제목 또는 그림 + 제목 + 간단한 설명을 사용합니다. 기존의 기존 작성 방법:

25edfb22a4f469ecb59f1190150159c6
　b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

그리고 html5에서 새로운 태그는 이 그림 목록을 의미론적으로 정의할 수 있으며, 그것이 바로 그림 태그입니다.

Figure 태그는 독립적인 흐름 콘텐츠(이미지, 차트, 사진, 코드)를 지정합니다. 그림 요소의 내용은 주요 내용과 관련되어야 하지만 제거되는 경우 문서 흐름에 영향을 주지 않아야 합니다.

figcaption 태그는 그림 요소의 제목을 정의합니다. "figcaption" 요소는 "Figure" 요소의 첫 번째 또는 마지막 하위 요소로 배치되어야 합니다.

그러면 위 코드는 다음과 같습니다:

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

위 내용은 html5 태그 그림과 figcaption의 차이점 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!