>  기사  >  웹 프론트엔드  >  피규어 태그란 무엇인가요? 언제 사용하나요?

피규어 태그란 무엇인가요? 언제 사용하나요?

藏色散人
藏色散人원래의
2018-11-01 17:26:3513645검색

이 글에서는 html5의 새로운 태그 그림 태그 의 정의와 사용법을 주로 소개합니다.

HTML5는 HTML의 최신 개정 버전으로, 더 풍부한 태그를 사용하여 웹 페이지에 더 나은 의미와 구조를 제공합니다. 그래서 일부 신규 이민자들은 이 피규어 태그가 무엇인지 물을 수 있습니다. 그림 태그는 언제 사용해야 하나요?

관련 튜토리얼 추천: HTML5 튜토리얼

그럼 그림 태그 공식 주어진 정의는 독립적인 스트림 콘텐츠(이미지, 차트, 사진, 코드 등)를 지정합니다.

아래에서는 간단한 코드 예시를 통해 HTML5의 구체적인 그림 태그 방식을 소개하겠습니다.

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>figure标签使用示例</title>
<head>
</head>
<body>
<p>
    HTML5是HTML最新的修订版本,由万维网联盟(W3C)于2014年10月完成标准制定。,<br>
    目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网上标准达到匹配当代的网上需求。<br>
    广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。<br>
    它希望能够减少网页浏览器对于需要插件的丰富性网上应用服务(Plug-in-Based Rich Internet Application,RIA),<br>
    例如:Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效加强网上应用的标准集。
</p>
<figure>
    <p>图片主题名称</p>
    <p>图片制作时间:11.1</p>
    <img  src="img/2.png" alt="피규어 태그란 무엇인가요? 언제 사용하나요?" >
</figure>
</body>
</html>

위의 코드는 그림 태그를 사용한 예를 소개합니다. 프론트 데스크를 통해 접속했을 때의 효과는 다음과 같습니다.

피규어 태그란 무엇인가요? 언제 사용하나요?설명 이전에는 그림이 독립적인 스트림 콘텐츠 사진, 이미지 등으로 규정되었습니다. 즉, 그림 태그는 웹사이트 제작 페이지의 독립적인 콘텐츠를 나타내는 데 사용될 수 있습니다. 웹페이지에서 이를 제거해도 웹페이지의 다른 콘텐츠에는 영향을 미치지 않습니다. 그림으로 표현되는 내용은 그림, 통계 차트, 코드 예시 등이 될 수 있습니다.

위 그림과 같이 그림 태그의 그림과 제목이 독립적으로 표시됩니다.

참고:

그림 요소의 내용은 주요 내용과 관련이 있어야 하지만, 제거해도 내용에 아무런 영향을 미치지 않아야 합니다. 문서 흐름.

요소를 사용하여 그림에 캡션을 추가할 수 있습니다.

이 글은 HTML5에서 새로운 태그 그림을 사용하는 방법에 대한 소개입니다. 매우 간단하고 이해하기 쉬울 것입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

프론트엔드 지식에 대해 더 자세히 알고 싶다면 PHP 중국어 웹사이트 HTML5Tutorial 및 기타 관련 프론트엔드 비디오 튜토리얼을 따라가세요!

위 내용은 피규어 태그란 무엇인가요? 언제 사용하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.