> 웹 프론트엔드 > HTML 튜토리얼 > html5 태그 그림과 figcaption의 차이점 비교

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

巴扎黑
풀어 주다: 2017-06-27 09:38:16
원래의
3356명이 탐색했습니다.

정의 및 사용법

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

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

브라우저 지원

모든 주요 브라우저는

태그를 지원합니다.

HTML 4.01과 HTML 5의 차이점

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

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

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


  •  

    title


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

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

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

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

    <figure>
    <figcaption>title</figcaption>
    <img src="test.jpg"  />
    </figure>
    로그인 후 복사

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

    관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿