HTML是超文本标记语言，常用于创建网页。主要浏览器包括IE、Firefox、Chrome、Safari和Opera。WEB标准由W3C组织制定，确保内容在不同浏览器中统一显示，包括结构、表现和行为三个方面。HTML标签通常成对出现，基本结构包括,,
和<body>等标签。
</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="markdown_views prism-atom-one-dark">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
</svg>
<p></p>
<div class="toc">
<h4>HTML基础</h4>
<ul><li><a href="#_1" rel="nofollow">网页</a></li><li><a href="#_4" rel="nofollow">常用浏览器</a></li><li><a href="#WEB_11" rel="nofollow">WEB标准</a></li><li><a href="#HTML_21" rel="nofollow">HTML语法规范</a></li><li><a href="#HTML_29" rel="nofollow">HTML基本结构标签（骨架标签）</a></li></ul>
</div>
<p></p>
<h2><a id="_1"></a>网页</h2>
<p>html：hyper text markup language，超文本<em><strong>标记</strong></em>语言</p>
<h2><a id="_4"></a>常用浏览器</h2>
<p>IE<br /> 火狐<br /> <strong>谷歌</strong>（主要使用）<br /> Safari<br /> Opera<br /> <img src="https://i-blog.csdnimg.cn/blog_migrate/0e940221508d077b8e8129331dc1dd2d.png" alt="浏览器内核" /></p>
<h2><a id="WEB_11"></a>WEB标准</h2>
<ul><li> <p>WEB标准：由W3C组织和其他标准化组织制定的一系列标准的集合；W3C（万维网联盟）是国际最著名的标准化组织</p> </li><li> <p>为什么需要使用web标准？因浏览器不同，解析出来的效果可能不一致，所以需要使用此标准用来展示统一内容</p> <p><strong><em><em>WEB标准的构成（重要！）：结构Structure、表现（Presentation）、行为（Behavior）</em></em></strong></p> </li></ul>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/ce57f8565e440e29d6f3d76d066897ea.png" alt="web标准的构成" /></p>
<h2><a id="HTML_21"></a>HTML语法规范</h2>
<ul><li>HTML标签由尖括号包围的关键词，如</li><li>HTML标签通常是成对出现的，如</li><li>有些特殊标签必须是单个标签（很少），如<br />，为单标签</li><li>双标签关系分为两类：包含关系和并列关系<br /> <img src="https://i-blog.csdnimg.cn/blog_migrate/e921c5130ebc0349b6bff6fcec3d1c95.png" alt="双标签关系" /><br /> <img src="https://i-blog.csdnimg.cn/blog_migrate/884fcf25cd59ae4d34d38d97aa8fe071.png" alt="两种关系" /></li></ul>
<h2><a id="HTML_29"></a>HTML基本结构标签（骨架标签）</h2>
<pre><code class="prism language-javascript"><span class="token operator"><</span>html<span class="token operator">></span>
<span class="token operator"><</span>head<span class="token operator">></span>
<span class="token operator"><</span>title<span class="token operator">></span><span class="token constant">HTML</span> <span class="token function">Structure</span><span class="token punctuation">(</span>这是网页的标题<span class="token punctuation">)</span> <span class="token operator"><</span><span class="token operator">/</span>title<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>head<span class="token operator">></span>
<span class="token operator"><</span>body<span class="token operator">></span>
the main words
<span class="token operator"><</span><span class="token operator">/</span>body<span class="token operator">></span>
<span class="token operator"><</span><span class="token operator">/</span>html<span class="token operator">></span>
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/f84aed47eaba82bab0bb85d7e01e92f7.png" alt="html结构标签" /><br /> <img src="https://i-blog.csdnimg.cn/blog_migrate/06f1955356458317d76ad39273428175.png" alt="html结构标签" /></p>
</div>
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-f23dff6052.css" rel="stylesheet">
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-c216769e99.css" rel="stylesheet">
</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/Sakura_0413"><img class="profile-img" src="https://profile-avatar.csdnimg.cn/29d299e1dbc04fe6a08293217786e5d2_sakura_0413.jpg!1">
<span class="profile-name">
Sakura_0413
</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-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">
2
</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/29d299e1dbc04fe6a08293217786e5d2_sakura_0413.jpg!1" alt="">
<div class="share-tit">
HTML基础
</div>
<div class="share-dec">
Html 相关基础
</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>
</div>
</div>
<script type=text/javascript crossorigin src="https://csdnimg.cn/release/phoenix/production/qrcode-7c90a92189.min.js"></script>
<script src="//g.csdnimg.cn/??sharewx/1.2.1/sharewx.js" type="text/javascript"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/collection-box/2.1.2/collection-box.js"></script> <div class="first-recommend-box recommend-box ">
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/yangyangsasa66/10241584" data-report-view='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-download-2~default~OPENSEARCH~Rate-1-10241584-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/yangyangsasa66/10241584"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/yangyangsasa66/10241584" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-download-2~default~OPENSEARCH~Rate-1-10241584-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/yangyangsasa66/10241584"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-10241584-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-10241584-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>基础</em>笔记</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">02-06</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/yangyangsasa66/10241584" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6661.1","mod":"popu_871","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant_t0.none-task-download-2~default~OPENSEARCH~Rate-1-10241584-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/yangyangsasa66/10241584"}' data-report-query='spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-10241584-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant_t0.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-10241584-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em> <em>基础</em>知识笔记<em>HTML</em> <em>基础</em>知识笔记<em>HTML</em> <em>基础</em>知识笔记<em>HTML</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_download clearfix" data-url="https://download.csdn.net/download/weixin_39840914/11401715" 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-download-2~default~OPENSEARCH~Rate-1-11401715-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_39840914/11401715"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/weixin_39840914/11401715" 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-download-2~default~OPENSEARCH~Rate-1-11401715-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_39840914/11401715"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-11401715-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-11401715-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>基础</em>教程</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">07-22</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/weixin_39840914/11401715" 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-download-2~default~OPENSEARCH~Rate-1-11401715-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"1","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_39840914/11401715"}' data-report-query='spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-11401715-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-1-11401715-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">资源名称：<em>html</em><em>基础</em>教程内容简介：<em>HTML</em><em>基础</em>-第一讲<em>HTML</em><em>基础</em>-第二讲<em>HTML</em><em>基础</em>第三讲---字体<em>HTML</em><em>基础</em>第四讲---图像<em>HTML</em><em>基础</em>第五讲---控制表格及其表项的对齐方式<em>HTML</em><em>基础</em>第六讲---表格<em>HTML</em><em>基础</em>第七讲---框架<em>HTML</em><em>基础</em>第...</div>
</a>
</div>
</div>
</div>
</div>
<a id="commentBox" name="commentBox"></a>
<div id="pcCommentBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none">
<div class="unlogin-comment-model">
<span class="unlogin-comment-tit">2 条评论</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_download clearfix" data-url="https://download.csdn.net/download/weixin_45807026/57502614" 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-download-2~default~OPENSEARCH~Rate-2-57502614-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_45807026/57502614"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/weixin_45807026/57502614" 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-download-2~default~OPENSEARCH~Rate-2-57502614-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_45807026/57502614"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-2-57502614-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-2-57502614-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>基础</em>.xmind</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">12-07</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/weixin_45807026/57502614" 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-download-2~default~OPENSEARCH~Rate-2-57502614-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"2","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/weixin_45807026/57502614"}' data-report-query='spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-2-57502614-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-2-57502614-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em><em>基础</em>.xmind</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_download clearfix" data-url="https://download.csdn.net/download/angelcfx/11128814" 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-download-2~default~OPENSEARCH~Rate-3-11128814-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/angelcfx/11128814"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://download.csdn.net/download/angelcfx/11128814" 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-download-2~default~OPENSEARCH~Rate-3-11128814-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/angelcfx/11128814"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-3-11128814-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-3-11128814-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em><em>基础</em>整理</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block">04-19</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://download.csdn.net/download/angelcfx/11128814" 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-download-2~default~OPENSEARCH~Rate-3-11128814-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"3","strategy":"2~default~OPENSEARCH~Rate","dest":"https://download.csdn.net/download/angelcfx/11128814"}' data-report-query='spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-3-11128814-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-download-2%7Edefault%7EOPENSEARCH%7ERate-3-11128814-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">整理一些<em>html</em>常用的<em>基础</em>的标签作用与其网页的展示效果非常<em>基础</em>，简单易懂</div>
</a>
</div>
</div>
</div>
<dl id="recommend-item-box-tow" class="recommend-item-box type_blog clearfix">
</dl>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/LEECOO666/article/details/141004740" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-4-141004740-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/LEECOO666/article/details/141004740"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/LEECOO666/article/details/141004740" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-4-141004740-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/LEECOO666/article/details/141004740"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-4-141004740-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-4-141004740-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">剖析<em>HTML</em> 元素——WEB开发系列02</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/LEECOO666" target="_blank"><span class="blog-title">一条晒干的咸鱼的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
819
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/LEECOO666/article/details/141004740" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.4","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-4-141004740-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"4","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/LEECOO666/article/details/141004740"}' data-report-query='spm=1001.2101.3001.6650.4&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-4-141004740-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-4-141004740-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>元素是构成<em>HTML</em>文档结构的基本单位，定义了页面上的不同部分和内容。<em>HTML</em>元素可以包含不同类型的内容，如文本、图片、链接、表格等，每种元素都有其特定的用途和语义。通过组合和嵌套不同的<em>HTML</em>元素，可以创建复杂的网页结构和布局。一、<em>HTML</em> 元素语法<em>HTML</em> 元素以开始标签起始<em>HTML</em> 元素以结束标签终止元素的内容...</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://guokliu.blog.csdn.net/article/details/141097080" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-5-141097080-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BLOGTAG~default","dest":"https://guokliu.blog.csdn.net/article/details/141097080"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://guokliu.blog.csdn.net/article/details/141097080" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-5-141097080-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BLOGTAG~default","dest":"https://guokliu.blog.csdn.net/article/details/141097080"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-5-141097080-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-5-141097080-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">240810-Gradio通过<em>HTML</em>组件打开本地文件+防止网页跳转到about:blank</div>
<div class="tag">最新发布</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_33039859" target="_blank"><span class="blog-title">专注机器学习之路</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-10</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
125
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://guokliu.blog.csdn.net/article/details/141097080" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.5","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-5-141097080-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"5","strategy":"2~default~BLOGTAG~default","dest":"https://guokliu.blog.csdn.net/article/details/141097080"}' data-report-query='spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-5-141097080-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-5-141097080-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">这个代码改动后，你应该能够实现点击 <em>HTML</em> 组件后仅打开指定的 PPTX 文件，而不会跳转到空白页面。为了防止每次点击 <em>HTML</em> 组件后自动跳转到。，以防止默认的跳转行为。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://east196.blog.csdn.net/article/details/140993493" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-6-140993493-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BLOGTAG~default","dest":"https://east196.blog.csdn.net/article/details/140993493"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://east196.blog.csdn.net/article/details/140993493" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-6-140993493-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BLOGTAG~default","dest":"https://east196.blog.csdn.net/article/details/140993493"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-6-140993493-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-6-140993493-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">探索Python的文本转换魔法：<em>html</em>2text库的奥秘</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/u010764910" target="_blank"><span class="blog-title">AIGC搞起</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
709
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://east196.blog.csdn.net/article/details/140993493" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.6","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-6-140993493-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"6","strategy":"2~default~BLOGTAG~default","dest":"https://east196.blog.csdn.net/article/details/140993493"}' data-report-query='spm=1001.2101.3001.6650.6&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-6-140993493-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-6-140993493-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">以下是<em>html</em>2text库中一些基本函数的使用示例，每个示例都附有代码和逐行说明。基本转换这段代码将一个简单的<em>HTML</em>文档转换为文本。忽略链接设置可以忽略<em>HTML</em>中的链接。自定义样式使用baseurl参数可以为相对URL添加<em>基础</em>URL。使用Unicode字符设置会使用Unicode字符代替某些<em>HTML</em>实体。处理表格参数可以设置表格的宽度。<em>html</em>2text是一个功能强大且易于使用的Python库，它能够帮助开发者在多种场景下将<em>HTML</em>内容转换为文本。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_36973384/article/details/140872050" 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-blog-2~default~BLOGTAG~default-7-140872050-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_36973384/article/details/140872050"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_36973384/article/details/140872050" 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-blog-2~default~BLOGTAG~default-7-140872050-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_36973384/article/details/140872050"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-7-140872050-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-7-140872050-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>Html</em>实现全国省市区三级联动</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_36973384" target="_blank"><span class="blog-title">qq_36973384的博客</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="">
542
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_36973384/article/details/140872050" 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-blog-2~default~BLOGTAG~default-7-140872050-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"7","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_36973384/article/details/140872050"}' data-report-query='spm=1001.2101.3001.6650.7&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-7-140872050-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-7-140872050-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">关键技术：SpringBoot、<em>Html</em>、Jquery、js、ajax在网上找到的资料都比较乱，对于初学者来说，可能不太友好。以前，我刚开始学习<em>Html</em>的时候，也搞不清楚这个要怎么做，找了好久的资料都没法实现，就算是实现了，也没有完整的教程，现在实现了，整理好了，就想分享一下给每一位热爱编程的小伙伴。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/m0_51354601/article/details/140999026" 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-blog-2~default~BLOGTAG~default-8-140999026-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/m0_51354601/article/details/140999026"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/m0_51354601/article/details/140999026" 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-blog-2~default~BLOGTAG~default-8-140999026-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/m0_51354601/article/details/140999026"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-8-140999026-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-8-140999026-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">用koa2 和 <em>html</em> <em>javascript</em>做了一个视频列表功能</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/m0_51354601" target="_blank"><span class="blog-title">m0_51354601的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
238
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/m0_51354601/article/details/140999026" 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-blog-2~default~BLOGTAG~default-8-140999026-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"8","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/m0_51354601/article/details/140999026"}' data-report-query='spm=1001.2101.3001.6650.8&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-8-140999026-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-8-140999026-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">其中nodejs中使用 fluent-ffmpeg 要和ffmpeg软件一起使用。主要功能就是在网页中能够看到视频图片的缩略图。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://yjtzfywh.blog.csdn.net/article/details/140995742" 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~BLOGTAG~default-9-140995742-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BLOGTAG~default","dest":"https://yjtzfywh.blog.csdn.net/article/details/140995742"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://yjtzfywh.blog.csdn.net/article/details/140995742" 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~BLOGTAG~default-9-140995742-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BLOGTAG~default","dest":"https://yjtzfywh.blog.csdn.net/article/details/140995742"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-9-140995742-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-9-140995742-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">使用Gin框架返回JSON、XML和<em>HTML</em>数据</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_29752857" target="_blank"><span class="blog-title">一起coding，一起嗨。</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
693
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://yjtzfywh.blog.csdn.net/article/details/140995742" 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~BLOGTAG~default-9-140995742-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"9","strategy":"2~default~BLOGTAG~default","dest":"https://yjtzfywh.blog.csdn.net/article/details/140995742"}' data-report-query='spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-9-140995742-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-9-140995742-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">使用Gin框架返回JSON、XML和<em>HTML</em>数据</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/tinga_kilin/article/details/140995975" 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~BLOGTAG~default-10-140995975-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/tinga_kilin/article/details/140995975"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/tinga_kilin/article/details/140995975" 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~BLOGTAG~default-10-140995975-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/tinga_kilin/article/details/140995975"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-10-140995975-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-10-140995975-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">python.tkinter设计标记语言(转译2-<em>html</em>)</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/tinga_kilin" target="_blank"><span class="blog-title">tinga_kilin的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
584
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/tinga_kilin/article/details/140995975" 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~BLOGTAG~default-10-140995975-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"10","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/tinga_kilin/article/details/140995975"}' data-report-query='spm=1001.2101.3001.6650.10&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-10-140995975-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-10-140995975-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">本文只作为笔记记录。本文我们将实现把Tin标记文本转为<em>html</em>文本</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985" 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~BLOGTAG~default-11-141019985-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985" 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~BLOGTAG~default-11-141019985-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-11-141019985-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-11-141019985-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">创建一个简单的贪吃蛇游戏：<em>HTML</em>、CSS和<em>JavaScript</em>教程</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/Mr_Zhangyuge" target="_blank"><span class="blog-title">Mr_Zhangyuge的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-08</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1058
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985" 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~BLOGTAG~default-11-141019985-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"11","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/Mr_Zhangyuge/article/details/141019985"}' data-report-query='spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-11-141019985-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-11-141019985-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">在本教程中，我们将逐步构建一个简单的贪吃蛇游戏。这个项目适合初学者，可以帮助你理解<em>HTML</em>、CSS和<em>JavaScript</em>的<em>基础</em>知识，并掌握如何将它们结合起来创建一个完整的游戏。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_45444035/article/details/140995638" 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~BLOGTAG~default-12-140995638-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45444035/article/details/140995638"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_45444035/article/details/140995638" 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~BLOGTAG~default-12-140995638-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45444035/article/details/140995638"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-12-140995638-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-12-140995638-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">vue中v-<em>html</em> 后端返回<em>html</em> + script js中click事件不生效</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_45444035" target="_blank"><span class="blog-title">记录常见的问题以及解决办法</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-07</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
189
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_45444035/article/details/140995638" 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~BLOGTAG~default-12-140995638-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"12","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_45444035/article/details/140995638"}' data-report-query='spm=1001.2101.3001.6650.12&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-12-140995638-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-12-140995638-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">思路：
1.获取到后端返回的<em>html</em>
2.通过正则表达式 之后 截取script 中的 js 逻辑
3.获取body标签 之后创建一个 script 标签
4.把我们截取的 script中的代码放到我们创建的 script标签中
5.把script标签 放到body中</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/2302_78076476/article/details/141090970" 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~BLOGTAG~default-13-141090970-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2302_78076476/article/details/141090970"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/2302_78076476/article/details/141090970" 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~BLOGTAG~default-13-141090970-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2302_78076476/article/details/141090970"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-13-141090970-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-13-141090970-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em>超文本标记语言 (HyperText Mark up Language)</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/2302_78076476" target="_blank"><span class="blog-title">2302_78076476的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-10</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
122
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/2302_78076476/article/details/141090970" 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~BLOGTAG~default-13-141090970-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"13","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/2302_78076476/article/details/141090970"}' data-report-query='spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-13-141090970-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-13-141090970-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>（超文本标记语言）是构建网页的标准标记语言。它为网页提供结构和内容，允许开发者创建各种元素，比如文本、图像、链接、表格和表单等。是网页的基本骨架。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ZYH_5201314/article/details/141093153" 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~BLOGTAG~default-14-141093153-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ZYH_5201314/article/details/141093153"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/ZYH_5201314/article/details/141093153" 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~BLOGTAG~default-14-141093153-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ZYH_5201314/article/details/141093153"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141093153-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141093153-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1">基于<em>HTML</em>弹性布局做的支付宝界面</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/ZYH_5201314" target="_blank"><span class="blog-title">ZYH_5201314的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-10</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
101
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/ZYH_5201314/article/details/141093153" 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~BLOGTAG~default-14-141093153-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"14","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ZYH_5201314/article/details/141093153"}' data-report-query='spm=1001.2101.3001.6650.14&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141093153-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-14-141093153-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1">里面寻找，这类图标跟文字一样可以设置大小、文本居中之类的，并不算严格意义上的图片，废话不多说，直接上成果和代码。里面有一些语言图标，想用的可以去。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/ckx0703/article/details/140963843" 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~BLOGTAG~default-15-140963843-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ckx0703/article/details/140963843"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/ckx0703/article/details/140963843" 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~BLOGTAG~default-15-140963843-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ckx0703/article/details/140963843"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140963843-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140963843-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em>&CSS</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/ckx0703" target="_blank"><span class="blog-title">ckx0703的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-06</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1075
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/ckx0703/article/details/140963843" 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~BLOGTAG~default-15-140963843-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"15","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/ckx0703/article/details/140963843"}' data-report-query='spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140963843-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-15-140963843-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>html</em>：超文本标记语言——负责网页的结构css：层叠样式表——页面显示的样式、排版js：<em>JavaScript</em>——界面交互（动态交互、逻辑）</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://blog.csdn.net/qq_55332182/article/details/140946383" 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~BLOGTAG~default-16-140946383-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_55332182/article/details/140946383"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://blog.csdn.net/qq_55332182/article/details/140946383" 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~BLOGTAG~default-16-140946383-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_55332182/article/details/140946383"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140946383-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140946383-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>html</em>语法</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/qq_55332182" target="_blank"><span class="blog-title">羽墨墨的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-06</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
344
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://blog.csdn.net/qq_55332182/article/details/140946383" 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~BLOGTAG~default-16-140946383-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"16","strategy":"2~default~BLOGTAG~default","dest":"https://blog.csdn.net/qq_55332182/article/details/140946383"}' data-report-query='spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140946383-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-16-140946383-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>5 和 CSS3 是 Web 开发领域中的两个重要标准，它们带来了许多新功能和改进，使得开发者能够创建更加丰富和交互式的网页应用。以下是这两个标准的一些重要特性和示例。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_blog clearfix" data-url="https://gisjing.blog.csdn.net/article/details/140967782" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-140967782-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://gisjing.blog.csdn.net/article/details/140967782"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://gisjing.blog.csdn.net/article/details/140967782" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-140967782-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://gisjing.blog.csdn.net/article/details/140967782"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140967782-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140967782-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"><em>HTML</em><em>前端</em>面试<em>基础</em>（一）</div>
</a>
</div>
<div class="info-box display-flex">
<div class="info">
<a href="https://blog.csdn.net/m0_55049655" target="_blank"><span class="blog-title">警警的博客</span></a>
</div>
<div class="info display-flex">
<span class="info-block time">08-06</span>
<span class="info-block read"><img class="read-img" src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
1144
</span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://gisjing.blog.csdn.net/article/details/140967782" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.17","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-blog-2~default~BLOGTAG~default-17-140967782-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"17","strategy":"2~default~BLOGTAG~default","dest":"https://gisjing.blog.csdn.net/article/details/140967782"}' data-report-query='spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140967782-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBLOGTAG%7Edefault-17-140967782-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"><em>HTML</em>面试题可以涵盖多个方面，包括<em>HTML</em><em>基础</em>、<em>HTML</em>5新特性、标签语义化、元素分类、属性理解等。</div>
</a>
</div>
</div>
</div>
<div class="recommend-item-box type_c_download clearfix" data-url="https://wenku.csdn.net/doc/7cdttfm9fx" data-report-view='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-7cdttfm9fx-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/7cdttfm9fx"}'>
<div class="content-box">
<div class="content-blog display-flex">
<div class="title-box">
<a href="https://wenku.csdn.net/doc/7cdttfm9fx" class="tit" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-7cdttfm9fx-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/7cdttfm9fx"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-7cdttfm9fx-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-7cdttfm9fx-blog-129176568.235%5Ev43%5Econtrol'>
<div class="left ellipsis-online ellipsis-online-1"></div>
</a>
</div>
<div class="info-box display-flex">
<div class="info display-flex">
<span class="info-block"></span>
</div>
</div>
</div>
<div class="desc-box">
<a href="https://wenku.csdn.net/doc/7cdttfm9fx" target="_blank" data-report-click='{"ab":"new","spm":"1001.2101.3001.6650.18","mod":"popu_387","extra":"{\"highlightScore\":0.0,\"utm_medium\":\"distribute.pc_relevant.none-task-c_download-2~default~OPENSEARCH~Position-18-7cdttfm9fx-blog-129176568.235^v43^control\",\"dist_request_id\":\"1723349721019_99468\"}","dist_request_id":"1723349721019_99468","ab_strategy":"increase_t0_anti_vip","index":"18","strategy":"2~default~OPENSEARCH~Position","dest":"https://wenku.csdn.net/doc/7cdttfm9fx"}' data-report-query='spm=1001.2101.3001.6650.18&utm_medium=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-7cdttfm9fx-blog-129176568.235%5Ev43%5Econtrol&depth_1-utm_source=distribute.pc_relevant.none-task-c_download-2%7Edefault%7EOPENSEARCH%7EPosition-18-7cdttfm9fx-blog-129176568.235%5Ev43%5Econtrol'>
<div class="desc ellipsis-online ellipsis-online-1"></div>
</a>
</div>
</div>
</div>
</div>
<div class="blog-footer-bottom" style="margin-top:10px;"></div>
<script src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" type="text/javascript"></script>
<script type="text/javascript">
window.csdn.csdnFooter.options = {
el: '.blog-footer-bottom',
type: 2
}
</script> </main>
<aside class="blog_container_aside">
<div id="asideProfile" class="aside-box">
<div class="profile-intro d-flex">
<div class="avatar-box d-flex justify-content-center flex-column">
<a href="https://blog.csdn.net/Sakura_0413" target="_blank" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4121","dest":"https://blog.csdn.net/Sakura_0413","ab":"new"}'>
<img src="https://profile-avatar.csdnimg.cn/29d299e1dbc04fe6a08293217786e5d2_sakura_0413.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/Sakura_0413" target="_blank" class="" id="uid" title="Sakura_0413" data-report-click='{"mod":"popu_379","spm":"1001.2101.3001.4122","dest":"https://blog.csdn.net/Sakura_0413","ab":"new"}'>
<span class="name " username="Sakura_0413">Sakura_0413</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 1年">码龄1年</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="32">
<a href="https://blog.csdn.net/Sakura_0413" data-report-click='{"mod":"1598321000_001","spm":"1001.2101.3001.4310"}' data-report-query="t=1">
<dt><span class="count">32</span></dt>
<dd class="font">原创</dd>
</a>
</dl>
<dl class="text-center" data-report-click='{"mod":"1598321000_002","spm":"1001.2101.3001.4311"}' title="1383349">
<a href="https://blog.csdn.net/rank/list/weekly" target="_blank">
<dt><span class="count">138万+</span></dt>
<dd class="font">周排名</dd>
</a>
</dl>
<dl class="text-center" title="1514793">
<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">151万+</span></dt>
<dd class="font">总排名</dd>
</a>
</dl>
<dl class="text-center" style="min-width:58px" title="5158">
<dt><span class="count">5158</span></dt>
<dd>访问</dd>
</dl>
<dl class="text-center" title="2级,点击查看等级说明">
<dt><a href="https://blog.csdn.net/blogdevteam/article/details/103478461" target="_blank">
<img class="level" src="https://csdnimg.cn/identity/blog2.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="323">
<dt><span class="count">323</span></dt>
<dd>积分</dd>
</dl>
<dl class="text-center" id="fanBox" title="1">
<dt><span class="count" id="fan">1</span></dt>
<dd>粉丝</dd>
</dl>
<dl class="text-center" title="3">
<dt><span class="count">3</span></dt>
<dd>获赞</dd>
</dl>
<dl class="text-center" title="6">
<dt><span class="count">6</span></dt>
<dd>评论</dd>
</dl>
<dl class="text-center" title="4">
<dt><span class="count">4</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/f10c883cfd674a3e9217683e8cd55511.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/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/Sakura_0413" 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/Sakura_0413/article/details/129296845" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Sakura_0413/article/details/129296845","ab":"new"}'>
CSS盒子模型、圆角边框、盒子阴影
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">859</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/Sakura_0413/article/details/129257108" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Sakura_0413/article/details/129257108","ab":"new"}'>
CSS复合选择器、元素的显示模式、背景图片的设置
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">445</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/Sakura_0413/article/details/129184582" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Sakura_0413/article/details/129184582","ab":"new"}'>
HTML常用标签
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">439</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/Sakura_0413/article/details/129182323" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Sakura_0413/article/details/129182323","ab":"new"}'>
VS Code及其相关插件的安装
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">364</span>
</a>
</li>
<li>
<a href="https://blog.csdn.net/Sakura_0413/article/details/130131917" target="_blank" data-report-click='{"mod":"popu_541","spm":"1001.2101.3001.4139","dest":"https://blog.csdn.net/Sakura_0413/article/details/130131917","ab":"new"}'>
Vue——Vue核心：模板语法、数据绑定、MVVM模型、数据代理、事件处理、计算监视属性
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png" alt="">
<span class="read">304</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/Sakura_0413/article/details/130131917#comments_26466312" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/130131917#comments_26466312","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/130131917#comments_26466312","ab":"new"}'>Vue——Vue核心：模板语法、数据绑定、MVVM模型、数据代理、事件处理、计算监视属性</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/615211161?utmsource=blogger_star_comment）。 请在这里提供反馈： https://blogdev.blog.csdn.net/article/details/129986459?utmsource=blogger_star_comment。</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Sakura_0413/article/details/129184582#comments_25336401" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129184582#comments_25336401","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129184582#comments_25336401","ab":"new"}'>HTML常用标签</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">有人用过Flutter+Dart组合么？</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323221" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323221","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323221","ab":"new"}'>VS Code及其相关插件的安装</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">现在还有很多学校的学生用Dev-C++这种古老的工具，或者 code::block ，不知道你会推荐他们用什么来写C++？</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323220" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323220","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129182323#comments_25323220","ab":"new"}'>VS Code及其相关插件的安装</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">现在还有很多学校的学生用Dev-C++这种古老的工具，或者 code::block ，不知道你会推荐他们用什么来写C++？</span>
</p>
</li>
<li>
<a class="title text-truncate" target="_blank" href="https://blog.csdn.net/Sakura_0413/article/details/129176568#comments_25322840" data-report-click='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129176568#comments_25322840","ab":"new"}' data-report-view='{"mod":"popu_542","spm":"1001.2101.3001.4231","dest":"https://blog.csdn.net/Sakura_0413/article/details/129176568#comments_25322840","ab":"new"}'>HTML基础</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">Vue的响应式原理和双向数据绑定的区别是什么？</span>
</p>
</li>
</ul>
</div>
</div>
<div id="asideArchive" class="aside-box" style=" 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/Sakura_0413/article/details/132169233" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132169233","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132169233","ab":"new"}'>Vue——vue-router</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/Sakura_0413/article/details/132057293" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132057293","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132057293","ab":"new"}'>Vue中的ajax------插槽、vuex插件</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/Sakura_0413/article/details/132042666" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132042666","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132042666","ab":"new"}'>Vue封装的动画与过渡</a>
</li>
</ul>
<div class="archive-bar"></div>
<div class="archive-box">
<div class="archive-list-item"><a href="https://blog.csdn.net/Sakura_0413?type=blog&year=2023&month=08" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/Sakura_0413?type=blog&year=2023&month=08"}'><span class="year">2023年</span><span class="num">32篇</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 id="asideArchive" class="aside-box" style=" 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/Sakura_0413/article/details/132169233" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132169233","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132169233","ab":"new"}'>Vue——vue-router</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/Sakura_0413/article/details/132057293" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132057293","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132057293","ab":"new"}'>Vue中的ajax------插槽、vuex插件</a>
</li>
<li class="clearfix">
<a href="https://blog.csdn.net/Sakura_0413/article/details/132042666" target="_blank" data-report-click='{"mod":"popu_382","spm":"1001.2101.3001.4136","dest":"https://blog.csdn.net/Sakura_0413/article/details/132042666","ab":"new"}' data-report-view='{"mod":"popu_382","dest":"https://blog.csdn.net/Sakura_0413/article/details/132042666","ab":"new"}'>Vue封装的动画与过渡</a>
</li>
</ul>
<div class="archive-bar"></div>
<div class="archive-box">
<div class="archive-list-item"><a href="https://blog.csdn.net/Sakura_0413?type=blog&year=2023&month=08" target="_blank" data-report-click='{"mod":"popu_538","spm":"1001.2101.3001.4138","ab":"new","dest":"https://blog.csdn.net/Sakura_0413?type=blog&year=2023&month=08"}'><span class="year">2023年</span><span class="num">32篇</span></a></div>
</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">
<div class="comment-side-tit-count">评论 <span class="count">2</span></div>
<img class="comment-side-tit-close" src="https://csdnimg.cn/release/blogv2/dist/pc/img/closeBt.png"></div>
<div id="pcCommentSideBox" class="comment-box comment-box-new2 unlogin-comment-box-new" style="display:none">
</div>
<div id="pcFlodCommentSideBox" class="pc-flodcomment-sidebox">
<div class="comment-fold-tit"><span id="lookUnFlodComment" class="back"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowLeftWhite.png" alt=""></span>被折叠的 <span class="count"></span> 条评论
<a href="https://blogdev.blog.csdn.net/article/details/122245662" class="tip" target="_blank">为什么被折叠?</a>
<a href="https://bbs.csdn.net/forums/FreeZone" class="park" target="_blank">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/iconPark.png">到【灌水乐园】发言</a>
</div>
<div class="comment-fold-content"></div>
<div id="lookBadComment" class="look-bad-comment side-look-comment">
<a class="look-more-comment">查看更多评论<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/commentArrowDownWhite.png" alt=""></a>
</div>
</div>
</div>
<div class="comment-rewarddialog-box">
<div class="form-box">
<div class="title-box">
添加红包
<a class="btn-form-close"></a>
</div>
<form id="commentRewardForm">
<div class="ipt-box">
<label for="txtName">祝福语</label>
<div class="ipt-btn-box">
<input type="text" name="name" id="txtName" autocomplete="off" maxlength="50">
<a class="btn-ipt btn-random"></a>
</div>
<p class="notice">请填写红包祝福语或标题</p>
</div>
<div class="ipt-box">
<label for="txtSendAmount">红包数量</label>
<div class="ipt-txt-box">
<input type="text" name="sendAmount" maxlength="4" id="txtSendAmount" placeholder="请填写红包数量(最小10个)" autocomplete="off">
<span class="after-txt">个</span>
</div>
<p class="notice">红包个数最小为10个</p>
</div>
<div class="ipt-box">
<label for="txtMoney">红包总金额</label>
<div class="ipt-txt-box error">
<input type="text" name="money" maxlength="5" id="txtMoney" placeholder="请填写总金额(最低5元)" autocomplete="off">
<span class="after-txt">元</span>
</div>
<p class="notice">红包金额最低5元</p>
</div>
<div class="balance-info-box">
<label>余额支付</label>
<div class="balance-info">
当前余额<span class="balance">3.43</span>元
<a href="https://i.csdn.net/#/wallet/balance/recharge" class="link-charge" target="_blank">前往充值 ></a>
</div>
</div>
<div class="opt-box">
<div class="pay-info">
需支付：<span class="price">10.00</span>元
</div>
<button type="button" class="ml-auto btn-cancel">取消</button>
<button type="button" class="ml8 btn-submit" disabled="true">确定</button>
</div>
</form>
</div>
</div>
<div class="rr-guide-box">
<div class="rr-first-box">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward02.png" alt="">
<button class="btn-guide-known next">下一步</button>
</div>
<div class="rr-second-box">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/guideRedReward03.png" alt="">
<button class="btn-guide-known known">知道了</button>
</div>
</div>
</div>
<div class="redEnvolope" id="redEnvolope">
<div class="env-box">
<div class="env-container">
<div class="pre-open" id="preOpen">
<div class="top">
<header>
<img class="clearTpaErr" :src="redpacketAuthor.avatar" alt="" />
<div class="author">成就一亿技术人!</div>
</header>
<div class="bot-icon"></div>
</div>
<footer>
<div class="red-openbtn open-start"></div>
<div class="tip">
领取后你会自动成为博主和红包主的粉丝
<a class="rule" target="_blank">规则</a>
</div>
</footer>
</div>
<div class="opened" id="opened">
<div class="bot-icon">
<header>
<a class="creatorUrl" href="" target="_blank">
<img class="clearTpaErr" src="https://profile-avatar.csdnimg.cn/default.jpg!2" alt="" />
</a>
<div class="author">
<div class="tt">hope_wisdom</div> 发出的红包
</div>
</header>
</div>
<div class="receive-box">
<header></header>
<div class="receive-list">
</div>
</div>
</div>
</div>
<div class="close-btn"></div>
</div>
</div>
<div class="pay-code">
<div class="pay-money">实付<span class="pay-money-span" data-nowprice='' data-oldprice=''>元</span></div>
<div class="content-blance"><a class="blance-bt" href="javascript:;">使用余额支付</a></div>
<div class="content-code">
<div id="payCode" data-id="">
<div class="renovate">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-time-out.png">
<span>点击重新获取</span>
</div>
</div>
<div class="pay-style"><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/weixin.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/zhifubao.png"></span><span><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/jingdong.png"></span><span class="text">扫码支付</span></div>
</div>
<div class="bt-close">
<svg t="1567152543821" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10924" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="12">
<defs>
<style type="text/css"></style>
</defs>
<path d="M512 438.378667L806.506667 143.893333a52.032 52.032 0 1 1 73.6 73.621334L585.621333 512l294.485334 294.485333a52.074667 52.074667 0 0 1-73.6 73.642667L512 585.621333 217.514667 880.128a52.053333 52.053333 0 1 1-73.621334-73.642667L438.378667 512 143.893333 217.514667a52.053333 52.053333 0 1 1 73.621334-73.621334L512 438.378667z" fill="" p-id="10925"></path>
</svg>
</div>
<div class="pay-balance">
<input type="radio" class="pay-code-radio" data-type="details">
<span class="span">钱包余额</span>
<span class="balance" style="color:#FC5531;font-size:14px;">0</span>
<div class="pay-code-tile">
<img src="https://csdnimg.cn/release/blogv2/dist/pc/img/pay-help.png" alt="">
<div class="pay-code-content">
<div class="span">
<p class="title">抵扣说明：</p>
<p> 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。<br> 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。</p>
</div>
</div>
</div>
</div>
<a class="pay-balance-con" href="https://i.csdn.net/#/wallet/balance/recharge" target="_blank"><img src="https://csdnimg.cn/release/blogv2/dist/pc/img/recharge.png" alt=""><span>余额充值</span></a>
</div>
<div style="display:none;">
<img src="" onerror='setTimeout(function(){if(!/(csdn.net|iteye.com|baiducontent.com|googleusercontent.com|360webcache.com|sogoucdn.com|bingj.com|baidu.com)$/.test(window.location.hostname)){window.location.href="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x77\x77\x77\x2e\x63\x73\x64\x6e\x2e\x6e\x65\x74"}},3000);'>
</div>
<div class="keyword-dec-box" id="keywordDecBox"></div>
</body>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/axios-83fa28cedf.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_highlight-8defd55d6e.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/pc_wap_common-be82269d23.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/components/js/edit_copy_code-bf594a7338.min.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://g.csdnimg.cn/lib/cboxEditor/1.1.6/embed-editor.min.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blog_editor_html/release1.6.12/ckeditor/plugins/codesnippet/lib/highlight/styles/atom-one-dark.css">
<script src="https://g.csdnimg.cn/user-accusation/1.0.6/user-accusation.js" type="text/javascript"></script>
<script>
// 全局声明
if (window.csdn === undefined) {
window.csdn = {};
}
window.csdn.sideToolbar = {
options: {
report: {
isShow: true,
},
qr: {
isShow: false,
},
guide: {
isShow: true
}
}
}
$(function() {
$(document).on('click', "a.option-box[data-type='report']", function() {
window.csdn.loginBox.key({
biz: 'blog',
subBiz: 'other_service',
cb: function() {
window.csdn.feedback({
"type": 'blog',
"rtype": 'article',
"rid": articleId,
"reportedName": username,
"submitOptions": {
"title": articleTitle,
"contentUrl": articleDetailUrl
},
"callback": function() {
showToast({
text: "感谢您的举报，我们会尽快审核！",
bottom: '10%',
zindex: 9000,
speed: 500,
time: 1500
})
}
})
}
})
});
})
</script>
<script src="https://g.csdnimg.cn/baidu-search/1.0.12/baidu-search.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/download/old_static/js/qrcode.js"></script>
<script src="https://g.csdnimg.cn/lib/qrcode/1.0.0/qrcode.min.js"></script>
<script src="https://g.csdnimg.cn/user-ordercart/3.0.1/user-ordercart.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/user-ordertip/5.0.3/user-ordertip.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/order-payment/4.0.5/order-payment.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/pc/js/common-a425354f6a.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/pc/js/detail-50666be0aa.min.js" type="text/javascript"></script>
<script src="https://csdnimg.cn/release/blogv2/dist/pc/js/column-f814d377e0.min.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/side-toolbar/3.4/side-toolbar.js" type="text/javascript"></script>
<script src="https://g.csdnimg.cn/copyright/1.0.4/copyright.js" type="text/javascript"></script>
<script>
$(".MathJax").remove();
if ($('div.markdown_views pre.prettyprint code.hljs').length > 0) {
$('div.markdown_views')[0].className = 'markdown_views';
}
</script>
<script type="text/javascript" src="https://csdnimg.cn/release/blog_mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
"HTML-CSS": {
linebreaks: { automatic: true, width: "94%container" },
imageFont: null
},
tex2jax: {
preview: "none",
ignoreClass:"title-article"
},
mml2jax: {
preview: 'none'
}
});
</script>
<script type="text/javascript" crossorigin src="https://g.csdnimg.cn/common/csdn-login-box/csdn-login-box.js"></script></html> 
