HTML5 - 基础总结 - 基本介绍+head头部元素

最新推荐文章于 2023-08-25 09:12:27 发布

LSYHhhhh

最新推荐文章于 2023-08-25 09:12:27 发布

阅读量2.5k

点赞数 1

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_33961117/article/details/82774331

版权

本文详细介绍了HTML5中元素内的关键元素，包括定义文档标题，<base>设定页面链接默认地址或目标，<link>用于定义文档与外部资源的关系，<style>定义样式信息，<meta>提供元数据，以及<script>用于插入客户端脚本。同时解释了各元素的属性，如target、content、name、http-equiv等。 </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"> <blockquote> <p>参考总结：<a href="http://www.w3school.com.cn/h.asp" rel="nofollow">http://www.w3school.com.cn/h.asp</a></p> </blockquote> <p id="main-toc"><strong>目录</strong></p> <p id="HTML%20and%20HTML5-toc" style="margin-left:0px;"><a href="#HTML%20and%20HTML5" rel="nofollow">HTML and HTML5</a></p> <p id="html%E6%A1%86%E6%9E%B6-toc" style="margin-left:0px;"><a href="#html%E6%A1%86%E6%9E%B6" rel="nofollow">html框架</a></p> <p id="html%E5%A4%B4%E9%83%A8%E5%85%83%E7%B4%A0%EF%BC%88head%E5%86%85%EF%BC%89-toc" style="margin-left:0px;"><a href="#html%E5%A4%B4%E9%83%A8%E5%85%83%E7%B4%A0%EF%BC%88head%E5%86%85%EF%BC%89" rel="nofollow">html头部元素（head内）</a></p> <p id="-%20%3Ctitle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E6%A0%87%E9%A2%98-toc" style="margin-left:40px;"><a href="#-%20%3Ctitle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E6%A0%87%E9%A2%98" rel="nofollow">- title：定义文档标题</a></p> <p id="-%20%3Cbase%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E9%A1%B5%E9%9D%A2%E4%B8%8A%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E7%9A%84%E9%BB%98%E8%AE%A4%E5%9C%B0%E5%9D%80%E6%88%96%E9%BB%98%E8%AE%A4%E7%9B%AE%E6%A0%87-toc" style="margin-left:40px;"><a href="#-%20%3Cbase%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E9%A1%B5%E9%9D%A2%E4%B8%8A%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E7%9A%84%E9%BB%98%E8%AE%A4%E5%9C%B0%E5%9D%80%E6%88%96%E9%BB%98%E8%AE%A4%E7%9B%AE%E6%A0%87" rel="nofollow">- base：定义页面上所有链接的默认地址或默认目标</a></p> <p id="-%20%3Ctarget%3E%3A%E8%A7%84%E5%AE%9A%E5%9C%A8%E4%BD%95%E5%A4%84%E6%89%93%E5%BC%80%E9%A1%B5%E9%9D%A2%E4%B8%8A%E7%9A%84%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E3%80%82-toc" style="margin-left:80px;"><a href="#-%20%3Ctarget%3E%3A%E8%A7%84%E5%AE%9A%E5%9C%A8%E4%BD%95%E5%A4%84%E6%89%93%E5%BC%80%E9%A1%B5%E9%9D%A2%E4%B8%8A%E7%9A%84%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E3%80%82" rel="nofollow">- target:规定在何处打开页面上的所有链接。</a></p> <p id="-%20%3Clink%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E4%B8%8E%E5%A4%96%E9%83%A8%E8%B5%84%E6%BA%90%EF%BC%88%E5%A4%96%E9%93%BE%E6%A0%B7%E5%BC%8F%E8%A1%A8%E7%AD%89%EF%BC%89%E4%B9%8B%E9%97%B4%E7%9A%84%E5%85%B3%E7%B3%BB-toc" style="margin-left:40px;"><a href="#-%20%3Clink%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E4%B8%8E%E5%A4%96%E9%83%A8%E8%B5%84%E6%BA%90%EF%BC%88%E5%A4%96%E9%93%BE%E6%A0%B7%E5%BC%8F%E8%A1%A8%E7%AD%89%EF%BC%89%E4%B9%8B%E9%97%B4%E7%9A%84%E5%85%B3%E7%B3%BB" rel="nofollow">- link：定义文档与外部资源（外链样式表等）之间的关系</a></p> <p id="-%20%3Cstyle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E7%9A%84%E6%A0%B7%E5%BC%8F%E4%BF%A1%E6%81%AF%EF%BC%88%E5%86%85%E8%81%94%E6%A0%B7%E5%BC%8F%E8%A1%A8%EF%BC%89-toc" style="margin-left:40px;"><a href="#-%20%3Cstyle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E7%9A%84%E6%A0%B7%E5%BC%8F%E4%BF%A1%E6%81%AF%EF%BC%88%E5%86%85%E8%81%94%E6%A0%B7%E5%BC%8F%E8%A1%A8%EF%BC%89" rel="nofollow">- style：定义文档的样式信息（内联样式表）</a></p> <p id="-%20%3Cmeta%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E5%85%B3%E4%BA%8Ehtml%E6%96%87%E6%A1%A3%E7%9A%84%E5%85%83%E6%95%B0%E6%8D%AE-toc" style="margin-left:40px;"><a href="#-%20%3Cmeta%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E5%85%B3%E4%BA%8Ehtml%E6%96%87%E6%A1%A3%E7%9A%84%E5%85%83%E6%95%B0%E6%8D%AE" rel="nofollow">- meta：定义关于html文档的元数据</a></p> <p id="-%20content%E5%B1%9E%E6%80%A7-toc" style="margin-left:80px;"><a href="#-%20content%E5%B1%9E%E6%80%A7" rel="nofollow">- content属性</a></p> <p id="-%20name%E5%B1%9E%E6%80%A7-toc" style="margin-left:80px;"><a href="#-%20name%E5%B1%9E%E6%80%A7" rel="nofollow">- name属性</a></p> <p id="-%20http-equiv%E5%B1%9E%E6%80%A7-toc" style="margin-left:80px;"><a href="#-%20http-equiv%E5%B1%9E%E6%80%A7" rel="nofollow">- http-equiv属性</a></p> <p id="-%20scheme%E5%B1%9E%E6%80%A7-toc" style="margin-left:80px;"><a href="#-%20scheme%E5%B1%9E%E6%80%A7" rel="nofollow">- scheme属性</a></p> <p id="-%20%3Cscirpt%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%84%9A%E6%9C%AC%EF%BC%88%E6%8F%92%E5%85%A5JS%EF%BC%89-toc" style="margin-left:40px;"><a href="#-%20%3Cscirpt%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E5%AE%A2%E6%88%B7%E7%AB%AF%E8%84%9A%E6%9C%AC%EF%BC%88%E6%8F%92%E5%85%A5JS%EF%BC%89" rel="nofollow">- scirpt：定义客户端脚本（插入JS）</a></p> <hr id="hr-toc"> <h2>HTML and HTML5</h2> <blockquote> <p><strong>html ：HTML 是用来描述网页的一种语言。</strong></p> <ul> <li>HTML 指的是超文本标记语言 (<strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage)</li> <li>HTML 不是一种编程语言，而是一种<em>标记语言</em> (markup language)</li> <li>标记语言是一套<em>标记标签</em> (markup tag)</li> <li>HTML 使用<em>标记标签</em>来描述网页</li> </ul> <p> </p> <p><strong>html标签：HTML 标记标签通常被称为 HTML 标签 (HTML tag)。</strong></p> <ul> <li>HTML 标签是由<em>尖括号</em>包围的关键词，比如 <html></li> <li>HTML 标签通常是<em>成对出现</em>的，比如 <b> 和 </b></li> <li>标签对中的第一个标签是<em>开始标签</em>，第二个标签是<em>结束标签</em></li> <li>开始和结束标签也被称为<em>开放标签</em>和<em>闭合标签</em></li> </ul> <p> </p> <p><strong>HTML 文档 = 网页</strong></p> <ul> <li>HTML 文档<em>描述网页</em></li> <li>HTML 文档<em>包含 HTML 标签</em>和纯文本</li> <li>HTML 文档也被称为<em>网页</em></li> </ul> <p><strong>html5：html的一个版本，HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。</strong></p> <p><strong>html5 新特性：</strong></p> <ul> <li>用于绘画的 canvas 元素</li> <li>用于媒介回放的 video 和 audio 元素</li> <li>对本地离线存储的更好的支持</li> <li>新的特殊内容元素，比如 article、footer、header、nav、section</li> <li>新的表单控件，比如 calendar、date、time、email、url、search</li> </ul> </blockquote> <hr> <h2 id="html%E6%A1%86%E6%9E%B6">html框架</h2> <pre class="has"><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html></code></pre> <hr> <h2 id="html%E5%A4%B4%E9%83%A8%E5%85%83%E7%B4%A0%EF%BC%88head%E5%86%85%EF%BC%89">html头部元素（head内）</h2> <blockquote> <p><head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。</p> <p>以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。</p> </blockquote> <h3 id="-%20%3Ctitle%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E6%96%87%E6%A1%A3%E6%A0%87%E9%A2%98">- title：定义文档标题</h3> <pre class="has"><code class="language-html"><!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <title>定义文档标题</title> </head> <body> </body> </html></code></pre> <p><img alt="" class="has" height="49" src="https://i-blog.csdnimg.cn/blog_migrate/107c9f84cd0872c8f4d9fd3559370c22.png" width="351"></p> <hr> <h3 id="-%20%3Cbase%3E%EF%BC%9A%E5%AE%9A%E4%B9%89%E9%A1%B5%E9%9D%A2%E4%B8%8A%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E7%9A%84%E9%BB%98%E8%AE%A4%E5%9C%B0%E5%9D%80%E6%88%96%E9%BB%98%E8%AE%A4%E7%9B%AE%E6%A0%87">- base：定义页面上所有链接的默认地址或默认目标</h3> <blockquote> <p><strong>定义和用法</strong></p> <p><base> 标签为页面上的所有链接规定默认地址或默认目标。</p> <p>通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。</p> <p>使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。</p> <p></p> </blockquote> </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/20240516053626.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/qq_33961117"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/3de71d31fe644cee9b36a0ebef44b7df_qq_33961117.jpg!1"> <span class="profile-name"> LSYHhhhh </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="4" id="get-collection"> 4 </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-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/3de71d31fe644cee9b36a0ebef44b7df_qq_33961117.jpg!1" alt=""> <div class="share-tit"> HTML5 - 基础总结 - 基本介绍+head头部元素 </div> <div class="share-dec"> 参考总结：http://www.w3school.com.cn/h.asp目录HTML and HTML5html框架html头部元素（head内）- title：定义文档标题- base：定义页面上所有链接的默认地址或默认目标- target:规定在何处打开页面上的所有链接。- link：定义文档与外部资源（外链样式表等）之间的关系- style：定义文档... </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="8070833" data-free="true" data-description="" data-subscribe="false" data-title="HTML5" data-img="https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/qq_33961117/category_8070833.html" data-sum="2" data-people="0" 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_download clearfix" data-url="https://download.csdn.net/download/xinkai1688/87077789" 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-download-2~default~OPENSEARCH~Paid-1-87077789-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/xinkai1688/87077789"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/xinkai1688/87077789" 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-download-2~default~OPENSEARCH~Paid-1-87077789-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/xinkai1688/87077789"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-87077789-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-87077789-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">HTML+CSS+JS-入门<em>基础</em>ppt课件.ppt</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">11-19</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/xinkai1688/87077789" 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-download-2~default~OPENSEARCH~Paid-1-87077789-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Paid","dest":"https://download.csdn.net/download/xinkai1688/87077789"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-87077789-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7EPaid-1-87077789-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><<em>head</em>>部分用于定义文档的<em>头部</em>信息，如、和等标签；部分用于定义文档的主体信息，如、、等标签。 HTML 中的标记（签）是 HTML 语言的<em>基本</em>部分，例如<html>、<<em>head</em>>、、、等。大多数标记总是成对出现，每一对标记...</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/weixin_34234829/article/details/86397378" 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~CTRLIST~Rate-1-86397378-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~CTRLIST~Rate","dest":"https://blog.csdn.net/weixin_34234829/article/details/86397378"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_34234829/article/details/86397378" 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~CTRLIST~Rate-1-86397378-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~CTRLIST~Rate","dest":"https://blog.csdn.net/weixin_34234829/article/details/86397378"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-86397378-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-86397378-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>：理解<em>head</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_34234829" target="_blank"><span class="blog-title">weixin_34234829的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">07-09</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 98 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_34234829/article/details/86397378" 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~CTRLIST~Rate-1-86397378-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~CTRLIST~Rate","dest":"https://blog.csdn.net/weixin_34234829/article/details/86397378"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-86397378-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-86397378-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"> HTML文档的<em>head</em>部分，通常包含指定页面标题。为搜索引擎提供关于页面本身的信息。加载样式表，以及加载JavaScript文件（出于性能考虑。多数时候放在页面底部</body>标签结束前加载JavaScript）。除了title，<em>head</em>里的内容对页面訪问者来说都是不可见的。以下是HTML文档<em>head</em>部分的一个样例：<<em>head</em>> <meta charset="...</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/YZL40514131/article/details/122389401" 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-122389401-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/YZL40514131/article/details/122389401"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/YZL40514131/article/details/122389401" 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-122389401-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/YZL40514131/article/details/122389401"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-122389401-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-122389401-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>各种标签<em>总结</em>（HTML、<em>head</em>）</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/YZL40514131" target="_blank"><span class="blog-title">python全栈</span></a> </div> <div class="info display-flex"> <span class="info-block time">01-10</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1851 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/YZL40514131/article/details/122389401" 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-122389401-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/YZL40514131/article/details/122389401"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-122389401-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-122389401-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">一、HTML标签定义 HTML 文档，这个<em>元素</em>我们浏览器看到后就明白这是个HTML文档了，所以你的其它<em>元素</em>要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的<em>头部</em>和主体。 <!DOCTYPE html> <html> <<em>head</em>> <meta charset="UTF-8"> <title></title> </<em>head</em>> <body> </body> </htm</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_49346755/article/details/127117017" 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-127117017-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_49346755/article/details/127117017"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_49346755/article/details/127117017" 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-127117017-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_49346755/article/details/127117017"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-127117017-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-127117017-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>html5</em> <em>head</em>标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_49346755" target="_blank"><span class="blog-title">weixin_49346755的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-30</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 725 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_49346755/article/details/127117017" 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-127117017-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_49346755/article/details/127117017"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-127117017-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-127117017-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em>> 标签是所有<em>头部</em>标签的容器。标签必须包含文档的标题，可以包含脚本、样式、meta 信息以及其他更多的信息。标签中一般可以包含以下标签：、、、、、。标签提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。标签用于为页面中的所有相对链接设置默认URL或默认target属性。</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/thgj0006/article/details/130097934" 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-130097934-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/thgj0006/article/details/130097934"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/thgj0006/article/details/130097934" 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-130097934-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/thgj0006/article/details/130097934"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-130097934-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-130097934-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em> ＜<em>head</em>＞标签、<em>HTML5</em> ＜i＞标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/thgj0006" target="_blank"><span class="blog-title">thgj0006的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">04-12</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 410 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/thgj0006/article/details/130097934" 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-130097934-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/thgj0006/article/details/130097934"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-130097934-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-4-130097934-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em>> <em>元素</em>是所有<em>头部</em><em>元素</em>的容器。 <em>元素</em>必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。（在<em>头部</em>中，这个<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/delishcomcn/article/details/132488069" 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-blog-2~default~BlogCommendFromBaidu~Rate-5-132488069-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/delishcomcn/article/details/132488069"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/delishcomcn/article/details/132488069" 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-blog-2~default~BlogCommendFromBaidu~Rate-5-132488069-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/delishcomcn/article/details/132488069"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-132488069-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-132488069-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">移动前端不得不了解的<em>html5</em> <em>head</em> 头标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/delishcomcn" target="_blank"><span class="blog-title">delishcomcn的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-25</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 352 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/delishcomcn/article/details/132488069" 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-blog-2~default~BlogCommendFromBaidu~Rate-5-132488069-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/delishcomcn/article/details/132488069"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-132488069-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-5-132488069-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">大部分 4.7~5 寸的安卓设备的 viewport 宽设为 360px，iPhone 6 上却是 375px，大部分 5.5 寸安卓机器（比如说三星 Note）的 viewport 宽为 400，iPhone 6 plus 上是 414px。定义网页搜索引擎索引方式，robotterms 是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。而如果你的网站不是响应式的，请不要使用 initial-scale 或者禁用缩放。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_30750081/article/details/117837688" 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-blog-2~default~BlogCommendFromBaidu~Rate-6-117837688-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30750081/article/details/117837688"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_30750081/article/details/117837688" 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-blog-2~default~BlogCommendFromBaidu~Rate-6-117837688-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30750081/article/details/117837688"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-117837688-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-117837688-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">1 <em>html5</em>文档头,<em>HTML5</em>标准学习-DOCTYPE<em>头部</em>分析</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_30750081" target="_blank"><span class="blog-title">weixin_30750081的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-04</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 256 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_30750081/article/details/117837688" 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-blog-2~default~BlogCommendFromBaidu~Rate-6-117837688-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30750081/article/details/117837688"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-117837688-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-6-117837688-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">上一篇文章主要讲述了http://www.gxlcms.com/code/5010.html" target="_blank">HTML文档的构成，同时肤浅地接触了“标签省略”这一概念，本文会从概念上<em>介绍</em>HTML文档中第一个出现的重要<em>元素</em> - DOCTYPE。所谓DOCTYPE，最初是XML的概念，即通过一种特定的语法，作为一种元数据，来描述XML文档中允许出现的<em>元素</em>，以及各<em>元素</em>的组成、嵌套...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42859280/13981704" 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-13981704-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/13981704"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_42859280/13981704" 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-13981704-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/13981704"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-13981704-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-13981704-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">课程设计-HTML我的家乡+doc文档.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">12-29</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_42859280/13981704" 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-13981704-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42859280/13981704"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-13981704-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-13981704-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">一个<em>基本</em>的HTML文件通常包括<em>头部</em>（`<<em>head</em>>`）、主体（`<body>`）两部分。<em>头部</em>可以包含元数据，如字符集设置（`<meta charset="UTF-8">`），而主体则包含用户在浏览器中看到的实际内容，如文本、图片、链接等。 ...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/admin_maxin/88669705" 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-88669705-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/admin_maxin/88669705"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/admin_maxin/88669705" 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-88669705-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/admin_maxin/88669705"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-88669705-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-88669705-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">人工智能-项目实践-html-html+css设计的简单静态网站.zip</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">12-27</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/admin_maxin/88669705" 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-88669705-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/admin_maxin/88669705"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-88669705-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-88669705-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">在HTML文档中，我们通常会使用一系列的标签来创建<em>元素</em>，如`<<em>head</em>>`用于<em>头部</em>信息，`<body>`包含主体内容，`<<em>head</em>er>`、`<nav>`、`<section>`、`<article>`和`<footer>`则分别用于页面的<em>头部</em>、导航、段落、文章和底部...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_42685438/26313302" 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-download-2~default~OPENSEARCH~Rate-9-26313302-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42685438/26313302"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_42685438/26313302" 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-download-2~default~OPENSEARCH~Rate-9-26313302-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42685438/26313302"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-26313302-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-26313302-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HEAD</em>-master_<em>html5</em>_Go_metafile_</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">09-30</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_42685438/26313302" 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-download-2~default~OPENSEARCH~Rate-9-26313302-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42685438/26313302"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-26313302-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-9-26313302-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">在<em>HTML5</em>中，`<<em>head</em>>`<em>元素</em>是网页结构的重要组成部分，它包含了文档的元信息（metadata），这些信息不直接显示在页面上，但对浏览器、搜索引擎和其他解析网页的工具至关重要。"<em>HEAD</em>-master_<em>html5</em>_Go_metafile_"这个...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_36691991/25547602" 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-download-2~default~OPENSEARCH~Rate-10-25547602-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_36691991/25547602"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_36691991/25547602" 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-download-2~default~OPENSEARCH~Rate-10-25547602-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_36691991/25547602"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-25547602-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-25547602-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">某马机构----HTML<em>基本</em>结构.rar</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_36691991/25547602" 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-download-2~default~OPENSEARCH~Rate-10-25547602-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_36691991/25547602"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-25547602-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-10-25547602-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">3. **<em>头部</em>（<em>Head</em>）**：`<<em>head</em>>`<em>元素</em>包含文档的元信息，如标题、字符集设置（`<meta charset="UTF-8">`）以及引用外部样式表（`<link rel="stylesheet" href="...">`）等。 4. **标题（Title）**：`<title>`<em>元素</em>定义...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_42415326/article/details/89849606" 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-89849606-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_42415326/article/details/89849606"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_42415326/article/details/89849606" 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-89849606-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_42415326/article/details/89849606"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-89849606-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-89849606-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">web前端之<em>HTML5</em> 入门（3）：HTML<em>头部</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_42415326" target="_blank"><span class="blog-title">薛定谔的猫-前端领域</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-05</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 559 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_42415326/article/details/89849606" 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-89849606-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_42415326/article/details/89849606"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-89849606-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-89849606-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">HTML <<em>head</em>> <em>元素</em> <<em>head</em>> <em>元素</em>包含了所有的<em>头部</em>标签<em>元素</em>。可以添加在<<em>head</em>>的<em>元素</em>标签为: <<em>head</em>>中的<title><em>元素</em>定义了不同文档的标题，在文档中是必须的。定义了浏览器工具栏的标题，同时是显示在收藏夹中的标题，还是显示在搜索引擎结果页面的标题。 <<em>head</em>>中的<base> 标...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/Jingchennnn/article/details/127112140" 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-127112140-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/Jingchennnn/article/details/127112140"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/Jingchennnn/article/details/127112140" 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-127112140-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/Jingchennnn/article/details/127112140"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-127112140-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-127112140-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">常用H5标签-第二部分</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/Jingchennnn" target="_blank"><span class="blog-title">合肥辰辰的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-29</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 536 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/Jingchennnn/article/details/127112140" 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-127112140-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/Jingchennnn/article/details/127112140"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-127112140-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-127112140-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">一、结构标签 1、<em>head</em>er <em>head</em>er是网页的<em>头部</em> 2、main main是网页的主体部分（一般就一个） 3、footer footer是网页的底部 4、nav nav是网页的导航 5、aside aside是和主体相关的内容，侧边栏 6、article aside是放置文章相关的内容 7、section section是独立的区块，上面的标签都不合适，就用这个，一般用来代替div</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_42504145/article/details/82811866" 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-82811866-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42504145/article/details/82811866"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_42504145/article/details/82811866" 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-82811866-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42504145/article/details/82811866"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-82811866-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-82811866-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">前端---<em>HTML5</em><em>头部</em>和元信息</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_42504145" target="_blank"><span class="blog-title">Nagile-zhou博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-22</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1090 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_42504145/article/details/82811866" 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-82811866-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_42504145/article/details/82811866"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-82811866-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-82811866-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">使用<<em>head</em>.../><em>元素</em>可以定义HTML文档头和元信息<em>元素</em>。 1.使用<<em>head</em>.../><em>元素</em>可以定义HTML文档头,该<em>元素</em>可以包含如下子<em>元素</em>. <script.../>:该<em>元素</em>用于包含JavaScript脚本.关于JavaScript的<em>介绍</em>,在我之后的博客会有<em>介绍</em>. <noscript.../>:该<em>元素</em>用...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/smznbhh/article/details/126667055" 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-126667055-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/smznbhh/article/details/126667055"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/smznbhh/article/details/126667055" 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-126667055-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/smznbhh/article/details/126667055"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-126667055-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-126667055-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>简介和H5新标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/smznbhh" target="_blank"><span class="blog-title">smz的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-03</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 507 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/smznbhh/article/details/126667055" 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-126667055-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/smznbhh/article/details/126667055"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-126667055-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-126667055-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML5</em>声明、简介以及标签和H5新标签</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://floweryu.blog.csdn.net/article/details/94329997" 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-94329997-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://floweryu.blog.csdn.net/article/details/94329997"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://floweryu.blog.csdn.net/article/details/94329997" 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-94329997-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://floweryu.blog.csdn.net/article/details/94329997"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-94329997-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-94329997-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>——<em>head</em>标签</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_43207025" target="_blank"><span class="blog-title">学而不思则忘</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-30</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 937 </span> </div> </div> </div> <div class="desc-box"> <a href="https://floweryu.blog.csdn.net/article/details/94329997" 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-94329997-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://floweryu.blog.csdn.net/article/details/94329997"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-94329997-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-94329997-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em> 标签作用： HTML <em>head</em> <em>元素</em> 规定文档相关的配置信息（元数据），包括文档的标题，引用的文档样式和脚本等。 <em>head</em> 标签中放的<em>元素</em> 1、title 网页的标题，title将会被显示在浏览器的标题栏，或用户收藏夹等醒目位置。 2、link 规定了外部资源与当前文档的关系。这个<em>元素</em>最常于链接样式表，还能被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_31121871/article/details/65434941" 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-65434941-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_31121871/article/details/65434941"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_31121871/article/details/65434941" 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-65434941-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_31121871/article/details/65434941"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-65434941-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-65434941-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em><em>头部</em>常用的<<em>head</em>><em>总结</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/qq_31121871" target="_blank"><span class="blog-title">小雪_的博客</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=""> 357 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_31121871/article/details/65434941" 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-65434941-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_31121871/article/details/65434941"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-65434941-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-65434941-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1"></div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_59742894/article/details/121602096" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-121602096-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_59742894/article/details/121602096"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/m0_59742894/article/details/121602096" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-121602096-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_59742894/article/details/121602096"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-121602096-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-121602096-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">web前端开发与应用——文档</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/m0_59742894" target="_blank"><span class="blog-title">m0_59742894的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">11-29</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 382 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/m0_59742894/article/details/121602096" 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-blog-2~default~BlogCommendFromBaidu~Rate-17-121602096-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/m0_59742894/article/details/121602096"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-121602096-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-17-121602096-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">title标签 title标签用于定义HTML页面的标题。它是双标签，开始和结束标签之间的内容就是要设置的页面标题。它的作用是：在浏览器的标题栏中显示标题标题可以用作默认快捷方式或收藏夹的名称标题还可以作为搜索引擎结果中的页面标题应用时注意：一个网页只能有一个标题标题名称的长度不超过64个字符数标题标记对之间不允许有其它的标签存在用法示例： <title>个人网页</title> charset属性在<em>html5</em>中，可直接通过meta标签的char</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/qq_61141142/89623945" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89623945-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_61141142/89623945"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/qq_61141142/89623945" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89623945-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_61141142/89623945"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89623945-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89623945-blog-82774331.235%5Ev43%5Econtrol'> <div class="left ellipsis-online ellipsis-online-1">NET语言程序设计课件-第2章 Visual C#.NET语法<em>基础</em>.ppt</div> <div class="tag">最新发布</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-08</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/qq_61141142/89623945" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~BlogCommendHotData~default-18-89623945-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~BlogCommendHotData~default","dest":"https://download.csdn.net/download/qq_61141142/89623945"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89623945-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EBlogCommendHotData%7Edefault-18-89623945-blog-82774331.235%5Ev43%5Econtrol'> <div class="desc ellipsis-online ellipsis-online-1">Visual C# .NET是一门面向对象的程序设计语言，是当前流行的.NET系列的语言。本课程以Visual Studio为程序设计环境，对C#进行了全面阐述。本电子课件适用于课程讲解或者课程分析参考使用。 </div> </a> </div> </div> </div> <div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/2jja3nvjkg" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-2jja3nvjkg-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/2jja3nvjkg"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/doc/2jja3nvjkg" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-2jja3nvjkg-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/2jja3nvjkg"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-2jja3nvjkg-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-2jja3nvjkg-blog-82774331.235%5Ev43%5Econtrol'> <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/2jja3nvjkg" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.19","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-19-2jja3nvjkg-blog-82774331.235^v43^control\",\"dist_request_id\":\"1723221154486_35643\"}","dist_request_id":"1723221154486_35643","ab_strategy":"increase_t0_anti_vip","index":"19","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/2jja3nvjkg"}' data-report-query='spm=1001.2101.3001.6650.19&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-2jja3nvjkg-blog-82774331.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-19-2jja3nvjkg-blog-82774331.235%5Ev43%5Econtrol'> <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/qq_33961117" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/qq_33961117","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/3de71d31fe644cee9b36a0ebef44b7df_qq_33961117.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/qq_33961117" target="_blank" class="" id="uid" title="LSYHhhhh" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/qq_33961117","ab":"new"}'> <span class="name " username="qq_33961117">LSYHhhhh</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 9年">码龄9年</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="308"> <a href="https://blog.csdn.net/qq_33961117" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dt><span class="count">308</span></dt> <dd class="font">原创</dd> </a> </dl> <dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="34690"> <a href="https://blog.csdn.net/rank/list/weekly" target="_blank"> <dt><span class="count">3万+</span></dt> <dd class="font">周排名</dd> </a> </dl> <dl class="text-center" title="2236704"> <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">223万+</span></dt> <dd class="font">总排名</dd> </a> </dl> <dl class="text-center" style="min-width:58px" title="594603"> <dt><span class="count">59万+</span></dt> <dd>访问</dd> </dl> <dl class="text-center" title="6级,点击查看等级说明"> <dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank"> <img class="level" src="https://csdnimg.cn/identity/blog6.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="8048"> <dt><span class="count">8048</span></dt> <dd>积分</dd> </dl> <dl class="text-center" id="fanBox" title="760"> <dt><span class="count" id="fan">760</span></dt> <dd>粉丝</dd> </dl> <dl class="text-center" title="254"> <dt><span class="count">254</span></dt> <dd>获赞</dd> </dl> <dl class="text-center" title="79"> <dt><span class="count">79</span></dt> <dd>评论</dd> </dl> <dl class="text-center" title="1392"> <dt><span class="count">1392</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/chizhiyiheng@240.png" alt="持续创作"> </div> </div> <div class="icon-badge" title="GitHub"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/github@240.png" alt="GitHub"> </div> </div> <div class="icon-badge" title="1024勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/1024@240.png" alt="1024勋章"> </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 class="icon-badge" title="阅读者勋章"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/yuedu3@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/qq_33961117" 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/qq_33961117/article/details/84942796" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_33961117/article/details/84942796","ab":"new"}'> Python3 - 实现邮件的发送 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">77039</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_33961117/article/details/94442908" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_33961117/article/details/94442908","ab":"new"}'> WebSocket - 基于 Python 的主流实现方式总结 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">29405</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_33961117/article/details/82997480" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_33961117/article/details/82997480","ab":"new"}'> CSS+HTML - 搭建小米商城首页 - 总结 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">15501</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_33961117/article/details/89334532" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_33961117/article/details/89334532","ab":"new"}'> Flask - 项目学习 - TypeError: __init__() got an unexpected keyword argument 'encoding' <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">14441</span> </a> </li> <li> <a href="https://blog.csdn.net/qq_33961117/article/details/87800538" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/qq_33961117/article/details/87800538","ab":"new"}'> Python3 - DBUtils + 第三方数据库操作模块 - 实现数据库连接池 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">13445</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/qq_33961117/category_9930428.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9930428.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"> PostgreSQL </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9789683.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9789683.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"> Go </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9454688.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9454688.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"> 测试 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9341171.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9341171.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> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_7817438.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_7817438.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"> python </span> </a> <span class="special-column-num">58篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8012786.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8012786.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8043822.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8043822.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"> MySQL </span> </a> <span class="special-column-num">16篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8070833.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8070833.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.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"> HTML5 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8072823.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8072823.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"> CSS </span> </a> <span class="special-column-num">16篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8113956.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8113956.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756757.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">47篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8117722.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8117722.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"> JavaScript </span> </a> <span class="special-column-num">14篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8246246.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8246246.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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"> JQuery </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8277389.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8277389.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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"> Vue.js </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8297845.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8297845.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"> Django </span> </a> <span class="special-column-num">63篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8427381.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8427381.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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"> NoSQL </span> </a> <span class="special-column-num">18篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8521168.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8521168.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"> DRF </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8580001.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8580001.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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">17篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8604665.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8604665.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"> Bootstrap </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8628950.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8628950.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756926.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">14篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8645238.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8645238.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"> 数据结构与算法 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8669830.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8669830.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756926.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"> Celery </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8670224.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8670224.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"> Flask </span> </a> <span class="special-column-num">28篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8753767.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8753767.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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"> NEO </span> </a> <span class="special-column-num">7篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8807727.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8807727.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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"> ElasticSearch </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8864504.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8864504.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"> BUG总结 </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8953446.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8953446.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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"> Robot Framework </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8957824.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8957824.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">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8970797.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8970797.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">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8984552.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8984552.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">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9080273.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9080273.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.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"> WebSocket </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9100497.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9100497.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"> Tornado </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9133094.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9133094.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"> Pandas </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9220120.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9220120.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756922.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"> asynchronous </span> </a> <span class="special-column-num">2篇</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/qq_33961117/article/details/83379757#comments_31284087" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83379757#comments_31284087","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83379757#comments_31284087","ab":"new"}'>轮播图 - JavaScript</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/2401_83005203" class="user-name" target="_blank">小鱼爱吃虾~: </a> <span class="code-comments">很好用呢<img src="https://g.csdnimg.cn/static/face/emoji/056.png" alt='表情包' ></span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_33961117/article/details/88837480#comments_26604884" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/88837480#comments_26604884","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/88837480#comments_26604884","ab":"new"}'>Flask - 应用上下文</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/bugdongwenlong" class="user-name" target="_blank">董先森^|. .|^: </a> <span class="code-comments">我是在ipython使用的，用的python3.7，每次输入还得用app.app_context().push()手动推送<img src="https://g.csdnimg.cn/static/face/emoji/014.png" alt='表情包' ></span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_33961117/article/details/83380329#comments_25077565" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83380329#comments_25077565","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83380329#comments_25077565","ab":"new"}'>简单留言板前端（仿微博） - JQuery</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/weixin_58544729" class="user-name" target="_blank">小桐桐Tong: </a> <span class="code-comments">要后端数据库啊</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_33961117/article/details/83380329#comments_23912712" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83380329#comments_23912712","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/83380329#comments_23912712","ab":"new"}'>简单留言板前端（仿微博） - JQuery</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/lkay900" class="user-name" target="_blank">lkay900: </a> <span class="code-comments">謝謝您的分享，可以順利完成，但有一個困擾是網頁重新整理後留言就會消失，該怎麼處理留言才能不消失呢?</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/qq_33961117/article/details/88616760#comments_23537133" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/88616760#comments_23537133","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/qq_33961117/article/details/88616760#comments_23537133","ab":"new"}'>区块链 - 区块的数据结构解析</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/qq_44831928" class="user-name" target="_blank">至尊宝星猫: </a> <span class="code-comments">能不能自己向区块头内添加字段</span> </p> </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/qq_33961117/article/details/105663234" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_33961117/article/details/105663234","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_33961117/article/details/105663234","ab":"new"}'>PostgreSQL 扩展安装</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/qq_33961117/article/details/105659253" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_33961117/article/details/105659253","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_33961117/article/details/105659253","ab":"new"}'>PostgreSQL 基本安装总结</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/qq_33961117/article/details/105362826" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/qq_33961117/article/details/105362826","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/qq_33961117/article/details/105362826","ab":"new"}'>RabbitMQ - 延迟队列</a> </li> </ul> <div class="archive-bar"></div> <div class="archive-box"> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_33961117?type=blog&year=2020&month=04" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_33961117?type=blog&year=2020&month=04"}'><span class="year">2020年</span><span class="num">13篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_33961117?type=blog&year=2019&month=11" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_33961117?type=blog&year=2019&month=11"}'><span class="year">2019年</span><span class="num">133篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/qq_33961117?type=blog&year=2018&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/qq_33961117?type=blog&year=2018&month=12"}'><span class="year">2018年</span><span class="num">162篇</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/qq_33961117/category_9930428.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9930428.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=""> PostgreSQL </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9789683.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9789683.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=""> Go </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9454688.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9454688.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=""> 测试 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9341171.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9341171.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> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_7817438.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_7817438.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=""> python </span> </a> <span class="special-column-num">58篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8012786.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8012786.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8043822.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8043822.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=""> MySQL </span> </a> <span class="special-column-num">16篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8070833.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8070833.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.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=""> HTML5 </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8072823.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8072823.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=""> CSS </span> </a> <span class="special-column-num">16篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8113956.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8113956.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756757.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">47篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8117722.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8117722.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=""> JavaScript </span> </a> <span class="special-column-num">14篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8246246.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8246246.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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=""> JQuery </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8277389.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8277389.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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=""> Vue.js </span> </a> <span class="special-column-num">9篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8297845.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8297845.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=""> Django </span> </a> <span class="special-column-num">63篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8427381.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8427381.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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=""> NoSQL </span> </a> <span class="special-column-num">18篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8521168.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8521168.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=""> DRF </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8580001.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8580001.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756928.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">17篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8604665.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8604665.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=""> Bootstrap </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8628950.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8628950.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756926.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">14篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8645238.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8645238.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=""> 数据结构与算法 </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8669830.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8669830.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756926.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=""> Celery </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8670224.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8670224.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=""> Flask </span> </a> <span class="special-column-num">28篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8753767.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8753767.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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=""> NEO </span> </a> <span class="special-column-num">7篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8807727.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8807727.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756930.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=""> ElasticSearch </span> </a> <span class="special-column-num">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8864504.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8864504.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=""> BUG总结 </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8953446.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8953446.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756918.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=""> Robot Framework </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8957824.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8957824.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">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8970797.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8970797.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">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_8984552.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_8984552.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">1篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9080273.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9080273.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756916.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=""> WebSocket </span> </a> <span class="special-column-num">5篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9100497.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9100497.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=""> Tornado </span> </a> <span class="special-column-num">3篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9133094.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9133094.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=""> Pandas </span> </a> <span class="special-column-num">2篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/qq_33961117/category_9220120.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/qq_33961117/category_9220120.html","ab":"new"}'> <div class="special-column-bar "></div> <img src="https://img-blog.csdnimg.cn/20201014180756922.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=""> asynchronous </span> </a> <span class="special-column-num">2篇</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 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.6/embed-editor.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css"> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/github-gist.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-50666be0aa.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>