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

정의 및 사용법

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

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

브라우저 지원

모든 주요 브라우저는

태그를 지원합니다.

HTML 4.01과 HTML 5의 차이점

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

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

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

　

title

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

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

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

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

<figure>
<figcaption>title</figcaption>
<img  src="/static/imghwm/default1.png"  data-src="test.jpg"  class="lazy"    / alt="html5 태그 그림과 figcaption의 차이점 비교" >
</figure>

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