HTML基础head标签的正确使用方法

最新推荐文章于 2023-01-07 20:55:56 发布

wwwarewow

最新推荐文章于 2023-01-07 20:55:56 发布

阅读量2.8k

点赞数 1

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/JSPSEO/article/details/125785125

版权

本文详细介绍了HTML文档中标签的作用和重要性，包括定义文档标题、<link>引用CSS、<meta>设置元信息、<script>引入JavaScript以及<style>定义CSS样式。一个完整的head头部文档应包含这些关键元素，并正确设置字符编码。 </div> <span>摘要由CSDN通过智能技术生成</span> </div> </div> <article class="baidu_pl"> <div id="article_content" class="article_content clearfix"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-044f2cf1dc.css"> <div id="content_views" class="htmledit_views"> <p>HTML文档中的head标签，描述了文档的各种属性和信息。head标签也是HTML文档中最重要的部分，一个完整的head头部文档中一定要包含标题title，meta，link等。</p> <h3>定义和用法</h3> <p><head> 文档的头部描述了文档的各种属性和信息，下面这些标签可用在 head 部分：<title>, <link>, <meta>, <script>, <style>, 以及 <base>。</p> <p>一、<strong><title></strong> 定义文档的标题，它是 head 部分中唯一必需的元素。作用就是定义网页的标题，这个标题指的是浏览器上栏的标题，而不是网页文章的标题。</p> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> </td> <td> <p><code><!DOCTYPE html></code></p> <p><code><html lang=</code><code>"zh"</code><code>></code></p> <p><code> </code><code><head></code></p> <p><code> </code><code><title>显示在浏览器上栏的标题</title></code></p> <p><code> </code><code></head></code></p> <p><code> </code><code><body></code></p> <p><code> </code><code></body></code></p> <p><code></html></code></p> </td> </tr> </tbody> </table> <p></p> <p class="img-center"><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/dc0548a3e1ea76206501089c4977f56e.png"></p> <p>二、<strong><link> </strong>标签没有结束标签，<strong>用于引用外部CSS样式文件</strong>。CSS样式文件都是以“.CSS”为扩展名。</p> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> </td> <td> <p><code><!DOCTYPE html></code></p> <p><code><html lang=</code><code>"zh"</code><code>></code></p> <p><code> </code><code><head></code></p> <p><code> </code><code><link rel=</code><code>"stylesheet"</code> <code>href=</code><code>"base.css"</code> <code>/></code></p> <p><code> </code><code></head></code></p> <p><code> </code><code><body></code></p> <p><code> </code><code></body></code></p> <p><code></html></code></p> </td> </tr> </tbody> </table> <p>三、<strong><meta></strong>标签又叫“元信息标签”meta标签内的信息不显示在页面中，一般用来定义页面的关键字，页面描述等，以便搜索引擎蜘蛛来搜索到这个页面的信息。</p> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>3</p></td> </tr> </tbody> </table> </div> </div> <div id="treeSkill"></div> </article> <script> $(function() { setTimeout(function () { var mathcodeList = document.querySelectorAll('.htmledit_views img.mathcode'); if (mathcodeList.length > 0) { for (let i = 0; i < mathcodeList.length; i++) { if (mathcodeList[i].naturalWidth === 0 || mathcodeList[i].naturalHeight === 0) { var alt = mathcodeList[i].alt; alt = '\$' + alt + '\$'; var curSpan = $('<span class="img-codecogs"></span>'); curSpan.text(alt); $(mathcodeList[i]).before(curSpan); $(mathcodeList[i]).remove(); } } MathJax.Hub.Queue(["Typeset",MathJax.Hub]); } }, 1000) }); </script> </div> <div class="hide-article-box hide-article-pos text-center "> <div class="vip-mask"> <a id="getVipUrl" class="openvippay unlogin" data-report-view='{"mod":"popu_786","spm":"3001.4249","strategy":"pc_vip_readmore","ab":"new","extra":{"abTest":"t_1"}}' data-report-click='{"mod":"popu_786","spm":"3001.4249","strategy":"pc_vip_readmore","ab":"new","extra":{"abTest":"t_1"}}'> <img class="lock-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/lock.png" alt="">最低0.47元/天解锁文章 <img class="btn-tag" src="https://img-home.csdnimg.cn/images/20240717034654.png" alt=""> </a> </div> </div> <div class="directory-boxshadow-dialog" style="display:none;"> <div class="directory-boxshadow-dialog-box"> </div> <div class="vip-limited-time-offer-box-new" id="vip-limited-time-offer-box-new"> <img class="limited-img limited-img-new" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-newWhite.png"> <div class="vip-limited-time-top"> 确定要放弃本次机会？ </div> <span class="vip-limited-time-text">福利倒计时</span> <div class="limited-time-box-new"> <span class="time-hour"></span> <i>:</i> <span class="time-minite"></span> <i>:</i> <span class="time-second"></span> </div> <div class="limited-time-vip-box"> <p> <img class="coupon-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/vip-limited-close-roup.png"> <span class="def">立减 ¥</span> <span class="active limited-num"></span> </p> <span class="">普通VIP年卡可用</span> </div> <a class="limited-time-btn-new" href="https://mall.csdn.net/vip" data-report-click='{"spm":"1001.2101.3001.9621"}' data-report-query='spm=1001.2101.3001.9621'>立即使用</a> </div> </div> <div class="more-toolbox-new" id="toolBarBox"> <div class="left-toolbox"> <div class="toolbox-left"> <div class="profile-box"> <a class="profile-href" target="_blank" href="https://blog.csdn.net/JSPSEO"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/467688ca2c384571b77593961c3bfd08_jspseo.jpg!1"> <span class="profile-name"> wwwarewow </span> </a> </div> <div class="profile-attend"> <a class="tool-attend tool-bt-button tool-bt-attend" href="javascript:;" data-report-view='{"mod":"1592215036_002","spm":"1001.2101.3001.4232","extend1":"关注"}'>关注</a> <a class="tool-item-follow active-animation" style="display:none;">关注</a> </div> </div> <div class="toolbox-middle"> <ul class="toolbox-list"> <li class="tool-item tool-item-size tool-active is-like" id="is-like"> <a class="tool-item-href"> <img style="display:none;" id="is-like-imgactive-animation-like" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarThumbUpactive.png" alt=""> <img class="isactive" style="display:none" id="is-like-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Active.png" alt=""> <img class="isdefault" style="display:block" id="is-like-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newHeart2021Black.png" alt=""> <span id="spanCount" class="count "> 1 </span> </a> <div class="tool-hover-tip"><span class="text space">点赞</span></div> </li> <li class="tool-item tool-item-size tool-active is-unlike" id="is-unlike"> <a class="tool-item-href"> <img class="isactive" style="margin-right:0px;display:none" id="is-unlike-imgactive" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Active.png" alt=""> <img class="isdefault" style="margin-right:0px;display:block" id="is-unlike-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newUnHeart2021Black.png" alt=""> <span id="unlikeCount" class="count "></span> </a> <div class="tool-hover-tip"><span class="text space">踩</span></div> </li> <li class="tool-item tool-item-size tool-active is-collection "> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_824","spm":"1001.2101.3001.4130","ab":"new"}'> <img style="display:none" id="is-collection-img-collection" class="animation-dom active-animation" src="https://csdnimg.cn/release/blogv2/dist/pc/img/tobarCollectionActive.png" alt=""> <img class="isdefault" id="is-collection-img" style="display:block" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectBlack.png" alt=""> <img class="isactive" id="is-collection-imgactive" style="display:none" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newCollectActive.png" alt=""> <span class="count get-collection " data-num="2" id="get-collection"> 2 </span> </a> <div class="tool-hover-tip collect"> <div class="collect-operate-box"> <span class="collect-text" id="is-collection"> 收藏 </span> </div> </div> <div class="tool-active-list"> <div class="text"> 觉得还不错? <span class="collect-text" id="tool-active-list-collection"> 一键收藏 </span> <img id="tool-active-list-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt=""> </div> </div> </li> <li class="tool-item tool-item-size tool-active tool-item-reward"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_830","spm":"1001.2101.3001.4237","dest":"","ab":"new"}'> <img class="isdefault reward-bt" id="rewardBtNew" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newRewardBlack.png" alt="打赏"> <span class="count"></span> </a> <div class="tool-hover-tip"><span class="text space">打赏</span></div> </li> <li class="tool-item tool-item-size tool-active tool-item-comment"> <div class="guide-rr-first"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt=""> <button class="btn-guide-known">知道了</button> </div> <a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newComment2021Black.png" alt=""> <span class="count"> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">评论</span></div> </li> <li class="tool-item tool-item-bar"> </li> <li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"1582594662_002","spm":"1001.2101.3001.4129","ab":"new"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newShareBlack.png" alt=""> </a> <div class="QRcode active" id="tool-QRcode"> <div class="share-bg-icon icon1" id="shareBgIcon"></div> <div class="share-bg-box"> <div class="share-content"> <img class="share-avatar" src="https://profile-avatar.csdnimg.cn/467688ca2c384571b77593961c3bfd08_jspseo.jpg!1" alt=""> <div class="share-tit"> HTML基础head标签的正确使用方法 </div> <div class="share-dec"> HTML文档中的head标签，描述了文档的各种属性和信息。head标签也是HTML文档中最重要的部分，一个完整的head头部文档中一定要包含标题title，meta，link等。文档的头部描述了文档的各种属性和信息，下面这些标签可用在 head 部分：, , , , , 以及。一、定义文档的标题，它是 head 部分中唯一必需的元素。作用就是定义网页的标题，这个标题指的是浏览器上栏的标题，而不是网... </div> <a id="copyPosterUrl" class="url" data-report-click='{"spm":"1001.2101.3001.7493"}' data-report-view='{"spm":"1001.2101.3001.7493"}'>复制链接</a> </div> <div class="share-code"> <div class="share-code-box" id='shareCode'></div> <div class="share-code-text">扫一扫</div> </div> </div> <div class="share-code-type"> </div> </div> </li> </ul> </div> <div class="toolbox-right"> <div class="tool-directory"> <a class="bt-columnlist-show" data-id="11825337" data-free="true" data-description="" data-subscribe="false" data-title="前端" data-img="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/jspseo/category_11825337.html" data-sum="37" data-people="4" data-price="0" data-hotRank="0" data-status="true" data-oldprice="0" data-join="false" data-studyvip="false" data-studysubscribe="false" data-report-view='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}' data-report-click='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'>专栏目录</a> </div> </div> </div> </div> <script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script> <script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/x879014419/article/details/106141188" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-106141188-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/x879014419/article/details/106141188"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/x879014419/article/details/106141188" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-106141188-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/x879014419/article/details/106141188"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-106141188-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-106141188-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">网页设计之<em>HTML</em>实战(8) -- <em>HTML</em> 头部<em>标签</em>(<em>head</em>,title,base,link,style,meta,script)</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/x879014419" target="_blank"><span class="blog-title">x879014419的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-15</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 3111 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/x879014419/article/details/106141188" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-106141188-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/x879014419/article/details/106141188"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-106141188-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-106141188-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1、＜<em>head</em>＞<em>标签</em> ＜<em>head</em>＞元素是所有头部元素的容器。＜<em>head</em>＞内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息等。以下<em>标签</em>都可以添加到 <em>head</em> 部分：＜title＞、＜base＞、＜link＞、＜meta＞、＜script＞以及＜style＞。 2、＜title＞<em>标签</em> ＜title＞<em>标签</em>定义文档的标题。该标题在浏览器窗体的标题栏上显示出来。 title 元素在所有 <em>HTML</em>/X<em>HTML</em> 文档<em>中</em>都是必需的。 title 元素能够：浏览器工具栏显示标题收藏夹时显示的标题搜</div> </a> </div> </div> </div> </div> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_commontools-9d6d0707b4.min.js" type="text/javascript" async></script> <div class="second-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ZaynahLy/article/details/76901281" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-76901281-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ZaynahLy/article/details/76901281"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/ZaynahLy/article/details/76901281" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-76901281-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ZaynahLy/article/details/76901281"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-76901281-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-76901281-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>Html</em>页面对于导航及底部栏等公共部分的引用</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/ZaynahLy" target="_blank"><span class="blog-title">ZaynahLy的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-08</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 3万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/ZaynahLy/article/details/76901281" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-76901281-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ZaynahLy/article/details/76901281"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-76901281-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-76901281-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">对于大多数网站来说，导航栏和底部的信息栏在多个页面<em>中</em>都是通用的。如果将这些代码放在每一个页面的<em>html</em><em>中</em>，会显得代码冗余，而且修改起来也极为不方便。所以如果将这些代码放在单独的页面<em>中</em>，在其他页面直接引入的话，不仅代码量减少，而且在公共部分需要修改时，也只需要修改一处就可以了。引入页面公共部分的步骤： 1. 首先要将公共部分单独放在一个<em>html</em>页面<em>中</em>。这个页面必须是一个完整的页面，包含<em>head</em>,</div> </a> </div> </div> </div> </div> <a id="commentBox" name="commentBox"></a> <div id="pcCommentBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> <div class="unlogin-comment-model"> <span class="unlogin-comment-tit">参与评论</span> <span class="unlogin-comment-text">您还未登录，请先</span> <span class="unlogin-comment-bt">登录</span> <span class="unlogin-comment-text">后发表或查看评论</span> </div> </div> <div class="recommend-box insert-baidu-box recommend-box-style "> <div class="recommend-item-box no-index" style="display:none"></div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/wushuoyouting/article/details/79664629" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-79664629-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/wushuoyouting/article/details/79664629"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/wushuoyouting/article/details/79664629" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-79664629-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/wushuoyouting/article/details/79664629"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-79664629-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-79664629-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em>引入公共的头部，导航栏，尾部</div> <div class="tag">热门推荐</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/wushuoyouting" target="_blank"><span class="blog-title">wushuoyouting的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-23</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 4万+ </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/wushuoyouting/article/details/79664629" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.2","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-2-79664629-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/wushuoyouting/article/details/79664629"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-79664629-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-79664629-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">很不错的文章，讲解<em>html</em>引入公共的头部，导航栏，尾部的很仔细^_^一、asp语言和PHP语言首先制作一个头部文件<em>head</em>.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，<<em>head</em>>标记前面）增加如下代码：<!– #include file=”<em>head</em>.asp” –> 调用...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_42467515/article/details/103497766" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-103497766-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42467515/article/details/103497766"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_42467515/article/details/103497766" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-103497766-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42467515/article/details/103497766"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-103497766-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-103497766-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">第二章页面的头部标记</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_42467515" target="_blank"><span class="blog-title">weixin_42467515的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">12-11</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2046 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_42467515/article/details/103497766" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-103497766-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42467515/article/details/103497766"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-103497766-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-103497766-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">2.1 页面的头部标记一个网页，可以分为头部和主体两大部分页面头部是指由<<em>head</em>>和</<em>head</em>>所包含的部分，主要用于设置当前网页的页面标题、字符集、关键字、描述信息等内容一般来说，位于头部的内容都不会在网页上直接显示，而主体部分则通常会在网页<em>中</em>直接表现出来标记描述 <title> 设定显示在浏览器标题栏<em>中</em>的内容 <met...</div> </a> </div> </div> </div> <dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix"> </dl> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/zgjllf1011/article/details/79288182" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-79288182-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zgjllf1011/article/details/79288182"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/zgjllf1011/article/details/79288182" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-79288182-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zgjllf1011/article/details/79288182"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-79288182-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-79288182-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">在<em>html</em>指定元素<em>中</em>显示独立网页内容</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/zgjllf1011" target="_blank"><span class="blog-title">zgjllf1011的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">02-08</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2278 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/zgjllf1011/article/details/79288182" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-4-79288182-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/zgjllf1011/article/details/79288182"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-79288182-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-79288182-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">这里讲一下如果我们已经有一个完整<em>html</em>页面，现在想要在某个元素内显示另外一个独立的页面应该怎么实现。首先写第一个页面:<!DOCTYPE <em>html</em>> <<em>html</em> lang="en"> <<em>head</em>> <meta charset="utf-8" /> <title>test</title> </div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_38557670/12893061" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-12893061-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38557670/12893061"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_38557670/12893061" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-12893061-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38557670/12893061"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-12893061-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-12893061-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> <em>head</em> 头<em>标签</em>详细介绍</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-28</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_38557670/12893061" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-12893061-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38557670/12893061"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-12893061-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-12893061-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">了解并<em>正确</em><em>使用</em>这些<em>标签</em>对于网页的<em>正确</em>渲染、搜索引擎优化（SEO）以及用户体验至关重要。首先，DOCTYPE声明是每个<em>HTML</em>或X<em>HTML</em>文档的开头，它告诉浏览器文档遵循的规范。例如，<em>HTML</em>5的DOCTYPE声明非常简洁，只需写...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_38730331/12893756" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-12893756-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38730331/12893756"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_38730331/12893756" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-12893756-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38730331/12893756"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12893756-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12893756-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em> 自定义<em>标签</em><em>使用</em>实现<em>方法</em></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-28</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_38730331/12893756" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-12893756-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38730331/12893756"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12893756-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-12893756-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">在 XML 文件<em>中</em>，自定义<em>标签</em>的<em>使用</em>是相当自由的，但在 <em>HTML</em> <em>中</em>，为了使浏览器能够<em>正确</em>解析这些自定义<em>标签</em>，我们需要遵循一些规则。首先，为了让浏览器识别自定义<em>标签</em>，必须在 `<<em>html</em>>` <em>标签</em>内声明一个 xmlns 属性。...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_38746387/14829080" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-14829080-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38746387/14829080"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_38746387/14829080" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-14829080-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38746387/14829080"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-14829080-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-14829080-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">hteml meta<em>标签</em><em>使用</em><em>方法</em></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">01-19</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_38746387/14829080" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.7","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-7-14829080-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38746387/14829080"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-14829080-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-14829080-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">根据<em>HTML</em>语言标准注释：meta<em>标签</em>是对网站发展非常重要的<em>标签</em>，它可以用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等。 meta<em>标签</em>分两大部分：HTTP-EQUIV和NAME变量。 ●HTTP-EQUIV类似于HTTP...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_38544625/12892900" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-12892900-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38544625/12892900"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_38544625/12892900" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-12892900-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38544625/12892900"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-12892900-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-12892900-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>标签</em>meta总结,<em>HTML</em>5 <em>head</em> meta 属性整理</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-28</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_38544625/12892900" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.8","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-8-12892900-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38544625/12892900"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-12892900-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-12892900-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">在移动前端开发<em>中</em>，<em>正确</em><em>使用</em>meta<em>标签</em>能够极大地提升用户体验和搜索引擎友好度。下面我们将详细讨论meta<em>标签</em>的一些主要用途和常见属性。 1. **字符编码声明**： `<meta charset='utf-8'>` 这行代码告诉浏览器页面所...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/j_xx4409/article/details/106385816" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-106385816-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/j_xx4409/article/details/106385816"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/j_xx4409/article/details/106385816" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-106385816-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/j_xx4409/article/details/106385816"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-106385816-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-106385816-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">在纯页面获取<em>head</em>er信息头部信息</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/j_xx4409" target="_blank"><span class="blog-title">j_xx4409的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-27</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1378 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/j_xx4409/article/details/106385816" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-106385816-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/j_xx4409/article/details/106385816"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-106385816-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-106385816-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"><!DOCTYPE <em>html</em>> <<em>html</em> lang="en"> <<em>head</em>> <title>获取浏览器 UserAgent</title> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/<em>html</em>; charset=UTF-8"> <meta http-equiv="x-ua-compatibl.</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://stu365392777.blog.csdn.net/article/details/128595196" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-128595196-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://stu365392777.blog.csdn.net/article/details/128595196"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://stu365392777.blog.csdn.net/article/details/128595196" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-128595196-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://stu365392777.blog.csdn.net/article/details/128595196"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-128595196-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-128595196-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>使用</em><em>HTML</em>实现一个静态页面（含源码）</div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/stu_365392777" target="_blank"><span class="blog-title">专注于dreamweaver网页设计制作</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-07</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 273 </span> </div> </div> </div> <div class="desc-box"> <a href="https://stu365392777.blog.csdn.net/article/details/128595196" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-128595196-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://stu365392777.blog.csdn.net/article/details/128595196"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-128595196-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-128595196-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈<em>中</em>华传统文化题材、京剧文化🔏水墨风书画、<em>中</em>国民间年画文化艺术网站、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的<em>使用</em><em>方法</em>，如盒子的嵌套、浮动、margin、border、background等属性的<em>使用</em>，外部大盒</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_31893057/article/details/117739191" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-117739191-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_31893057/article/details/117739191"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_31893057/article/details/117739191" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-117739191-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_31893057/article/details/117739191"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-117739191-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-117739191-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>标签</em><em>中</em><em>head</em>部分的写什么,前端技术：<em>HTML</em>部分---<em>Head</em><em>标签</em><em>中</em>包含的头文件<em>标签</em>，body<em>标签</em>包含的内部<em>标签</em>...</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_31893057" target="_blank"><span class="blog-title">weixin_31893057的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-31</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 483 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_31893057/article/details/117739191" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-117739191-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_31893057/article/details/117739191"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-117739191-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-117739191-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1、<em>Head</em><em>标签</em><em>中</em>包含的头文件<em>标签</em>的作用：(1)title<em>标签</em>：定义网页的标题。(2)meta<em>标签</em>：一般用于定义页面的特殊信息，例如页面的关键字、页面描述等(3)link<em>标签</em>：用于引入外部样式文件(CSS 文件)。(4)style<em>标签</em>：用于定义元素的CSS样式。(5)script<em>标签</em>：用于定义页面的JavaScript代码，或者引入外部JavaScript文件。meta<em>标签</em>包含的属性(1)cha...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_53690581/article/details/123226195" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-123226195-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53690581/article/details/123226195"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_53690581/article/details/123226195" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-123226195-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53690581/article/details/123226195"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-123226195-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-123226195-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">如何在<em>html</em><em>中</em><em>使用</em>if循环?</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_53690581" target="_blank"><span class="blog-title">m0_53690581的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">03-02</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 5074 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_53690581/article/details/123226195" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.12","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-12-123226195-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_53690581/article/details/123226195"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-123226195-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-123226195-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">1，首先说明<em>html</em>元素节点<em>中</em>不能<em>使用</em>if，如果写了if也只是被当成字符串。 2，在<em>html</em>页面<em>中</em><em>使用</em>if只能写在script<em>中</em>。 3，body 里面<em>使用</em><em>标签</em> input，div script 里面<em>使用</em> js style 里面<em>使用</em> css </div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ssss39/article/details/127946372" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-127946372-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ssss39/article/details/127946372"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/ssss39/article/details/127946372" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-127946372-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ssss39/article/details/127946372"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-127946372-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-127946372-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>Head</em> 头部<em>标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/ssss39" target="_blank"><span class="blog-title">ssss39的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">11-20</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1958 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/ssss39/article/details/127946372" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-127946372-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/ssss39/article/details/127946372"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-127946372-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-127946372-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">设置文档自动刷新的时间间隔，content只包含一个正整数，则为重新载入页面的时间间隔（秒），content包含一个正整数和【url=XXX】格式的字符串时，该正整数则是重定向到指定链接的时间间隔（秒）<em>标签</em>用于定义文档的头部，它是所有头部元素的容器。用于定义文档与外部资源的关系，最常用于链接样式表，也常用于给标题添加小图标。提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。属性通常一起<em>使用</em>，以键值对的方式给文档提供元数据，其<em>中</em>。是空元素，仅包含属性，只能存在于。的属性值作为元数据的名称，</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_51534633/article/details/124505667" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-124505667-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_51534633/article/details/124505667"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_51534633/article/details/124505667" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-124505667-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_51534633/article/details/124505667"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-124505667-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-124505667-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>5与CSS</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_51534633" target="_blank"><span class="blog-title">qq_51534633的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">04-29</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1084 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_51534633/article/details/124505667" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.14","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-14-124505667-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_51534633/article/details/124505667"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-124505667-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-124505667-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">纯<em>HTML</em>5与CSS代码，希望给大家帮助！！！</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/dandandegeshou/article/details/54613706" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-15-54613706-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/dandandegeshou/article/details/54613706"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/dandandegeshou/article/details/54613706" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-15-54613706-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/dandandegeshou/article/details/54613706"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-54613706-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-54613706-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"><em>head</em><em>中</em>的title显示在body<em>中</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/dandandegeshou" target="_blank"><span class="blog-title">dandandegeshou的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-19</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1133 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/dandandegeshou/article/details/54613706" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.15","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-15-54613706-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/dandandegeshou/article/details/54613706"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-54613706-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-54613706-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">今天遇到一个问题，就是title<em>中</em>的内容会显示在body<em>中</em> 1 2 324234 3 网上搜了一下是说编码方式有问题会出现这种情况，于是查看我的编码情况，发现没有任何问题。于是开始排查，去掉了css样式表，title就不显示了。看来就是样式有问题。排查后，发现以前写的重置样式如下。 1 * { display: block; } 然后看来下浏览器默认的为display:none</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/anmei1912/article/details/101614098" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-16-101614098-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/anmei1912/article/details/101614098"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/anmei1912/article/details/101614098" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-16-101614098-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/anmei1912/article/details/101614098"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-101614098-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-101614098-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1">同一个页面多个<em>html</em>、body<em>标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/anmei1912" target="_blank"><span class="blog-title"></span></a> </div> <div class="info display-flex"> <span class="info-block time">05-12</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 7209 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/anmei1912/article/details/101614098" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.16","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-16-101614098-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/anmei1912/article/details/101614098"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-101614098-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-101614098-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1">同一个页面多个<em>html</em>、body<em>标签</em> <em>html</em>页面的一些<em>标签</em>，默认只有一个。比如<em>html</em>，<em>head</em>，body..... 如果写多个是什么情况呢。本着好奇的想法，试验了一下。 <<em>html</em>> <body> <p>这是第一个<em>html</em></p><br> </body> </<em>html</em>> <h...</div> </a> </div> </div> </div> <div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/1q4yrj1u52" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-1q4yrj1u52-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/1q4yrj1u52"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/doc/1q4yrj1u52" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-1q4yrj1u52-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/1q4yrj1u52"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-1q4yrj1u52-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-1q4yrj1u52-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="left ellipsis-online ellipsis-online-1"></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block"></span> </div> </div> </div> <div class="desc-box"> <a href="https://wenku.csdn.net/doc/1q4yrj1u52" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-1q4yrj1u52-blog-125785125.235^v43^pc_blog_bottom_relevance_base9\",\"dist_request_id\":\"1721959516414_93149\"}","dist_request_id":"1721959516414_93149","ab_strategy":"vector_vip_v1","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/1q4yrj1u52"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-1q4yrj1u52-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-1q4yrj1u52-blog-125785125.235%5Ev43%5Epc_blog_bottom_relevance_base9'> <div class="desc ellipsis-online ellipsis-online-1"></div> </a> </div> </div> </div> </div> <div class="blog-footer-bottom" style="margin-top:10px;"></div> <script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script> <script type="text/javascript"> window.csdn.csdnFooter.options = { el: '.blog-footer-bottom', type: 2 } </script> </main> <aside class="blog_container_aside"> <div id="asideProfile" class="aside-box"> <div class="profile-intro d-flex"> <div class="avatar-box d-flex justify-content-center flex-column"> <a href="https://blog.csdn.net/JSPSEO" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/JSPSEO","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/467688ca2c384571b77593961c3bfd08_jspseo.jpg!1" class="avatar_pic"> </a> </div> <div class="user-info d-flex flex-column profile-intro-name-box"> <div class="profile-intro-name-boxTop"> <a href="https://blog.csdn.net/JSPSEO" target="_blank" class="" id="uid" title="wwwarewow" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/JSPSEO","ab":"new"}'> <span class="name " username="JSPSEO">wwwarewow</span> </a> <span> </span> <span class="flag expert-blog"> <span class="bubble">CSDN认证博客专家</span> </span> <span class="flag company-blog"> <span class="bubble">CSDN认证企业博客</span> </span> </div> <div class="profile-intro-name-boxFooter"> <span class="personal-home-page personal-home-years" title="已加入 CSDN 15年">码龄15年</span> <span class="personal-home-page"> <a class="personal-home-certification" href="https://i.csdn.net/#/uc/profile?utm_source=14998968" target="_blank" title="暂无认证"> <img src="https://csdnimg.cn/identity/nocErtification.png" alt=""> 暂无认证 </a> </span> </div> </div> </div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="167"> <a href="https://blog.csdn.net/JSPSEO" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dt><span class="count">167</span></dt> <dd class="font">原创</dd> </a> </dl> <dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="12517"> <a href="https://blog.csdn.net/rank/list/weekly" target="_blank"> <dt><span class="count">1万+</span></dt> <dd class="font">周排名</dd> </a> </dl> <dl class="text-center" title="9525"> <a href="https://blog.csdn.net/rank/list/total" data-report-click='{"mod":"1598321000_003","spm":"1001.2101.3001.4312"}' target="_blank"> <dt><span class="count">9525</span></dt> <dd class="font">总排名</dd> </a> </dl> <dl class="text-center" style="min-width:58px" title="579074"> <dt><span class="count">57万+</span></dt> <dd>访问</dd> </dl> <dl class="text-center" title="5级,点击查看等级说明"> <dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank"> <img class="level" src="https://csdnimg.cn/identity/blog5.png"> </a> </dt> <dd>等级</dd> </dl> </div> <div class="item-rank"></div> <div class="data-info d-flex item-tiling"> <dl class="text-center" title="3046"> <dt><span class="count">3046</span></dt> <dd>积分</dd> </dl> <dl class="text-center" id="fanBox" title="4553"> <dt><span class="count" id="fan">4553</span></dt> <dd>粉丝</dd> </dl> <dl class="text-center" title="515"> <dt><span class="count">515</span></dt> <dd>获赞</dd> </dl> <dl class="text-center" title="40"> <dt><span class="count">40</span></dt> <dd>评论</dd> </dl> <dl class="text-center" title="1429"> <dt><span class="count">1429</span></dt> <dd>收藏</dd> </dl> </div> <div class="aside-box-footer" data-report-view='{"spm":"3001.4296"}'> <div class="badge-box d-flex"> <div class="badge d-flex"> <div class="icon-badge" title="习惯养成"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/xiguanyangchengLv1.png" alt="习惯养成"> </div> </div> <div class="icon-badge" title="新秀勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/xinxiu@240.png" alt="新秀勋章"> </div> </div> <div class="icon-badge" title="分享精英"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangjingying@240.png" alt="分享精英"> </div> </div> <div class="icon-badge" title="分享宗师"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangzongshi@240.png" alt="分享宗师"> </div> </div> <div class="icon-badge" title="持之以恒"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/6442aa9fc16e48d5b07a805642466ec8.png" alt="持之以恒"> </div> </div> <div class="icon-badge" title="分享王者"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangwangzhe@240.png" alt="分享王者"> </div> </div> <div class="icon-badge" title="至尊王者"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/zhizunwangzhe@240.png" alt="至尊王者"> </div> </div> <div class="icon-badge" title="持续创作"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/chizhiyiheng@240.png" alt="持续创作"> </div> </div> <div class="icon-badge" title="勤写标兵"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/3520b81236de45419f7f03bff30c2ff3.png" alt="勤写标兵"> </div> </div> <div class="icon-badge" title="笔耕不辍"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/02d34b42a3ee476fb50850304ab67017.png" alt="笔耕不辍"> </div> </div> <div class="icon-badge" title="创作能手"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qixiebiaobing4@240.png" alt="创作能手"> </div> </div> </div> </div> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/JSPSEO" target="_blank" rel="noopener">私信</a> </div> <div class="opt-letter-watch-box"> <a class="personal-watch bt-button" id="btnAttent" >关注</a> </div> </div> </div> <a id="remuneration" data-report-click='{"spm":"1001.2101.3001.9809"}' rel="nofollow" href="" class="remuneration-box"> <img src="" alt=""> </a> <div id="asideWriteGuide" class="aside-box side-write-guide-box type-2" data-report-view='{"spm":"3001.9728"}'> <div class="content-box"> <a rel="nofollow" href="https://mp.csdn.net" target="_blank" class="btn-go-write" data-report-query="spm=3001.9728" data-report-click='{"spm":"3001.9728"}'> <img src="https://img-home.csdnimg.cn/images/20240218021830.png" alt="写文章"> </a> </div> </div> <div id="asideSearchArticle" class="aside-box"> <div class="aside-content search-comter"> <div class="aside-search aside-search-blog"> <input type="text" class="input-serch-blog" name="" autocomplete="off" value="" id="search-blog-words" placeholder="搜博主文章"> <a class="btn-search-blog" data-report-click='{"spm":"1001.2101.3001.9182"}'> <img src="//csdnimg.cn/cdn/content-toolbar/csdn-sou.png?v=1587021042"> </a> </div> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">热门文章</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/JSPSEO/article/details/124923350" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/JSPSEO/article/details/124923350","ab":"new"}'> Centos 安装 mysql5.7 示例教程 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">68639</span> </a> </li> <li> <a href="https://blog.csdn.net/JSPSEO/article/details/124797321" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/JSPSEO/article/details/124797321","ab":"new"}'> 程序员的520，送给女友的几行漂亮的代码（js版） <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">49201</span> </a> </li> <li> <a href="https://blog.csdn.net/JSPSEO/article/details/125686801" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/JSPSEO/article/details/125686801","ab":"new"}'> 5个拿来就能用的炫酷动画登录页面 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">36762</span> </a> </li> <li> <a href="https://blog.csdn.net/JSPSEO/article/details/125719112" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/JSPSEO/article/details/125719112","ab":"new"}'> html图片标签img的介绍以及基本用法详解 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">25304</span> </a> </li> <li> <a href="https://blog.csdn.net/JSPSEO/article/details/125222177" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/JSPSEO/article/details/125222177","ab":"new"}'> 【超详细】Tinymce富文本使用教程 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">21356</span> </a> </li> </ul> </div> </div> <div id="asideCategory" class="aside-box flexible-box"> <h3 class="aside-title">分类专栏</h3> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11844528.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11844528.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> CSS </span> </a> <span class="special-column-num">15篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11825337.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11825337.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 前端 </span> </a> <span class="special-column-num">37篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_12693065.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_12693065.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 施工方案 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_12695931.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_12695931.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 大屏模板 </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11802424.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11802424.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> JS </span> </a> <span class="special-column-num">33篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11809202.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11809202.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> python </span> </a> <span class="special-column-num">25篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11826354.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11826354.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 其他 </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11875125.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11875125.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 数据库 </span> </a> <span class="special-column-num">6篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11828417.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11828417.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 资讯 </span> </a> <span class="special-column-num">54篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11829343.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11829343.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> java </span> </a> <span class="special-column-num">21篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11857652.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11857652.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 算法 </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11802818.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11802818.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> php </span> </a> <span class="special-column-num">42篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11858702.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11858702.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> 地图 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11833357.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11833357.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> linux </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11812359.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11812359.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class="title oneline"> chrome </span> </a> <span class="special-column-num">6篇</span> </li> </ul> </div> <p class="text-center"> <a class="flexible-btn" data-fbox="aside-archive"><img class="look-more" src="https://csdnimg.cn/release/blogv2/dist/pc/img/arrowDownWhite.png" alt=""></a> </p> </div> <div id="asideNewComments" class="aside-box"> <h3 class="aside-title">最新评论</h3> <div class="aside-content"> <ul class="newcomment-list"> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/JSPSEO/article/details/139911782#comments_33455524" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139911782#comments_33455524","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139911782#comments_33455524","ab":"new"}'>FePc/WO3·H2O复合材料的制备及光芬顿降解污染物</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/JSPSEO" class="user-name" target="_blank">wwwarewow: </a> <span class="code-comments">FePc/WO3·H2O复合材料的制备及光芬顿降解污染物 https://miyebao.com/article/a965ea83b3854f3e82d32bec3a57e469.html</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/JSPSEO/article/details/139921754#comments_33455518" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139921754#comments_33455518","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139921754#comments_33455518","ab":"new"}'>水凝胶的制备及其在废水处理领域的应用</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/JSPSEO" class="user-name" target="_blank">wwwarewow: </a> <span class="code-comments">水凝胶的制备及其在废水处理领域的应用 https://miyebao.com/article/b97870eb82634cb988536a1ef7981329.html</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/JSPSEO/article/details/139884846#comments_33443288" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139884846#comments_33443288","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139884846#comments_33443288","ab":"new"}'>铅污染土壤的淋溶后对土体稳定性的影响研究</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/JSPSEO" class="user-name" target="_blank">wwwarewow: </a> <span class="code-comments">铅污染土壤的淋溶后对土体稳定性的影响研究 https://miyebao.com/article/49803403e64c4808b13aa3e210e50033.html</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/JSPSEO/article/details/139874325#comments_33443115" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139874325#comments_33443115","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139874325#comments_33443115","ab":"new"}'>可见区分光光度法测定水体色度的优化与应用</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/JSPSEO" class="user-name" target="_blank">wwwarewow: </a> <span class="code-comments">可见区分光光度法测定水体色度的优化与应用 https://miyebao.com/article/709b31e3b5404dc9975d94b14c8328e4.html</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/JSPSEO/article/details/139864069#comments_33443092" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139864069#comments_33443092","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/JSPSEO/article/details/139864069#comments_33443092","ab":"new"}'>NiFe2O4多层空心磁性粒子的制备与电磁性能</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/JSPSEO" class="user-name" target="_blank">wwwarewow: </a> <span class="code-comments">NiFe2O4多层空心磁性粒子的制备与电磁性能 https://miyebao.com/article/b4da2a20e8fe4da692ba50f65f7af127.html</span> </p> </li> </ul> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">大家在看</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/jiao_zg/article/details/140707810" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/jiao_zg/article/details/140707810","strategy":"202_1052723-1355557_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/jiao_zg/article/details/140707810","strategy":"202_1052723-1355557_RCMD","ab":"new"}'> 目标检测算法有哪些 </a> </li> <li> <a href="https://blog.csdn.net/m0_65555479/article/details/140707889" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/m0_65555479/article/details/140707889","strategy":"202_1052723-1355545_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/m0_65555479/article/details/140707889","strategy":"202_1052723-1355545_RCMD","ab":"new"}'> 机器学习大模型：引领未来趋势，探索无限应用 </a> </li> <li> <a href="https://blog.csdn.net/L08130421/article/details/140694870" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/L08130421/article/details/140694870","strategy":"202_1052723-1355466_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/L08130421/article/details/140694870","strategy":"202_1052723-1355466_RCMD","ab":"new"}'> Kubernetes基本概念（超详细，易懂） </a> </li> <li> <a href="https://blog.csdn.net/weixin_60861523/article/details/140707737" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/weixin_60861523/article/details/140707737","strategy":"202_1052723-1355538_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/weixin_60861523/article/details/140707737","strategy":"202_1052723-1355538_RCMD","ab":"new"}'> 倒计时2天！免费的 Vivado入门与设计师资课程要开始啦 </a> </li> <li> <a href="https://blog.csdn.net/qq_41780234/article/details/140671261" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_41780234/article/details/140671261","strategy":"202_1052723-1354981_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_41780234/article/details/140671261","strategy":"202_1052723-1354981_RCMD","ab":"new"}'> 利用python和工具变量法精确估计价格对销量的影响：解决内生性问题的实战指南 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">1743</span> </a> </li> </ul> </div> </div> <div id="asideArchive" class="aside-box" style="display:block!important; width:300px;"> <h3 class="aside-title">最新文章</h3> <div class="aside-content"> <ul class="inf_list clearfix"> <li class="clearfix"> <a href="https://blog.csdn.net/JSPSEO/article/details/139921754" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/JSPSEO/article/details/139921754","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/JSPSEO/article/details/139921754","ab":"new"}'>水凝胶的制备及其在废水处理领域的应用</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/JSPSEO/article/details/139911782" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/JSPSEO/article/details/139911782","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/JSPSEO/article/details/139911782","ab":"new"}'>FePc/WO3·H2O复合材料的制备及光芬顿降解污染物</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/JSPSEO/article/details/139907650" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/JSPSEO/article/details/139907650","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/JSPSEO/article/details/139907650","ab":"new"}'>基于机器学习的恶意软件加密流量检测研究 + 源码+使用说明</a> </li> </ul> <div class="archive-bar"></div> <div class="archive-box"> <div class="archive-list-item"><a href="https://blog.csdn.net/JSPSEO?type=blog&year=2024&month=06" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/JSPSEO?type=blog&year=2024&month=06"}'><span class="year">2024年</span><span class="num">29篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/JSPSEO?type=blog&year=2022&month=07" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/JSPSEO?type=blog&year=2022&month=07"}'><span class="year">2022年</span><span class="num">237篇</span></a></div> </div> </div> </div>   <div id="asidedirectory" class="aside-box"> <div class='groupfile' id="directory"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </aside> <script> $("a.flexible-btn").click(function(){ $(this).parents('div.aside-box').removeClass('flexible-box'); $(this).parents("p.text-center").remove(); }) </script> <script type="text/javascript" src="https://g.csdnimg.cn/user-tooltip/2.7/user-tooltip.js"></script> <script type="text/javascript" src="https://g.csdnimg.cn/user-medal/2.0.0/user-medal.js"></script> </div> <div class="recommend-right align-items-stretch clearfix" id="rightAside" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right" > <div class='flex-column aside-box groupfile' id="groupfile"> <div class="groupfile-div"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> <div class='aside-box kind_person d-flex flex-column'> <h3 class="aside-title">分类专栏</h3> <div class="align-items-stretch kindof_item" id="kind_person_column"> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11844528.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11844528.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> CSS </span> </a> <span class="special-column-num">15篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11825337.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11825337.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 前端 </span> </a> <span class="special-column-num">37篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_12693065.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_12693065.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 施工方案 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_12695931.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_12695931.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 大屏模板 </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11802424.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11802424.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> JS </span> </a> <span class="special-column-num">33篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11809202.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11809202.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> python </span> </a> <span class="special-column-num">25篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11826354.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11826354.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 其他 </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11875125.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11875125.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 数据库 </span> </a> <span class="special-column-num">6篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11828417.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11828417.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 资讯 </span> </a> <span class="special-column-num">54篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11829343.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11829343.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> java </span> </a> <span class="special-column-num">21篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11857652.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11857652.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 算法 </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11802818.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11802818.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> php </span> </a> <span class="special-column-num">42篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11858702.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11858702.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> 地图 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11833357.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11833357.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> linux </span> </a> <span class="special-column-num">4篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/jspseo/category_11812359.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/jspseo/category_11812359.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64" alt="" onerror="this.src='https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64'"> <span class=""> chrome </span> </a> <span class="special-column-num">6篇</span> </li> </ul> </div> </div> </div> </div> </aside> </div> <div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right-concision" > <div class='flex-column aside-box groupfile' id="groupfileConcision"> <div class="groupfile-div1"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </div> </aside> </div> </div> <div class="mask-dark"></div> <script type="text/javascript"> var timert = setInterval(function() { sideToolbar = $(".csdn-side-toolbar"); if (sideToolbar.length > 0) { sideToolbar.css('cssText', 'bottom:64px !important;') clearInterval(timert); } }, 200); </script> <div class="skin-boxshadow"></div> <div class="directory-boxshadow"></div> <div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow"> <div class="comment-side-content"> <div class="comment-side-tit"> <span class="comment-side-tit-count">评论</span> <img class="comment-side-tit-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div> <div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> </div> <div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox"> <div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论 <a href="https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a> <a href="https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a> </div> <div class="comment-fold-content"></div> <div id="lookBadComment" class="look-bad-comment side-look-comment"> <a class="look-more-comment">查看更多评论<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a> </div> </div> </div> <div class="comment-rewarddialog-box"> <div class="form-box"> <div class="title-box"> 添加红包 <a class="btn-form-close"></a> </div> <form id="commentRewardForm"> <div class="ipt-box"> <label for="txtName">祝福语</label> <div class="ipt-btn-box"> <input type="text" name="name" id="txtName" autocomplete="off" maxlength="50"> <a class="btn-ipt btn-random"></a> </div> <p class="notice">请填写红包祝福语或标题</p> </div> <div class="ipt-box"> <label for="txtSendAmount">红包数量</label> <div class="ipt-txt-box"> <input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off"> <span class="after-txt">个</span> </div> <p class="notice">红包个数最小为10个</p> </div> <div class="ipt-box"> <label for="txtMoney">红包总金额</label> <div class="ipt-txt-box error"> <input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off"> <span class="after-txt">元</span> </div> <p class="notice">红包金额最低5元</p> </div> <div class="balance-info-box"> <label>余额支付</label> <div class="balance-info"> 当前余额<span class="balance">3.43</span>元 <a href="https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a> </div> </div> <div class="opt-box"> <div class="pay-info"> 需支付：<span class="price">10.00</span>元 </div> <button type="button" class="ml-auto btn-cancel">取消</button> <button type="button" class="ml8 btn-submit" disabled="true">确定</button> </div> </form> </div> </div> <div class="rr-guide-box"> <div class="rr-first-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt=""> <button class="btn-guide-known next">下一步</button> </div> <div class="rr-second-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt=""> <button class="btn-guide-known known">知道了</button> </div> </div> </div> <div class="redEnvolope" id="redEnvolope"> <div class="env-box"> <div class="env-container"> <div class="pre-open" id="preOpen"> <div class="top"> <header> <img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" /> <div class="author">成就一亿技术人!</div> </header> <div class="bot-icon"></div> </div> <footer> <div class="red-openbtn open-start"></div> <div class="tip"> 领取后你会自动成为博主和红包主的粉丝 <a class="rule" target="_blank">规则</a> </div> </footer> </div> <div class="opened" id="opened"> <div class="bot-icon"> <header> <a class="creatorUrl" href="" target="_blank"> <img class="clearTpaErr" src="https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" /> </a> <div class="author"> <div class="tt">hope_wisdom</div> 发出的红包 </div> </header> </div> <div class="receive-box"> <header></header> <div class="receive-list"> </div> </div> </div> </div> <div class="close-btn"></div> </div> </div> <div id="rewardNew" class="reward-popupbox-new"> <p class="rewad-title">打赏作者<span class="reward-close"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></span></p> <dl class="profile-box"> <dd> <a href="https://blog.csdn.net/JSPSEO" data-report-click='{"mod":"popu_379","dest":"https://blog.csdn.net/JSPSEO","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/467688ca2c384571b77593961c3bfd08_jspseo.jpg!1" class="avatar_pic"> </a> </dd> <dt> <p class="blog-name">wwwarewow</p> <p class="blog-discript">你的鼓励将是我创作的最大动力</p> </dt> </dl> <div class="reward-box-new"> <div class="reward-content"><div class="reward-right"></div></div> </div> <div class="money-box"> <span class="choose-money choosed" data-id="1">¥1</span> <span class="choose-money " data-id="2">¥2</span> <span class="choose-money " data-id="4">¥4</span> <span class="choose-money " data-id="6">¥6</span> <span class="choose-money " data-id="10">¥10</span> <span class="choose-money " data-id="20">¥20</span> </div> <div class="sure-box"> <div class="sure-box-money"> <div class="code-box"> <div class="code-num-box"> <span class="code-name">扫码支付：</span><span class="code-num">¥1</span> </div> <div class="code-img-box"> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>获取中</span> </div> </div> <div class="code-pay-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newWeiXin.png" alt=""> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newZhiFuBao.png" alt=""> <span>扫码支付</span> </div> </div> </div> <div class="sure-box-blance"> <p class="tip">您的余额不足，请更换扫码支付或<a target="_blank" data-report-click='{"mod":"1597646289_003","spm":"1001.2101.3001.4302"}' href="https://i.csdn.net/#/wallet/balance/recharge?utm_source=RewardVip" class="go-invest">充值</a></p> <p class="is-have-money"><a class="reward-sure">打赏作者</a></p> </div> </div> </div> <div class="pay-code"> <div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div> <div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div> <div class="content-code"> <div id="payCode" data-id=""> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>点击重新获取</span> </div> </div> <div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div> </div> <div class="bt-close"> <svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"> <defs> <style type="text/css"></style> </defs> <path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path> </svg> </div> <div class="pay-balance"> <input type="radio" class="pay-code-radio" data-type="details"> <span class="span">钱包余额</span> <span class="balance" style="color:#FC5531;font-size:14px;">0</span> <div class="pay-code-tile"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt=""> <div class="pay-code-content"> <div class="span"> <p class="title">抵扣说明：</p> <p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p> </div> </div> </div> </div> <a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a> </div> <div style="display:none;"> <img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'> </div> <div class="keyword-dec-box" id="keywordDecBox"></div> </body>  <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/chart.css" /> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/lib/chart.min.js"></script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/widget2chart.js"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-bf594a7338.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/lib/cboxEditor/1.1.5/embed-editor.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.5/embed-editor.min.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-light.css"> <script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script> <script> // 全局声明 if (window.csdn === undefined) { window.csdn = {}; } window.csdn.sideToolbar = { options: { report: { isShow: true, }, qr: { isShow: false, }, guide: { isShow: true } } } $(function() { $(document).on('click', "a.option-box[data-type='report']", function() { window.csdn.loginBox.key({ biz: 'blog', subBiz: 'other_service', cb: function() { window.csdn.feedback({ "type": 'blog', "rtype": 'article', "rid": articleId, "reportedName": username, "submitOptions": { "title": articleTitle, "contentUrl": articleDetailUrl }, "callback": function() { showToast({ text: "感谢您的举报，我们会尽快审核！", bottom: '10%', zindex: 9000, speed: 500, time: 1500 }) } }) } }) }); }) </script> <script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script> <script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script> <script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-42804b7534.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/column-f814d377e0.min.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/side-toolbar/3.4/side-toolbar.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/copyright/1.0.4/copyright.js" type="text/javascript"></script> <script> $(".MathJax").remove(); if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) { $('div.markdown_views')[0].className = 'markdown_views'; } </script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ "HTML-CSS": { linebreaks: { automatic: true, width: "94%container" }, imageFont: null }, tex2jax: { preview: "none", ignoreClass:"title-article" }, mml2jax: { preview: 'none' } }); </script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script></html>