HTML5 ＜head＞ 标签、HTML5 ＜i＞ 标签

最新推荐文章于 2023-08-25 09:12:27 发布
最新推荐文章于 2023-08-25 09:12:27 发布
阅读量414 收藏
点赞数
分类专栏： html 文章标签： html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/thgj0006/article/details/130097934
版权
HTML5标签用于定义文档头部，包含如文档标题、元信息、样式和脚本等。所有主流浏览器都支持此标签，它可以包含、<style>、<base>等元素。而在HTML5中，<i>标签不再仅仅用于表示斜体，而是用于表示有别于正常文本的内容，如科技术语、作品标题等。 </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"> <h2>HTML5 <head> 标签</h2> <p></p> <h3>实例</h3> <p>HTML5 <head> 标签表示文档的头部，其中包含了与该文档有关的信息！</p> <p>一份在头部带有 <title> 标签的 HTML 文档：</p> <pre><code><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html> </code></pre> <p><a href="https://www.w3cschool.cn/tryrun/showhtml/tryhtml_basic" rel="nofollow" title="尝试一下 »">尝试一下 »</a><br /> （更多实例见页面底部）</p> <hr /> <h3>浏览器支持</h3> <p class="img-center"><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/9f9d56a1a5a3c649172d7987e3611d4a.gif" /></p> <p>所有主流浏览器都支持 <head> 标签。</p> <hr /> <h3>标签定义及使用说明</h3> <p><head> 元素是所有头部元素的容器。</p> <p><head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。</p> <p>以下列出的元素能被用在 <head> 元素内部：</p> <ul><li><a href="https://www.w3cschool.cn/htmltags/tag-title.html" rel="nofollow" title="<title>"><title></a> （在头部中，这个元素是必需的）</li><li><a href="https://www.w3cschool.cn/htmltags/tag-style.html" rel="nofollow" title="<style>"><style></a></li><li><a href="https://www.w3cschool.cn/htmltags/tag-base.html" rel="nofollow" title="<base>"><base></a></li><li><a href="https://www.w3cschool.cn/htmltags/tag-link.html" rel="nofollow" title="<link>"><link></a></li><li><a href="https://www.w3cschool.cn/htmltags/tag-meta.html" rel="nofollow" title="<meta>"><meta></a></li><li><a href="https://www.w3cschool.cn/htmltags/tag-script.html" rel="nofollow" title="<script>"><script></a></li><li><a href="https://www.w3cschool.cn/htmltags/tag-noscript.html" rel="nofollow" title="<noscript>"><noscript></a></li></ul> <hr /> <h3>HTML 4.01 与 HTML5之间的差异</h3> <p>HTML5 不再支持 profile 属性。</p> <hr /> <h3>属性</h3> <table><tbody><tr><th>属性</th><th>值</th><th>描述</th></tr><tr><td>profile</td><td><em>URL</em></td><td>HTML5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取 <meta> 标签的内容属性中的信息。</td></tr></tbody></table> <p></p> <hr /> <h3>全局属性</h3> <p><head> 标签支持 <a href="https://www.w3cschool.cn/htmltags/ref-standardattributes.html" rel="nofollow" title="HTML 的全局属性">HTML 的全局属性</a>。</p> <hr /> <p class="img-center"><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/b7d4daa008441696c4bda3e18056628f.gif" /></p> <h3>尝试一下 - 实例</h3> <p><a href="https://www.w3cschool.cn/tryrun/showhtml/tryhtml_base_test" rel="nofollow" title="在 <head> 中使用 <base> 标签">在 <head> 中使用 <base> 标签</a><br /> 本例演示如何使用 <base> 标签规定页面中所有链接的默认 URL 和默认 target。</p> <p><a href="https://www.w3cschool.cn/tryrun/showhtml/tryhtml_style" rel="nofollow" title="在 <head> 中使用 <style> 标签">在 <head> 中使用 <style> 标签</a><br /> 本例演示如何在 <head> 部分添加样式信息。</p> <p><a href="https://www.w3cschool.cn/tryrun/showhtml/tryhtml_link_tag" rel="nofollow" title="在 <head> 中使用 <link> 标签">在 <head> 中使用 <link> 标签</a><br /> 本例演示如何使用 <link> 标签链接到一个外部样式表。</p> <hr /> <blockquote> <p><strong>附注</strong></p> <p>如果在文档中忽略了 <head> 标签，则大部分浏览器会自动创建一个 <head> 元素。当然，有一些不会。</p> <p>下面这些浏览器经测试不会自动创建一个 head 元素：Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。</p> </blockquote> <h3></h3> <h2>HTML5 <i> 标签</h2> <p></p> <h3>实例</h3> <pre><code><p>He named his car <i>The lightning</i>, because it was very fast.</p> </code></pre> <p><a href="https://www.w3cschool.cn/tryrun/showhtml/tryhtml5_i" rel="nofollow" title="尝试一下 »">尝试一下 »</a></p> <hr /> <h3>浏览器支持</h3> <p class="img-center"><img alt="" src="https://i-blog.csdnimg.cn/blog_migrate/3d1beca29a3a0ce95d33fd1128ad5281.gif" /></p> <p>所有主流浏览器都支持 <i> 标签。</p> <hr /> <h3>标签定义及使用说明</h3> <p><i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。</p> <p><i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。</p> <p>在没有其他适当语义的元素可以使用时，请使用 <i> 元素。其他语义的元素如下：</p> <ul><li><a href="https://www.w3cschool.cn/htmltags/tag-em.html" rel="nofollow" title="<em>"><em></a> （被强调的文本）</li><li><a href="https://www.w3cschool.cn/htmltags/tag-strong.html" rel="nofollow" title="<strong>"><strong></a> （重要的文本）</li><li><a href="https://www.w3cschool.cn/htmltags/tag-mark.html" rel="nofollow" title="<mark>"><mark></a> （被标记的/高亮显示的文本）</li><li><a href="https://www.w3cschool.cn/htmltags/tag-cite.html" rel="nofollow" title="<cite>"><cite></a> （作品的标题）</li><li><a href="https://www.w3cschool.cn/htmltags/tag-dfn.html" rel="nofollow" title="<dfn>"><dfn></a> （一个定义项目）</li></ul> <hr /> <h3>HTML 4.01 与 HTML5之间的差异</h3> <p>在 HTML 4.01 中，<i> 标签呈现斜体的文本。然而，在 HTML5 中没有必要这么做，可以使用样式表来格式化 <i> 元素中的文本。</p> <hr /> <h3>全局属性</h3> <p><i> 标签支持 <a href="https://www.w3cschool.cn/htmltags/ref-standardattributes.html" rel="nofollow" title="HTML 的全局属性">HTML 的全局属性</a>。</p> <hr /> <h3>事件属性</h3> <p><i> 标签支持 <a href="https://www.w3cschool.cn/htmltags/ref-eventattributes.html" rel="nofollow" title="HTML 的事件属性">HTML 的事件属性</a>。</p> <p> </p> </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="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/thgj0006"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/32a13f60c8264a28af887d26447e3bb9_thgj0006.jpg!1"> <span class="profile-name"> thgj0006 </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 "> 0 </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="0" id="get-collection"> 0 </span> </a> <div class="tool-hover-tip collect"> <div class="collect-operate-box"> <span class="collect-text" id="is-collection"> 收藏 </span> </div> </div> <div class="tool-active-list"> <div class="text"> 觉得还不错? <span class="collect-text" id="tool-active-list-collection"> 一键收藏 </span> <img id="tool-active-list-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/collectionCloseWhite.png" alt=""> </div> </div> </li> <li class="tool-item tool-item-size tool-active tool-item-reward"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"popu_830","spm":"1001.2101.3001.4237","dest":"","ab":"new"}'> <img class="isdefault reward-bt" id="rewardBtNew" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newRewardBlack.png" alt="打赏"> <span class="count"></span> </a> <div class="tool-hover-tip"><span class="text space">打赏</span></div> </li> <li class="tool-item tool-item-size tool-active tool-item-comment"> <div class="guide-rr-first"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward01.png" alt=""> <button class="btn-guide-known">知道了</button> </div> <a class="tool-item-href" href="#commentBox" data-report-click='{"spm":"1001.2101.3001.7009"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newComment2021Black.png" alt=""> <span class="count"> 0 </span> </a> <div class="tool-hover-tip"><span class="text space">评论</span></div> </li> <li class="tool-item tool-item-bar"> </li> <li class="tool-item tool-item-size tool-active tool-QRcode" data-type="article" id="tool-share"> <a class="tool-item-href" href="javascript:;" data-report-click='{"mod":"1582594662_002","spm":"1001.2101.3001.4129","ab":"new"}'> <img class="isdefault" src="https://csdnimg.cn/release/blogv2/dist/pc/img/newShareBlack.png" alt=""> </a> <div class="QRcode" 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/32a13f60c8264a28af887d26447e3bb9_thgj0006.jpg!1" alt=""> <div class="share-tit"> HTML5 ＜head＞ 标签、HTML5 ＜i＞ 标签 </div> <div class="share-dec"> head> 元素是所有头部元素的容器。 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。（在头部中，这个元素是必需的） 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。在没有其他适当语义的元素可以使用时，请使用 元素。 </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="12215262" data-free="true" data-description="" data-subscribe="false" data-title="html" data-img="https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64" data-url="https://blog.csdn.net/thgj0006/category_12215262.html" data-sum="118" data-people="1" data-price="0" data-hotRank="0" data-status="true" data-oldprice="0" data-join="false" data-studyvip="false" data-studysubscribe="false" data-report-view='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}' data-report-click='{"spm":"1001.2101.3001.6334","extend1":"专栏目录"}'>专栏目录</a> </div> </div> </div> </div> <script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script> <script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script> <script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box "> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/lijiming2185/article/details/131395184" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-131395184-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/lijiming2185/article/details/131395184"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/lijiming2185/article/details/131395184" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-131395184-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/lijiming2185/article/details/131395184"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-131395184-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-131395184-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> <em>＜</em>i<em>＞</em> <em>标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/lijiming2185" target="_blank"><span class="blog-title">玄链教育</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-26</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 3166 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/lijiming2185/article/details/131395184" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromBaidu~PaidSort-1-131395184-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~PaidSort","dest":"https://blog.csdn.net/lijiming2185/article/details/131395184"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-131395184-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7EPaidSort-1-131395184-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>标签</em>和基于内容的样式<em>标签</em>类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。提示： <em>标签</em>一定要和结束<em>标签</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_33754913/article/details/92662935" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-92662935-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33754913/article/details/92662935"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_33754913/article/details/92662935" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-92662935-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33754913/article/details/92662935"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-92662935-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-92662935-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <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_33754913" target="_blank"><span class="blog-title">weixin_33754913的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">08-02</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 89 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_33754913/article/details/92662935" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.1","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-1-92662935-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"1","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_33754913/article/details/92662935"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-92662935-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-92662935-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">2019独角兽企业重金招聘Python工程师标准>>> ...</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/TCatTime/article/details/89362962" 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-89362962-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/TCatTime/article/details/89362962"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/TCatTime/article/details/89362962" 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-89362962-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/TCatTime/article/details/89362962"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-89362962-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-89362962-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <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/TCatTime" target="_blank"><span class="blog-title">TCatTime的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">04-17</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 387 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/TCatTime/article/details/89362962" 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-89362962-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"2","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/TCatTime/article/details/89362962"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-89362962-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-89362962-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML5</em> <em>head</em>元素介绍。</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.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-94329997-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"3","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.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-94329997-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://floweryu.blog.csdn.net/article/details/94329997"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-94329997-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-94329997-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>——<em>head</em><em>标签</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=""> 942 </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.3","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-3-94329997-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"3","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://floweryu.blog.csdn.net/article/details/94329997"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-94329997-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-3-94329997-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em> <em>标签</em>作用： <em>HTML</em> <em>head</em> 元素 规定文档相关的配置信息（元数据），包括文档的标题，引用的文档样式和脚本等。 <em>head</em> <em>标签</em>中放的元素 1、title 网页的标题，title将会被显示在浏览器的标题栏，或用户收藏夹等醒目位置。 2、link 规定了外部资源与当前文档的关系。这个元素最常于链接样式表，还能被用来创建站点图标(比如PC端的“favicon”图标和移动设备上用以显示在主屏幕...</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_download clearfix" data-url="https://download.csdn.net/download/weixin_42277815/13990948" 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-download-2~default~OPENSEARCH~Rate-4-13990948-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"4","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42277815/13990948"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_42277815/13990948" 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-download-2~default~OPENSEARCH~Rate-4-13990948-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"4","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42277815/13990948"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-4-13990948-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-4-13990948-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>标签</em>总结，包含<em>HTML</em>4和<em>HTML5</em></div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">12-31</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_42277815/13990948" 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-download-2~default~OPENSEARCH~Rate-4-13990948-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"4","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_42277815/13990948"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-4-13990948-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-4-13990948-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML5</em>中新增了一些<em>标签</em>，如`<article>`、`<aside>`、`<audio>`、`<canvas>`、`<video>`等，同时也废弃了一些<em>标签</em>，如`<applet>`、`<basefont>`等。 <em>HTML</em><em>标签</em>是网页开发的基础，熟悉这些<em>标签</em>的用途和功能是开发网页...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/ang258369/11983321" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-11983321-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/ang258369/11983321"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/ang258369/11983321" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-11983321-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/ang258369/11983321"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-11983321-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-11983321-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>html5</em>常用<em>标签</em>.txt</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">11-18</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/ang258369/11983321" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-5-11983321-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"5","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/ang258369/11983321"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-11983321-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-5-11983321-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">1. **`<i>`**: 斜体<em>标签</em>，用于斜体显示文本。 2. **`<b>`**: 加粗<em>标签</em>，用于加粗文本。 3. **`<big>`**: 大字体<em>标签</em>，用于增大文本大小。 4. **`<small>`**: 小字体<em>标签</em>，用于缩小文本大小。 5. **`<mark>`*...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/weixin_38593738/13680916" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-13680916-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38593738/13680916"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/weixin_38593738/13680916" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-13680916-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38593738/13680916"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-13680916-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-13680916-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML</em> <em>head</em> 头<em>标签</em>详细介绍</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">12-13</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/weixin_38593738/13680916" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-download-2~default~OPENSEARCH~Rate-6-13680916-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"6","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_38593738/13680916"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-13680916-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-6-13680916-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">在本文中，我们将深入探讨<<em>head</em>><em>标签</em>中的常见元素及其用途。 首先，DOCTYPE声明是每个<em>HTML</em>文档的起点，它告诉浏览器文档遵循的<em>HTML</em>或X<em>HTML</em>规范。例如，<em>HTML5</em>的DOCTYPE声明是`<!doctype <em>html</em>>`，而<em>HTML</em>4.01有三种...</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/zbgjhy88/11465295" 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-11465295-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/zbgjhy88/11465295"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/zbgjhy88/11465295" 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-11465295-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/zbgjhy88/11465295"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-11465295-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-11465295-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em><em>标签</em>速查表.pdf</div> </a> </div> <div class="info-box display-flex"> <div class="info display-flex"> <span class="info-block">08-02</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/zbgjhy88/11465295" 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-11465295-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"7","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/zbgjhy88/11465295"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-11465295-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-7-11465295-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML5</em>（HyperText Markup Language, 超文本标记语言），是用于...需要注意的是，某些<em>标签</em>如<center>和<font>在<em>HTML5</em>中不再推荐使用，而有些<em>标签</em>如<video>和<audio>则是<em>HTML5</em>新增的，为网页提供了更多丰富的媒体支持。</div> </a> </div> </div> </div> <div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/kedahaitao/8848509" 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-8848509-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/kedahaitao/8848509"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://download.csdn.net/download/kedahaitao/8848509" 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-8848509-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/kedahaitao/8848509"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8848509-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8848509-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <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 display-flex"> <span class="info-block">06-28</span> </div> </div> </div> <div class="desc-box"> <a href="https://download.csdn.net/download/kedahaitao/8848509" 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-8848509-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"8","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/kedahaitao/8848509"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8848509-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-8-8848509-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">- `<i>`：表示斜体的文本。 - `<small>`：表示小号文本。 - `<s>`：表示已删除的文本。 - `<u>`：表示下划线的文本。 - `<sub>`：表示下标文本。 - `<sup>`：表示上标文本。 **3. 表单** - `<form>`：定义表单。 -...</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.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-127117017-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"9","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.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-127117017-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_49346755/article/details/127117017"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-127117017-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-127117017-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>html5</em> <em>head</em><em>标签</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=""> 731 </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.9","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-9-127117017-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"9","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_49346755/article/details/127117017"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-127117017-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-127117017-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em>> <em>标签</em>是所有头部<em>标签</em>的容器。 <em>标签</em>必须包含文档的标题，可以包含脚本、样式、meta 信息以及其他更多的信息。<em>标签</em>中一般可以包含以下<em>标签</em>：、、、、、。<em>标签</em>提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。<em>标签</em>用于为页面中的所有相对链接设置默认URL或默认target属性。</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/weixin_29305313/article/details/117888469" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-117888469-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29305313/article/details/117888469"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_29305313/article/details/117888469" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-117888469-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29305313/article/details/117888469"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-117888469-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-117888469-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>html5</em> <em>head</em>写法,<em>HTML5</em> 教程之<em>HTML</em> <<em>head</em>> <em>标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_29305313" target="_blank"><span class="blog-title">weixin_29305313的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">06-09</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 228 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_29305313/article/details/117888469" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.10","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-10-117888469-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"10","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_29305313/article/details/117888469"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-117888469-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-10-117888469-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em><em>标签</em>实例一份在头部带有 <em>标签</em>的 <em>HTML</em> 文档：文档标题文档内容......尝试一下 »(更多实例见页面底部)浏览器支持所有主流浏览器都支持 <em>标签</em>。<em>标签</em>定义及使用说明以下列出的元素能被用在 元素内部：(在头部中，这个元素是必需的)<em>HTML</em> 4.01 与 <em>HTML5</em>之间的差异<em>HTML5</em> 不再支持 profile 属性。属性属性值描述profileURL<em>HTML5</em> 不支持。...</div> </a> </div> </div> </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.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-122389401-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"11","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.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-122389401-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/YZL40514131/article/details/122389401"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-122389401-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-122389401-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>各种<em>标签</em>总结（<em>HTML</em>、<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=""> 1861 </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.11","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-11-122389401-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"11","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/YZL40514131/article/details/122389401"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-122389401-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-11-122389401-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">一、<em>HTML</em><em>标签</em> 定义 <em>HTML</em> 文档，这个元素我们浏览器看到后就明白这是个<em>HTML</em>文档了，所以你的其它元素要包裹在它里面，<em>标签</em>限定了文档的开始点和结束点，在它们之间是文档的头部和主体。 <!DOCTYPE <em>html</em>> <<em>html</em>> <<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/qq_33961117/article/details/82774331" 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-82774331-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_33961117/article/details/82774331"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/qq_33961117/article/details/82774331" 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-82774331-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_33961117/article/details/82774331"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-82774331-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-82774331-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <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/qq_33961117" target="_blank"><span class="blog-title">LIN的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">09-19</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 2567 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/qq_33961117/article/details/82774331" 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-82774331-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"12","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/qq_33961117/article/details/82774331"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-82774331-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-12-82774331-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"> 参考总结：http://www.w3school.com.cn/h.asp 目录 <em>HTML</em> and <em>HTML5</em> <em>html</em>框架 <em>html</em>头部元素（<em>head</em>内） - title：定义文档标题 - base：定义页面上所有链接的默认地址或默认目标 - target:规定在何处打开页面上的所有链接。 - link：定义文档与外部资源（外链样式表等）之间的关系 - style：定义文档...</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.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-132488069-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"13","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.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-132488069-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/delishcomcn/article/details/132488069"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-132488069-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-132488069-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1">移动<em>前端</em>不得不了解的<em>html5</em> <em>head</em> 头<em>标签</em></div> <div class="tag">最新发布</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=""> 360 </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.13","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-13-132488069-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"13","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/delishcomcn/article/details/132488069"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-132488069-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-13-132488069-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <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_30621711/article/details/96150269" 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-96150269-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30621711/article/details/96150269"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/weixin_30621711/article/details/96150269" 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-96150269-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30621711/article/details/96150269"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-96150269-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-96150269-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>HTML5</em>头部<<em>head</em>><em>标签</em>常用信息</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/weixin_30621711" target="_blank"><span class="blog-title">weixin_30621711的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">10-22</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 1814 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/weixin_30621711/article/details/96150269" 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-96150269-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"14","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/weixin_30621711/article/details/96150269"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-96150269-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-14-96150269-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">查找总结了一些<em>HTML5</em>头部<<em>head</em>><em>标签</em>常用信息，有错误的，敬请留言指正，或可以留言补充，欢迎留言交流！ <!-- 字体编码 --> <meta charset="utf-8" /> <!-- 关键字 --> <meta name="keywords" content="" /> <!-- 说明 --&gt...</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/yangbinfx/article/details/84700317" 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-84700317-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/yangbinfx/article/details/84700317"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/yangbinfx/article/details/84700317" 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-84700317-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/yangbinfx/article/details/84700317"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-84700317-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-84700317-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1">移动端web头<em>标签</em></div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/yangbinfx" target="_blank"><span class="blog-title"></span></a> </div> <div class="info display-flex"> <span class="info-block time">02-04</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 379 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/yangbinfx/article/details/84700317" 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-84700317-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"15","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/yangbinfx/article/details/84700317"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-84700317-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-15-84700317-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"> &lt;!DOCTYPE <em>html</em>&gt;&lt;!-- 使用 <em>HTML5</em> doctype，不区分大小写 --&gt; &lt;<em>html</em>lang="zh-cmn-Hans"&gt;&lt;!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --&gt; &lt;<em>head</em>&gt; &lt;!-- 声明文档使用的字符编码 --&gt; &lt;</div> </a> </div> </div> </div> <div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/sinat_34498624/article/details/72154561" 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-72154561-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/sinat_34498624/article/details/72154561"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://blog.csdn.net/sinat_34498624/article/details/72154561" 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-72154561-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/sinat_34498624/article/details/72154561"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-72154561-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-72154561-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1"><em>html5</em>-"<em>head</em>" <em>标签</em>里面应该放什么</div> </a> </div> <div class="info-box display-flex"> <div class="info"> <a href="https://blog.csdn.net/sinat_34498624" target="_blank"><span class="blog-title">健哥哥的博客</span></a> </div> <div class="info display-flex"> <span class="info-block time">05-15</span> <span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> 6540 </span> </div> </div> </div> <div class="desc-box"> <a href="https://blog.csdn.net/sinat_34498624/article/details/72154561" 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-72154561-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"16","strategy":"2~default~BlogCommendFromBaidu~Rate","dest":"https://blog.csdn.net/sinat_34498624/article/details/72154561"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-72154561-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-72154561-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1"><em>head</em>里面应该要放什么？ title Encoding（编码方式） Description（网站描述） Viewport Viewport使用 javascript文件应该放在<em>head</em>还是body，js文件<script><em>标签</em>放在<em>head</em>和body的区别 defer和async的用法和区别</div> </a> </div> </div> </div> <div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/46mj34vaw1" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-46mj34vaw1-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/46mj34vaw1"}'> <div class="content-box"> <div class="content-blog display-flex"> <div class="title-box"> <a href="https://wenku.csdn.net/doc/46mj34vaw1" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-46mj34vaw1-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/46mj34vaw1"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-46mj34vaw1-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-46mj34vaw1-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="left ellipsis-online ellipsis-online-1">消除<em>HTML</em>乱码：<META><em>标签</em>的使用与作用</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/46mj34vaw1" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-17-46mj34vaw1-blog-130097934.235^v43^pc_blog_bottom_relevance_base2\",\"dist_request_id\":\"1724077237600_30620\"}","dist_request_id":"1724077237600_30620","ab_strategy":"landing_bge","index":"17","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/46mj34vaw1"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-46mj34vaw1-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-17-46mj34vaw1-blog-130097934.235%5Ev43%5Epc_blog_bottom_relevance_base2'> <div class="desc ellipsis-online ellipsis-online-1">- 文本修饰和布局，可以使用`<B>`（加粗）、`<I>`（斜体）、`<U>`（下划线）等<em>标签</em>，以及段落`<P>`、换行`<BR>`等进行布局。 - 图像处理，`<IMG>`<em>标签</em>用于插入图像，其src属性指定图像的URL，alt属性提供替代文本。 ...</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/thgj0006" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/thgj0006","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/32a13f60c8264a28af887d26447e3bb9_thgj0006.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/thgj0006" target="_blank" class="" id="uid" title="thgj0006" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/thgj0006","ab":"new"}'> <span class="name " username="thgj0006">thgj0006</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 4年">码龄4年</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="133"> <a href="https://blog.csdn.net/thgj0006" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1"> <dt><span class="count">133</span></dt> <dd class="font">原创</dd> </a> </dl> <dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="172594"> <a href="https://blog.csdn.net/rank/list/weekly" target="_blank"> <dt><span class="count">17万+</span></dt> <dd class="font">周排名</dd> </a> </dl> <dl class="text-center" title="41576"> <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">4万+</span></dt> <dd class="font">总排名</dd> </a> </dl> <dl class="text-center" style="min-width:58px" title="102217"> <dt><span class="count">10万+</span></dt> <dd>访问</dd> </dl> <dl class="text-center" title="4级,点击查看等级说明"> <dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank"> <img class="level" src="https://csdnimg.cn/identity/blog4.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="1538"> <dt><span class="count">1538</span></dt> <dd>积分</dd> </dl> <dl class="text-center" id="fanBox" title="0"> <dt><span class="count" id="fan">0</span></dt> <dd>粉丝</dd> </dl> <dl class="text-center" title="51"> <dt><span class="count">51</span></dt> <dd>获赞</dd> </dl> <dl class="text-center" title="8"> <dt><span class="count">8</span></dt> <dd>评论</dd> </dl> <dl class="text-center" title="128"> <dt><span class="count">128</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/xinxiu@240.png" alt="新秀勋章"> </div> </div> <div class="icon-badge" title="持之以恒"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/6442aa9fc16e48d5b07a805642466ec8.png" alt="持之以恒"> </div> </div> <div class="icon-badge" title="签到新秀"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qiandao1@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/51_create.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/70592b2299594e37aedcaa91fc52a294.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/fenxiangxuetu@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/fengxiangxiaobing@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/fenxiangdaren@240.png" alt="分享达人"> </div> </div> <div class="icon-badge" title="分享精英"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangjingying@240.png" alt="分享精英"> </div> </div> <div class="icon-badge" title="分享宗师"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangzongshi@240.png" alt="分享宗师"> </div> </div> <div class="icon-badge" title="分享王者"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/fenxiangwangzhe@240.png" alt="分享王者"> </div> </div> <div class="icon-badge" title="勤写标兵"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/2c5783c5bc7d47b6898420311daccfe6.png" alt="勤写标兵"> </div> </div> <div class="icon-badge" title="创作能手"> <div class="mouse-box"> <img class="medal-img" data-report-click='{"spm":"3001.4296"}' src="https://csdnimg.cn/medal/qixiebiaobing4@240.png" alt="创作能手"> </div> </div> </div> </div> </div> <div class="profile-intro-name-boxOpration"> <div class="opt-letter-watch-box"> <a rel="nofollow" class="bt-button personal-letter" href="https://im.csdn.net/chat/thgj0006" 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/thgj0006/article/details/129578240" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/thgj0006/article/details/129578240","ab":"new"}'> HTML中如何键入空格 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">5698</span> </a> </li> <li> <a href="https://blog.csdn.net/thgj0006/article/details/128987264" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/thgj0006/article/details/128987264","ab":"new"}'> 安卓微信浏览器scrollTop <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">5252</span> </a> </li> <li> <a href="https://blog.csdn.net/thgj0006/article/details/129610640" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/thgj0006/article/details/129610640","ab":"new"}'> 程序员必须知道的HTML常用代码有哪些？ <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">4759</span> </a> </li> <li> <a href="https://blog.csdn.net/thgj0006/article/details/129646610" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/thgj0006/article/details/129646610","ab":"new"}'> HTML滚动条样式代码及使用技巧 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">4015</span> </a> </li> <li> <a href="https://blog.csdn.net/thgj0006/article/details/129632311" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/thgj0006/article/details/129632311","ab":"new"}'> HTML文本框参考样式及常见操作技巧大全 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">4006</span> </a> </li> </ul> </div> </div> <div id="asideCategory" class="aside-box "> <h3 class="aside-title">分类专栏</h3> <div class="aside-content"> <ul> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_12215262.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_12215262.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"> html </span> </a> <span class="special-column-num">118篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_12193345.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_12193345.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"> csdn </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470643.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470643.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"> 6013 </span> </a> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470644.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470644.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"> 2223 </span> </a> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470689.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470689.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"> 600k </span> </a> </li> </ul> </div> </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/thgj0006/article/details/134778649#comments_30142044" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/134778649#comments_30142044","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/134778649#comments_30142044","ab":"new"}'>IPC/WHMA-A-620E- CN 中文版 2022 线缆及线束组件的要求与验收 ,已经发布</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/m0_67373485" class="user-name" target="_blank">Red Car: </a> <span class="code-comments">谢谢，非常不错。</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/thgj0006/article/details/130458156#comments_26817626" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/130458156#comments_26817626","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/130458156#comments_26817626","ab":"new"}'>HTML5 ＜select＞ 标签</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/community_717" class="user-name" target="_blank">CSDN-Ada助手: </a> <span class="code-comments">恭喜你，获得了 2023 博客之星评选的入围资格，请看这个帖子 （https://bbs.csdn.net/topics/615663851?utm_source=blogger_star_comment）。 请在这里提供反馈： https://blogdev.blog.csdn.net/article/details/129986459?utm_source=blogger_star_comment。</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/thgj0006/article/details/129610654#comments_25647125" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25647125","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25647125","ab":"new"}'>全方位详解HTML常用标签</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/thgj0006" class="user-name" target="_blank">thgj0006: </a> <span class="code-comments">谢谢你的建议。</span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638547" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638547","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638547","ab":"new"}'>全方位详解HTML常用标签</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/qq_43468008" class="user-name" target="_blank">努力的clz: </a> <span class="code-comments">已经三连，欢迎博主来主页参观学习<img src="https://g.csdnimg.cn/static/face/emoji/005.png" alt='表情包' ></span> </p> </li> <li> <a class="title text-truncate" target="_blank" href="https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638537" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638537","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/thgj0006/article/details/129610654#comments_25638537","ab":"new"}'>全方位详解HTML常用标签</a> <p class="comment ellipsis"> <a href="https://blog.csdn.net/qq_43468008" class="user-name" target="_blank">努力的clz: </a> <span class="code-comments">HTML常用标签总结的很详细，不过可以再优化下博客排版<img src="https://g.csdnimg.cn/static/face/emoji/007.png" alt='表情包' ></span> </p> </li> </ul> </div> </div> <div id="asideHotArticle" class="aside-box"> <h3 class="aside-title">大家在看</h3> <div class="aside-content"> <ul class="hotArticle-list"> <li> <a href="https://blog.csdn.net/radapp/article/details/141331982" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/radapp/article/details/141331982","strategy":"202_1052723-1504458_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/radapp/article/details/141331982","strategy":"202_1052723-1504458_RCMD","ab":"new"}'> 产线一直在用的 RabbitMQ 搭建教程（含负载均衡配置，验证脚本，监控案例），偷偷抄出来的，建议收藏备用 </a> </li> <li> <a href="https://blog.csdn.net/qq_45823439/article/details/141328708" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_45823439/article/details/141328708","strategy":"202_1052723-1504459_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/qq_45823439/article/details/141328708","strategy":"202_1052723-1504459_RCMD","ab":"new"}'> 【卡码网Python基础课 21.图形的面积】 </a> </li> <li> <a href="https://blog.csdn.net/weixin_63698171/article/details/141285042" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/weixin_63698171/article/details/141285042","strategy":"202_1052723-1504438_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/weixin_63698171/article/details/141285042","strategy":"202_1052723-1504438_RCMD","ab":"new"}'> 事务 --- 详细讲解 <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt=""> <span class="read">979</span> </a> </li> <li> <a href="https://blog.csdn.net/dhdhxgx/article/details/141336225" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/dhdhxgx/article/details/141336225","strategy":"202_1052723-1504466_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/dhdhxgx/article/details/141336225","strategy":"202_1052723-1504466_RCMD","ab":"new"}'> C2M商业模式分析与运营平台建设解决方案（四） </a> </li> <li> <a href="https://blog.csdn.net/dhdhxgx/article/details/141336178" target="_blank" data-report-click='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/dhdhxgx/article/details/141336178","strategy":"202_1052723-1504443_RCMD","ab":"new"}' data-report-view='{"spm":"1001.2101.3001.10093","dest":"https://blog.csdn.net/dhdhxgx/article/details/141336178","strategy":"202_1052723-1504443_RCMD","ab":"new"}'> C2M商业模式分析与运营平台建设解决方案（二） </a> </li> </ul> </div> </div> <div id="asideArchive" class="aside-box" style="display:block!important; width:300px;"> <h3 class="aside-title">最新文章</h3> <div class="aside-content"> <ul class="inf_list clearfix"> <li class="clearfix"> <a href="https://blog.csdn.net/thgj0006/article/details/137929518" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/thgj0006/article/details/137929518","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/thgj0006/article/details/137929518","ab":"new"}'>IPC最新发行了新标准：IPC-A-610J, IPC-J-STD-001J, IPC-7711/21D, IPC-2221C， -2024年</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/thgj0006/article/details/134778649" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/thgj0006/article/details/134778649","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/thgj0006/article/details/134778649","ab":"new"}'>IPC/WHMA-A-620E- CN 中文版 2022 线缆及线束组件的要求与验收 ,已经发布</a> </li> <li class="clearfix"> <a href="https://blog.csdn.net/thgj0006/article/details/130458156" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/thgj0006/article/details/130458156","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/thgj0006/article/details/130458156","ab":"new"}'>HTML5 ＜select＞ 标签</a> </li> </ul> <div class="archive-bar"></div> <div class="archive-box"> <div class="archive-list-item"><a href="https://blog.csdn.net/thgj0006?type=blog&year=2024&month=04" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/thgj0006?type=blog&year=2024&month=04"}'><span class="year">2024年</span><span class="num">1篇</span></a></div> <div class="archive-list-item"><a href="https://blog.csdn.net/thgj0006?type=blog&year=2023&month=12" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/thgj0006?type=blog&year=2023&month=12"}'><span class="year">2023年</span><span class="num">132篇</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/thgj0006/category_12215262.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_12215262.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=""> html </span> </a> <span class="special-column-num">118篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_12193345.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_12193345.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=""> csdn </span> </a> <span class="special-column-num">12篇</span> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470643.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470643.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=""> 6013 </span> </a> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470644.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470644.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=""> 2223 </span> </a> </li> <li> <a class="clearfix special-column-name" href="https://blog.csdn.net/thgj0006/category_11470689.html" data-report-click='{"mod":"popu_537","spm":"1001.2101.3001.4137","strategy":"pc付费专栏左侧入口","dest":"https://blog.csdn.net/thgj0006/category_11470689.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=""> 600k </span> </a> </li> </ul> </div> </div> </div> </div> </aside> </div> <div class="recommend-right1 align-items-stretch clearfix" id="rightAsideConcision" data-type="recommend"> <aside class="recommend-right_aside"> <div id="recommend-right-concision" > <div class='flex-column aside-box groupfile' id="groupfileConcision"> <div class="groupfile-div1"> <h3 class="aside-title">目录</h3> <div class="align-items-stretch group_item"> <div class="pos-box"> <div class="scroll-box"> <div class="toc-box"></div> </div> </div> </div> </div> </div> </div> </aside> </div> </div> <div class="mask-dark"></div> <script type="text/javascript"> var timert = setInterval(function() { sideToolbar = $(".csdn-side-toolbar"); if (sideToolbar.length > 0) { sideToolbar.css('cssText', 'bottom:64px !important;') clearInterval(timert); } }, 200); </script> <div class="skin-boxshadow"></div> <div class="directory-boxshadow"></div> <div class="comment-side-box-shadow comment-side-tit-close" id="commentSideBoxshadow"> <div class="comment-side-content"> <div class="comment-side-tit"> <span class="comment-side-tit-count">评论</span> <img class="comment-side-tit-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div> <div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none"> </div> <div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox"> <div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论 <a href="https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a> <a href="https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a> </div> <div class="comment-fold-content"></div> <div id="lookBadComment" class="look-bad-comment side-look-comment"> <a class="look-more-comment">查看更多评论<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a> </div> </div> </div> <div class="comment-rewarddialog-box"> <div class="form-box"> <div class="title-box"> 添加红包 <a class="btn-form-close"></a> </div> <form id="commentRewardForm"> <div class="ipt-box"> <label for="txtName">祝福语</label> <div class="ipt-btn-box"> <input type="text" name="name" id="txtName" autocomplete="off" maxlength="50"> <a class="btn-ipt btn-random"></a> </div> <p class="notice">请填写红包祝福语或标题</p> </div> <div class="ipt-box"> <label for="txtSendAmount">红包数量</label> <div class="ipt-txt-box"> <input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off"> <span class="after-txt">个</span> </div> <p class="notice">红包个数最小为10个</p> </div> <div class="ipt-box"> <label for="txtMoney">红包总金额</label> <div class="ipt-txt-box error"> <input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off"> <span class="after-txt">元</span> </div> <p class="notice">红包金额最低5元</p> </div> <div class="balance-info-box"> <label>余额支付</label> <div class="balance-info"> 当前余额<span class="balance">3.43</span>元 <a href="https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a> </div> </div> <div class="opt-box"> <div class="pay-info"> 需支付：<span class="price">10.00</span>元 </div> <button type="button" class="ml-auto btn-cancel">取消</button> <button type="button" class="ml8 btn-submit" disabled="true">确定</button> </div> </form> </div> </div> <div class="rr-guide-box"> <div class="rr-first-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt=""> <button class="btn-guide-known next">下一步</button> </div> <div class="rr-second-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt=""> <button class="btn-guide-known known">知道了</button> </div> </div> </div> <div class="redEnvolope" id="redEnvolope"> <div class="env-box"> <div class="env-container"> <div class="pre-open" id="preOpen"> <div class="top"> <header> <img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" /> <div class="author">成就一亿技术人!</div> </header> <div class="bot-icon"></div> </div> <footer> <div class="red-openbtn open-start"></div> <div class="tip"> 领取后你会自动成为博主和红包主的粉丝 <a class="rule" target="_blank">规则</a> </div> </footer> </div> <div class="opened" id="opened"> <div class="bot-icon"> <header> <a class="creatorUrl" href="" target="_blank"> <img class="clearTpaErr" src="https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" /> </a> <div class="author"> <div class="tt">hope_wisdom</div> 发出的红包 </div> </header> </div> <div class="receive-box"> <header></header> <div class="receive-list"> </div> </div> </div> </div> <div class="close-btn"></div> </div> </div> <div id="rewardNew" class="reward-popupbox-new"> <p class="rewad-title">打赏作者<span class="reward-close"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></span></p> <dl class="profile-box"> <dd> <a href="https://blog.csdn.net/thgj0006" data-report-click='{"mod":"popu_379","dest":"https://blog.csdn.net/thgj0006","ab":"new"}'> <img src="https://profile-avatar.csdnimg.cn/32a13f60c8264a28af887d26447e3bb9_thgj0006.jpg!1" class="avatar_pic"> </a> </dd> <dt> <p class="blog-name">thgj0006</p> <p class="blog-discript">你的鼓励将是我创作的最大动力</p> </dt> </dl> <div class="reward-box-new"> <div class="reward-content"><div class="reward-right"></div></div> </div> <div class="money-box"> <span class="choose-money choosed" data-id="1">¥1</span> <span class="choose-money " data-id="2">¥2</span> <span class="choose-money " data-id="4">¥4</span> <span class="choose-money " data-id="6">¥6</span> <span class="choose-money " data-id="10">¥10</span> <span class="choose-money " data-id="20">¥20</span> </div> <div class="sure-box"> <div class="sure-box-money"> <div class="code-box"> <div class="code-num-box"> <span class="code-name">扫码支付：</span><span class="code-num">¥1</span> </div> <div class="code-img-box"> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>获取中</span> </div> </div> <div class="code-pay-box"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newWeiXin.png" alt=""> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/newZhiFuBao.png" alt=""> <span>扫码支付</span> </div> </div> </div> <div class="sure-box-blance"> <p class="tip">您的余额不足，请更换扫码支付或<a target="_blank" data-report-click='{"mod":"1597646289_003","spm":"1001.2101.3001.4302"}' href="https://i.csdn.net/#/wallet/balance/recharge?utm_source=RewardVip" class="go-invest">充值</a></p> <p class="is-have-money"><a class="reward-sure">打赏作者</a></p> </div> </div> </div> <div class="pay-code"> <div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div> <div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div> <div class="content-code"> <div id="payCode" data-id=""> <div class="renovate"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png"> <span>点击重新获取</span> </div> </div> <div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div> </div> <div class="bt-close"> <svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12"> <defs> <style type="text/css"></style> </defs> <path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path> </svg> </div> <div class="pay-balance"> <input type="radio" class="pay-code-radio" data-type="details"> <span class="span">钱包余额</span> <span class="balance" style="color:#FC5531;font-size:14px;">0</span> <div class="pay-code-tile"> <img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt=""> <div class="pay-code-content"> <div class="span"> <p class="title">抵扣说明：</p> <p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p> </div> </div> </div> </div> <a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a> </div> <div style="display:none;"> <img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'> </div> <div class="keyword-dec-box" id="keywordDecBox"></div> </body> <!-- 富文本柱状图 --> <link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/chart.css" /> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/lib/chart.min.js"></script> <script type="text/javascript" src="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/chart/widget2chart.js"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-354ae1b335.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/atom-one-light.css"> <script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script> <script> // 全局声明 if (window.csdn === undefined) { window.csdn = {}; } window.csdn.sideToolbar = { options: { report: { isShow: true, }, qr: { isShow: false, }, guide: { isShow: true } } } $(function() { $(document).on('click', "a.option-box[data-type='report']", function() { window.csdn.loginBox.key({ biz: 'blog', subBiz: 'other_service', cb: function() { window.csdn.feedback({ "type": 'blog', "rtype": 'article', "rid": articleId, "reportedName": username, "submitOptions": { "title": articleTitle, "contentUrl": articleDetailUrl }, "callback": function() { showToast({ text: "感谢您的举报，我们会尽快审核！", bottom: '10%', zindex: 9000, speed: 500, time: 1500 }) } }) } }) }); }) </script> <script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script> <script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script> <script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script> <script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script> <script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-336f6971b5.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>