figure元素用于定义哪些内容_千锋IT培训

北京

首页课程教程师资问答资讯干货关于

校区精品课程

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

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

全国旗舰校区

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

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

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

首页
精品课程
免费教程

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

figure元素用于定义哪些内容

来源:千锋教育

发布人:xqq

2023-11-17

推荐

在线提问>>

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

元素：用于嵌入图像。

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

元素：用于嵌入视频。

元素：用于嵌入音频。

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

</code> 元素：用于嵌入其他网页或外部内容。</p> </ul> <p style="text-indent: 2em;"><code><figure></code> 元素的目的是将相关的媒体文件或内容与其说明性文本进行组合，以便更好地传达信息和增强用户体验。</p> <div class="content-link clearfix"> <div> <span class="listiconfont listicon-shangyipian"></span ><span>上一篇</span><a href="http://wap.cq.mobiletrain.org/ganhuo/251551.html">ssm框架dao层是什么层</a><br /> </div> <div> <span class="listiconfont listicon-xiayipian"></span ><span>下一篇</span><a href="http://wap.cq.mobiletrain.org/ganhuo/251619.html">更改c盘用户名后登不上自己账号了怎么办</a> </div> </div> <a class="ad-swiper" href="javascript:;" onclick="open53_2()"></a> <div class="rela-article"> <h3 class="art-tit"> <i class="yidongiconfont yidong-wenzhang-copy"></i>相关文章 </h3> <a href="http://wap.cq.mobiletrain.org/ganhuo/252172.html" target="_blank" class="rela-article-item list1" > <img src="/tywzt/tongyong3.jpg" alt="" /> <div> <p>malloc.h是什么头文件</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252154.html" target="_blank" class="rela-article-item list2" > <img src="/tywzt/tongyong8.jpg" alt="" /> <div> <p>linux sz命令处理大文件出错怎么解决</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252137.html" target="_blank" class="rela-article-item list3" > <img src="/tywzt/tongyong14.jpg" alt="" /> <div> <p>SQL Server 2008如何删除数据库日志</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252110.html" target="_blank" class="rela-article-item list4" > <img src="/tywzt/ty36.jpg" alt="" /> <div> <p>pycharm找回删除的文件怎么找</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252083.html" target="_blank" class="rela-article-item list5" > <img src="/tywzt/ty44.jpg" alt="" /> <div> <p>pycharm中venv文件夹是红的是怎么回事</p>  </div> </a> </div> </div> </div> </div> <div class="kbxx"> <div class="box"> <h3 class="kbxx-tit"> <a class="fw" href="javascript:;" ><i class="yidongiconfont yidong-lingdang"></i>开班信息</a > <a href="javascript:;" onclick="open53_2()">更多>> </a> </h3> <div class="kbxx-bg"> <div class="chooseBox"> <div class="kbxx-btn"> <span class="kbxx-btn-label">课程名称</span> <div class="kbxx_showXq_btn"> <span class="choose-xq">全部学科</span> <i class="yidongiconfont yidong-jiantou-copy-copy"></i> </div> <a href="javascript:;" onclick="open53_2()">咨询</a> </div> <div class="mask-container"> <div class="mask-wrap"> <p class="list" data-course="13"> HTML5大前端 </p> <p class="list" data-course="27"> Java分布式开发 </p> <p class="list" data-course="50"> Python数据分析 </p> <p class="list" data-course="51"> Linux运维+云计算 </p> <p class="list" data-course="52"> 全栈软件测试 </p> <p class="list" data-course="24"> 大数据+数据智能 </p> <p class="list" data-course="68"> 智能物联网+嵌入式 </p> <p class="list" data-course="70"> 网络安全 </p> <p class="list" data-course="19"> 全链路UI/UE设计 </p> <p class="list" data-course="43"> Unity游戏开发 </p> <p class="list" data-course="75"> 新媒体短视频直播电商 </p> <p class="list" data-course="74"> 影视剪辑包装 </p> <p class="list" data-course="74"> 游戏原画 </p> </div> </div> </div> <ul class="des-right-classes"></ul> </div> </div> </div> <style> .seo-form-city { width: 100%; height: 8.24rem; background: #f9fbff url(/imgs2022/m-city-list/seo_form_bg_list.png?1) no-repeat; background-size: 9.3333rem 7.84rem; background-position: center top; margin: 0 auto; } .seo-form-city .con { padding-top: 2.3867rem; } .seo-form-city .form-con { display: flex; align-items: center; width: 8.4rem; height: 1.2rem; background-color: #ffffff; border-radius: 0.1333rem; border: solid 1px #cccccc; margin: 0 auto 0.2667rem auto; box-sizing: border-box; font-size: 0.3733rem; } .seo-form-city .form-con i { color: #000000; margin-right: 0.7rem; margin-left: 0.4rem; font-size: 0.3733rem; } .seo-form-city .form-con input { flex: 1; } .seo-form-city .form-con input::-webkit-input-placeholder { font-size: 0.3733rem; color: #ccc; } .seo-form-city .form-pri { display: flex; justify-content: center; align-items: center; padding-top: 0.08rem; } .seo-form-city .form-pri .listicon-xuanze { color: #326cf6; font-size: 0.36rem; } .seo-form-city .form-pri .listicon-weixuanze { color: #666666; font-size: 0.36rem; } .seo-form-city .form-pri a { font-size: 0.2667rem; color: #666666; margin-left: 0.1733rem; } .seo-form-city .submit-btn { display: block; width: 5.7467rem; height: 0.9467rem; background: linear-gradient(90deg, #ef0a6a 0%, #970299 100%); border-radius: 0.48rem; line-height: 0.9467rem; text-align: center; font-size: 0.48rem; color: #ffffff; font-weight: bold; margin: 0.4rem auto 0 auto; } </style> <div class="seo-form-city" style="display: none;"> <div class="con"> <div class="form-con"> <i>您的姓名</i> <input type="text" name="name" placeholder="请输入姓名" /> </div> <div class="form-con"> <i>您的电话</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', '', '')">提交试学申请</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="/js/jquery.min.js"></script> <script src="/js/swiper4.5.0.min.js"></script> <script src="/js/common.js?t=1700230690"></script> <script src="/js/m_city_con.js?t=1700230690"></script> </body> </html>

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

元素：用于嵌入图像。

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

元素：用于嵌入视频。

元素：用于嵌入音频。

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

</code> 元素：用于嵌入其他网页或外部内容。</p> </ul> <p style="text-indent: 2em;"><code><figure></code> 元素的目的是将相关的媒体文件或内容与其说明性文本进行组合，以便更好地传达信息和增强用户体验。</p> <div class="content-link clearfix"> <div> <span class="listiconfont listicon-shangyipian"></span ><span>上一篇</span><a href="http://wap.cq.mobiletrain.org/ganhuo/251551.html">ssm框架dao层是什么层</a><br /> </div> <div> <span class="listiconfont listicon-xiayipian"></span ><span>下一篇</span><a href="http://wap.cq.mobiletrain.org/ganhuo/251619.html">更改c盘用户名后登不上自己账号了怎么办</a> </div> </div> <a class="ad-swiper" href="javascript:;" onclick="open53_2()"></a> <div class="rela-article"> <h3 class="art-tit"> <i class="yidongiconfont yidong-wenzhang-copy"></i>相关文章 </h3> <a href="http://wap.cq.mobiletrain.org/ganhuo/252172.html" target="_blank" class="rela-article-item list1" > <img src="/tywzt/tongyong3.jpg" alt="" /> <div> <p>malloc.h是什么头文件</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252154.html" target="_blank" class="rela-article-item list2" > <img src="/tywzt/tongyong8.jpg" alt="" /> <div> <p>linux sz命令处理大文件出错怎么解决</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252137.html" target="_blank" class="rela-article-item list3" > <img src="/tywzt/tongyong14.jpg" alt="" /> <div> <p>SQL Server 2008如何删除数据库日志</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252110.html" target="_blank" class="rela-article-item list4" > <img src="/tywzt/ty36.jpg" alt="" /> <div> <p>pycharm找回删除的文件怎么找</p>  </div> </a> <a href="http://wap.cq.mobiletrain.org/ganhuo/252083.html" target="_blank" class="rela-article-item list5" > <img src="/tywzt/ty44.jpg" alt="" /> <div> <p>pycharm中venv文件夹是红的是怎么回事</p>  </div> </a> </div> </div> </div> </div> <div class="kbxx"> <div class="box"> <h3 class="kbxx-tit"> <a class="fw" href="javascript:;" ><i class="yidongiconfont yidong-lingdang"></i>开班信息</a > <a href="javascript:;" onclick="open53_2()">更多>> </a> </h3> <div class="kbxx-bg"> <div class="chooseBox"> <div class="kbxx-btn"> <span class="kbxx-btn-label">课程名称</span> <div class="kbxx_showXq_btn"> <span class="choose-xq">全部学科</span> <i class="yidongiconfont yidong-jiantou-copy-copy"></i> </div> <a href="javascript:;" onclick="open53_2()">咨询</a> </div> <div class="mask-container"> <div class="mask-wrap"> <p class="list" data-course="13"> HTML5大前端 </p> <p class="list" data-course="27"> Java分布式开发 </p> <p class="list" data-course="50"> Python数据分析 </p> <p class="list" data-course="51"> Linux运维+云计算 </p> <p class="list" data-course="52"> 全栈软件测试 </p> <p class="list" data-course="24"> 大数据+数据智能 </p> <p class="list" data-course="68"> 智能物联网+嵌入式 </p> <p class="list" data-course="70"> 网络安全 </p> <p class="list" data-course="19"> 全链路UI/UE设计 </p> <p class="list" data-course="43"> Unity游戏开发 </p> <p class="list" data-course="75"> 新媒体短视频直播电商 </p> <p class="list" data-course="74"> 影视剪辑包装 </p> <p class="list" data-course="74"> 游戏原画 </p> </div> </div> </div> <ul class="des-right-classes"></ul> </div> </div> </div> <style> .seo-form-city { width: 100%; height: 8.24rem; background: #f9fbff url(/imgs2022/m-city-list/seo_form_bg_list.png?1) no-repeat; background-size: 9.3333rem 7.84rem; background-position: center top; margin: 0 auto; } .seo-form-city .con { padding-top: 2.3867rem; } .seo-form-city .form-con { display: flex; align-items: center; width: 8.4rem; height: 1.2rem; background-color: #ffffff; border-radius: 0.1333rem; border: solid 1px #cccccc; margin: 0 auto 0.2667rem auto; box-sizing: border-box; font-size: 0.3733rem; } .seo-form-city .form-con i { color: #000000; margin-right: 0.7rem; margin-left: 0.4rem; font-size: 0.3733rem; } .seo-form-city .form-con input { flex: 1; } .seo-form-city .form-con input::-webkit-input-placeholder { font-size: 0.3733rem; color: #ccc; } .seo-form-city .form-pri { display: flex; justify-content: center; align-items: center; padding-top: 0.08rem; } .seo-form-city .form-pri .listicon-xuanze { color: #326cf6; font-size: 0.36rem; } .seo-form-city .form-pri .listicon-weixuanze { color: #666666; font-size: 0.36rem; } .seo-form-city .form-pri a { font-size: 0.2667rem; color: #666666; margin-left: 0.1733rem; } .seo-form-city .submit-btn { display: block; width: 5.7467rem; height: 0.9467rem; background: linear-gradient(90deg, #ef0a6a 0%, #970299 100%); border-radius: 0.48rem; line-height: 0.9467rem; text-align: center; font-size: 0.48rem; color: #ffffff; font-weight: bold; margin: 0.4rem auto 0 auto; } </style> <div class="seo-form-city" style="display: none;"> <div class="con"> <div class="form-con"> <i>您的姓名</i> <input type="text" name="name" placeholder="请输入姓名" /> </div> <div class="form-con"> <i>您的电话</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', '', '')">提交试学申请</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="/js/jquery.min.js"></script> <script src="/js/swiper4.5.0.min.js"></script> <script src="/js/common.js?t=1700230690"></script> <script src="/js/m_city_con.js?t=1700230690"></script> </body> </html>