figure元素用于定义哪些内容-千锋教育

校区

首页课程师资教程资讯关于

校区精品课程

互联网前瞻热门课程从入门到成神

鸿蒙生态开发 HTML5培训 Java培训 Python培训云计算培训软件测试培训网络安全培训大数据培训物联网培训 Unity培训全媒体营销培训影视剪辑培训游戏原画培训区块链培训商业插画培训产品经理培训

全国旗舰校区

不同学习城市同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口 +

培训课程
师资团队
关于千锋

培训机构
面试题
就业前景

零基础学IT

当前位置：首页 > 技术干货

figure元素用于定义哪些内容

发布时间:2023-11-18 22:41:21

发布人:xqq

元素：用于为
元素提供标题或说明性文本。

元素：用于嵌入图像。

元素：用于绘制矢量图形。

元素：用于嵌入视频。

元素：用于嵌入音频。

元素：用于使用 JavaScript 进行绘图。

</code> 元素：用于嵌入其他网页或外部内容。</p> </ul> <p style="text-indent: 2em;"><code><figure></code> 元素的目的是将相关的媒体文件或内容与其说明性文本进行组合，以便更好地传达信息和增强用户体验。</p> </div> <a id="tag_click" href="http://wap.mobiletrain.org/tag-0-1.html">it技术干货</a> <div class="content-link clearfix"> <div> <span class="listiconfont listicon-shangyipian"></span><span>上一篇</span><a href="http://wap.mobiletrain.org/about/BBS/252893.html">哪些元素是可以进行自定义设置的</a><br /> </div> <div> <span class="listiconfont listicon-xiayipian"></span><span>下一篇</span><a href="http://wap.mobiletrain.org/about/BBS/252896.html">vue配置了跨域还是失败怎么办</a> </div> </div> <div class="swiper-container ad-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_2()" rel="nofollow"> <img src="http://wap.mobiletrain.org/images/lists/banner1.jpg" alt="" /></a> </div>  </div> <div class="swiper-pagination swiper-pagination-ad"></div> </div> <div class="rela-article"> <h3 class="art-tit">相关文章</h3> <a href="http://wap.mobiletrain.org/about/BBS/252925.html" class="rela-article-item"> <img src="/tywzt/tongyong2.jpg" alt="matlab中imresize怎么用" /> <div> <p>matlab中imresize怎么用</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252924.html" class="rela-article-item"> <img src="/tywzt/tongyong16.jpg" alt="permute函数的用法介绍" /> <div> <p>permute函数的用法介绍</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252922.html" class="rela-article-item"> <img src="/tywzt/ty70.jpg" alt="标准差系数excel用什么函数" /> <div> <p>标准差系数excel用什么函数</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252921.html" class="rela-article-item"> <img src="/tywzt/ty57.jpg" alt="linux中ps aux命令是什么意思" /> <div> <p>linux中ps aux命令是什么意思</p> <span>2023-11-18</span> </div> </a> </div> <div class="rela-article"> <h3 class="art-tit">最新文章</h3> <a href="http://wap.mobiletrain.org/interview/wlaq/234481.html" class="rela-article-item"> <img src="/tywzt/tongyong11.jpg" alt="武汉新媒体行业公司排名" /> <div> <p>武汉新媒体行业公司排名</p> <span>2023-11-01</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234420.html" class="rela-article-item"> <img src="/tywzt/ty35.jpg" alt="武汉新媒体就业现状好吗" /> <div> <p>武汉新媒体就业现状好吗</p> <span>2023-11-01</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234353.html" class="rela-article-item"> <img src="/tywzt/ty64.jpg" alt="武汉全媒体行业发展现状及趋势" /> <div> <p>武汉全媒体行业发展现状及趋势</p> <span>2023-10-31</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234277.html" class="rela-article-item"> <img src="/tywzt/ty55.jpg" alt="武汉全媒体现状" /> <div> <p>武汉全媒体现状</p> <span>2023-10-31</span> </div> </a> </div> </div> </div> <div class="hot-channel"> <div class="box"> <h3 class="tit">热门频道</h3> <ul class="hot-channel-lists"> <a href="http://wap.mobiletrain.org/training/" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>IT培训机构</h3> <p>培训费用、培训周期你关心的都有</p> </div> </a> <a href="http://wap.mobiletrain.org/zcjy/" class="hot-channel-item"> <div class="hot-channel-item-left bg2"> <i class="listiconfont listicon-tiku"></i> </div> <div class="hot-channel-item-right"> <h3>就业前景</h3> <p>学会能干什么，IT培训就业前景介绍</p> </div> </a> <a href="http://wap.mobiletrain.org/ljc/" class="hot-channel-item"> <div class="hot-channel-item-left bg3"> <i class="listiconfont listicon-fabujishu"></i> </div> <div class="hot-channel-item-right"> <h3>零基础学习</h3> <p>零基础学习IT，大神也是零基础起步</p> </div> </a> <a href="http://wap.mobiletrain.org/interview/" class="hot-channel-item"> <div class="hot-channel-item-left bg4"> <i class="listiconfont listicon-minzhengtubiao1-46"></i> </div> <div class="hot-channel-item-right"> <h3>面试题</h3> <p>常见经典面试题及答案解析</p> </div> </a> <a href="http://wap.mobiletrain.org/wenwen/" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>千锋问问</h3> <p>搜集常见技术关键点，高效答疑</p> </div> </a> <a href="http://wap.mobiletrain.org/sitemap.html" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>网站地图</h3> <p>明晰网站布局，快速定位学习内容</p> </div> </a> </ul> </div> </div> </div> <div class="seo-form" style="display: none;"> <div class="con"> <div class="form-con"> <i class="listiconfont listicon-renshu"></i> <input type="text" name="name" placeholder="请输入您的姓名" /> </div> <div class="form-con"> <i class="listiconfont listicon-shoujitianchong"></i> <input type="text" name="mobile" placeholder="请输入您的手机号" /> </div> <div class="form-pri"> <i class="listiconfont listicon-xuanze"></i> <a href="http://wap.mobiletrain.org/privacyPolicy.html" target="_blank">我已阅读并同意《千锋教育用户隐私协议》</a> </div> <a href="javascript:;" class="submit-btn" onclick="BASE.seoData('name', 'mobile', '', '')">提交领14天试学名额</a> </div> </div> <style> .footer { background-color: #01133d; padding-top: 0.6667rem; margin-bottom: -0.52rem; position: relative; /* 24px */ } .footer .footer-logo { display: flex; justify-content: space-between; width: 8.6667rem; margin: 0 auto; } .footer .footer-logo img { height: 0.36rem; } .footer .footer-tel { display: flex; justify-content: center; align-items: center; color: #ffffff; } .footer .footer-tel .icon-dianhua { font-size: 0.4533rem; } .footer .footer-tel .footer-tel-txt { font-size: 0.3467rem; margin-left: 0.3067rem; margin-right: 0.2267rem; } .footer .footer-tel .footer-tel-num { font-size: 0.5067rem; color: #ffffff; } .footer .footer-copyright { height: 1.753rem; background: linear-gradient(#01133d, #01133d), linear-gradient(#011035, #011035); padding-top: 0.5867rem; } .footer .footer-copyright p { font-size: 0.2133rem; line-height: 1.7; color: #ffffff; opacity: 0.4; text-align: center; } .footer .footer-link { text-align: center; margin-top: 0.3rem; } .footer .footer-link a { color: rgba(255, 255, 255, 0.4); font-size: 0.2133rem; } </style> <div class="footer"> <div class="footer-tel"> <span class="iconfont icon-dianhua"></span> <span class="footer-tel-txt">全国咨询热线</span> <a class="footer-tel-num" href="tel:400-811-9990">400-811-9990</a> </div> <div class="footer-link"> <a href="http://wap.mobiletrain.org/sitemap.html">网站地图 | </a> <a href="http://wap.mobiletrain.org/about/BBS/">技术干货 | </a> <a href="http://wap.mobiletrain.org/about/info/">行业资讯 | </a> <a href="http://wap.mobiletrain.org/about/" rel="nofollow">关于千锋</a> </div> </div> <style> body { padding-bottom: 0 !important; } .seo-fixed-bottom { display: none !important; position: fixed; left: 0; bottom: 0; width: 100%; height: 1.1733rem; background-color: #326cf6; display: flex; align-items: center; z-index: 10; } .seo-fixed-bottom .seo-fixed-bottom-item { position: relative; flex: 1; height: 0.5067rem; border-right: 1px solid #ffffff; font-size: 0.3733rem; color: #fff; text-align: center; } .seo-fixed-bottom .seo-fixed-bottom-item:last-child { border: none; } .seo-fixed-bottom .seo-fixed-bottom-item:first-child::after { position: absolute; top: -0.1333rem; right: 0.1867rem; content: "5"; width: 0.3733rem; height: 0.3733rem; line-height: 0.3733rem; text-align: center; background-color: #fe5133; border-radius: 50%; font-size: 0.2667rem; color: #ffffff; animation: aniop 1s infinite; } @keyframes aniop { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } .seo-fixed-bottom .seo-fixed-bottom-item i { font-size: 0.4rem; margin-right: 0.1333rem; } </style> <div class="seo-fixed-bottom"> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-zaixianzixun"></i>在线咨询 </a> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-a-46mianfei"></i>免费试学 </a> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-shipinjiaocheng"></i>教程领取 </a> </div> <script src="http://wap.mobiletrain.org/js/jquery.min.js"></script> <script src="http://wap.mobiletrain.org/js/swiper4.5.0.min.js"></script> <script src="http://wap.mobiletrain.org/js/common.js?4"></script> <script src="/js/highlight.min.js"></script> <script> hljs.highlightAll(); </script> <script> // new Swiper(".ad-swiper", { // autoplay: true, // loop: true, // pagination: { // el: ".swiper-pagination-ad", // }, // }); $(document).ready(function () { var href = $('#tag_click').attr('href'); if (href.indexOf("-0-") != -1) { var tag_code = $('#tag_click').html(); $.ajax({ url: "http://app.mobiletrain.org/tags.php", type: "get", dataType: "json", data: { "tag_code": tag_code }, success: function (data) { $('#tag_click').attr('href', 'http://wap.mobiletrain.org/tag-' + data + '-1.html'); } }) } }); if ( location.href.indexOf("/about/info/") > -1 || location.href.indexOf("/about/news/") > -1 || location.href.indexOf("/about/BBS/") > -1 ) { $(".links a").eq(6).addClass("active").siblings().removeClass("active"); } </script> </body> </html>

元素：用于为
元素提供标题或说明性文本。

元素：用于嵌入图像。

元素：用于绘制矢量图形。

元素：用于嵌入视频。

元素：用于嵌入音频。

元素：用于使用 JavaScript 进行绘图。

</code> 元素：用于嵌入其他网页或外部内容。</p> </ul> <p style="text-indent: 2em;"><code><figure></code> 元素的目的是将相关的媒体文件或内容与其说明性文本进行组合，以便更好地传达信息和增强用户体验。</p> </div> <a id="tag_click" href="http://wap.mobiletrain.org/tag-0-1.html">it技术干货</a> <div class="content-link clearfix"> <div> <span class="listiconfont listicon-shangyipian"></span><span>上一篇</span><a href="http://wap.mobiletrain.org/about/BBS/252893.html">哪些元素是可以进行自定义设置的</a><br /> </div> <div> <span class="listiconfont listicon-xiayipian"></span><span>下一篇</span><a href="http://wap.mobiletrain.org/about/BBS/252896.html">vue配置了跨域还是失败怎么办</a> </div> </div> <div class="swiper-container ad-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:;" onclick="open53_2()" rel="nofollow"> <img src="http://wap.mobiletrain.org/images/lists/banner1.jpg" alt="" /></a> </div>  </div> <div class="swiper-pagination swiper-pagination-ad"></div> </div> <div class="rela-article"> <h3 class="art-tit">相关文章</h3> <a href="http://wap.mobiletrain.org/about/BBS/252925.html" class="rela-article-item"> <img src="/tywzt/tongyong2.jpg" alt="matlab中imresize怎么用" /> <div> <p>matlab中imresize怎么用</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252924.html" class="rela-article-item"> <img src="/tywzt/tongyong16.jpg" alt="permute函数的用法介绍" /> <div> <p>permute函数的用法介绍</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252922.html" class="rela-article-item"> <img src="/tywzt/ty70.jpg" alt="标准差系数excel用什么函数" /> <div> <p>标准差系数excel用什么函数</p> <span>2023-11-18</span> </div> </a> <a href="http://wap.mobiletrain.org/about/BBS/252921.html" class="rela-article-item"> <img src="/tywzt/ty57.jpg" alt="linux中ps aux命令是什么意思" /> <div> <p>linux中ps aux命令是什么意思</p> <span>2023-11-18</span> </div> </a> </div> <div class="rela-article"> <h3 class="art-tit">最新文章</h3> <a href="http://wap.mobiletrain.org/interview/wlaq/234481.html" class="rela-article-item"> <img src="/tywzt/tongyong11.jpg" alt="武汉新媒体行业公司排名" /> <div> <p>武汉新媒体行业公司排名</p> <span>2023-11-01</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234420.html" class="rela-article-item"> <img src="/tywzt/ty35.jpg" alt="武汉新媒体就业现状好吗" /> <div> <p>武汉新媒体就业现状好吗</p> <span>2023-11-01</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234353.html" class="rela-article-item"> <img src="/tywzt/ty64.jpg" alt="武汉全媒体行业发展现状及趋势" /> <div> <p>武汉全媒体行业发展现状及趋势</p> <span>2023-10-31</span> </div> </a> <a href="http://wap.mobiletrain.org/interview/wlaq/234277.html" class="rela-article-item"> <img src="/tywzt/ty55.jpg" alt="武汉全媒体现状" /> <div> <p>武汉全媒体现状</p> <span>2023-10-31</span> </div> </a> </div> </div> </div> <div class="hot-channel"> <div class="box"> <h3 class="tit">热门频道</h3> <ul class="hot-channel-lists"> <a href="http://wap.mobiletrain.org/training/" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>IT培训机构</h3> <p>培训费用、培训周期你关心的都有</p> </div> </a> <a href="http://wap.mobiletrain.org/zcjy/" class="hot-channel-item"> <div class="hot-channel-item-left bg2"> <i class="listiconfont listicon-tiku"></i> </div> <div class="hot-channel-item-right"> <h3>就业前景</h3> <p>学会能干什么，IT培训就业前景介绍</p> </div> </a> <a href="http://wap.mobiletrain.org/ljc/" class="hot-channel-item"> <div class="hot-channel-item-left bg3"> <i class="listiconfont listicon-fabujishu"></i> </div> <div class="hot-channel-item-right"> <h3>零基础学习</h3> <p>零基础学习IT，大神也是零基础起步</p> </div> </a> <a href="http://wap.mobiletrain.org/interview/" class="hot-channel-item"> <div class="hot-channel-item-left bg4"> <i class="listiconfont listicon-minzhengtubiao1-46"></i> </div> <div class="hot-channel-item-right"> <h3>面试题</h3> <p>常见经典面试题及答案解析</p> </div> </a> <a href="http://wap.mobiletrain.org/wenwen/" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>千锋问问</h3> <p>搜集常见技术关键点，高效答疑</p> </div> </a> <a href="http://wap.mobiletrain.org/sitemap.html" class="hot-channel-item"> <div class="hot-channel-item-left"> <i class="listiconfont listicon-toutiao-1"></i> </div> <div class="hot-channel-item-right"> <h3>网站地图</h3> <p>明晰网站布局，快速定位学习内容</p> </div> </a> </ul> </div> </div> </div> <div class="seo-form" style="display: none;"> <div class="con"> <div class="form-con"> <i class="listiconfont listicon-renshu"></i> <input type="text" name="name" placeholder="请输入您的姓名" /> </div> <div class="form-con"> <i class="listiconfont listicon-shoujitianchong"></i> <input type="text" name="mobile" placeholder="请输入您的手机号" /> </div> <div class="form-pri"> <i class="listiconfont listicon-xuanze"></i> <a href="http://wap.mobiletrain.org/privacyPolicy.html" target="_blank">我已阅读并同意《千锋教育用户隐私协议》</a> </div> <a href="javascript:;" class="submit-btn" onclick="BASE.seoData('name', 'mobile', '', '')">提交领14天试学名额</a> </div> </div> <style> .footer { background-color: #01133d; padding-top: 0.6667rem; margin-bottom: -0.52rem; position: relative; /* 24px */ } .footer .footer-logo { display: flex; justify-content: space-between; width: 8.6667rem; margin: 0 auto; } .footer .footer-logo img { height: 0.36rem; } .footer .footer-tel { display: flex; justify-content: center; align-items: center; color: #ffffff; } .footer .footer-tel .icon-dianhua { font-size: 0.4533rem; } .footer .footer-tel .footer-tel-txt { font-size: 0.3467rem; margin-left: 0.3067rem; margin-right: 0.2267rem; } .footer .footer-tel .footer-tel-num { font-size: 0.5067rem; color: #ffffff; } .footer .footer-copyright { height: 1.753rem; background: linear-gradient(#01133d, #01133d), linear-gradient(#011035, #011035); padding-top: 0.5867rem; } .footer .footer-copyright p { font-size: 0.2133rem; line-height: 1.7; color: #ffffff; opacity: 0.4; text-align: center; } .footer .footer-link { text-align: center; margin-top: 0.3rem; } .footer .footer-link a { color: rgba(255, 255, 255, 0.4); font-size: 0.2133rem; } </style> <div class="footer"> <div class="footer-tel"> <span class="iconfont icon-dianhua"></span> <span class="footer-tel-txt">全国咨询热线</span> <a class="footer-tel-num" href="tel:400-811-9990">400-811-9990</a> </div> <div class="footer-link"> <a href="http://wap.mobiletrain.org/sitemap.html">网站地图 | </a> <a href="http://wap.mobiletrain.org/about/BBS/">技术干货 | </a> <a href="http://wap.mobiletrain.org/about/info/">行业资讯 | </a> <a href="http://wap.mobiletrain.org/about/" rel="nofollow">关于千锋</a> </div> </div> <style> body { padding-bottom: 0 !important; } .seo-fixed-bottom { display: none !important; position: fixed; left: 0; bottom: 0; width: 100%; height: 1.1733rem; background-color: #326cf6; display: flex; align-items: center; z-index: 10; } .seo-fixed-bottom .seo-fixed-bottom-item { position: relative; flex: 1; height: 0.5067rem; border-right: 1px solid #ffffff; font-size: 0.3733rem; color: #fff; text-align: center; } .seo-fixed-bottom .seo-fixed-bottom-item:last-child { border: none; } .seo-fixed-bottom .seo-fixed-bottom-item:first-child::after { position: absolute; top: -0.1333rem; right: 0.1867rem; content: "5"; width: 0.3733rem; height: 0.3733rem; line-height: 0.3733rem; text-align: center; background-color: #fe5133; border-radius: 50%; font-size: 0.2667rem; color: #ffffff; animation: aniop 1s infinite; } @keyframes aniop { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } } .seo-fixed-bottom .seo-fixed-bottom-item i { font-size: 0.4rem; margin-right: 0.1333rem; } </style> <div class="seo-fixed-bottom"> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-zaixianzixun"></i>在线咨询 </a> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-a-46mianfei"></i>免费试学 </a> <a class="seo-fixed-bottom-item" href="javascript:;" onclick="open53_2()" rel="nofollow"> <i class="listiconfont listicon-shipinjiaocheng"></i>教程领取 </a> </div> <script src="http://wap.mobiletrain.org/js/jquery.min.js"></script> <script src="http://wap.mobiletrain.org/js/swiper4.5.0.min.js"></script> <script src="http://wap.mobiletrain.org/js/common.js?4"></script> <script src="/js/highlight.min.js"></script> <script> hljs.highlightAll(); </script> <script> // new Swiper(".ad-swiper", { // autoplay: true, // loop: true, // pagination: { // el: ".swiper-pagination-ad", // }, // }); $(document).ready(function () { var href = $('#tag_click').attr('href'); if (href.indexOf("-0-") != -1) { var tag_code = $('#tag_click').html(); $.ajax({ url: "http://app.mobiletrain.org/tags.php", type: "get", dataType: "json", data: { "tag_code": tag_code }, success: function (data) { $('#tag_click').attr('href', 'http://wap.mobiletrain.org/tag-' + data + '-1.html'); } }) } }); if ( location.href.indexOf("/about/info/") > -1 || location.href.indexOf("/about/news/") > -1 || location.href.indexOf("/about/BBS/") > -1 ) { $(".links a").eq(6).addClass("active").siblings().removeClass("active"); } </script> </body> </html>