摘要：我们在可替换的元素上使用，然而把用于在涉及的文档和外部资源之间建立一个关系。属性仅仅嵌入当前资源到当前文档元素定义的位置。
一、webstorm快捷键
编写HTML标签的快捷键： 标签名+TAB键
（修改格式，格式化代码）快捷键： ctrl+shift+f 【此快捷键在webstorm中无效】（用ctrl+alt+L）
同时编写多个相同的标签的快捷键 ：标签名*个数+tab键
同时编写多行代码快捷键： alt+鼠标左键
注释快捷键 ctrl+/(?)
二、基本标签
2.1
标签允许包含的标签
- 定义CSS代码
引入外部CSS文件
- 定义或引入javasScript
2.2 HTML 标签（元素）
闭合标签 - 开始标签和结束标签，成对出现的
空标签 - 只有开始标签，而没有结束标签
三、HTML标签的的属性分类
标签的标准（通用）属性
id 唯一的不可重复的
name 表示为名称，可重复的
style 用于定义CSS代码
class 为类，与CSS有关
私有（独有）属性 - 指定标签具备的指定属性
事件属性 - 用于实现HTML标签注册绑定的一种方式
HTML标签属性的定义
必须被定义在开始标签中，不能被定义在结束标签中
语法格式
属性名=属性值
属性名html预定义的
属性值用“”进行包裹的
= 赋值运算符
四、注释快捷键 ctrl+/(?)
注释不能嵌套
注释会被浏览器忽略（不会显示在浏览器中）
解释当前这段代码的用途
五、标题元素
~
显示的最大，显示的最小
~是常用的
在HTML 中起到非常重要的作用，便于搜索引擎抓取
抓取级别：
*<br> *<meta content="ketwods"> （关键字）<br> *<h1><br>六、浏览器显示的效果与源代码编写的方式无关<br>最终的显示效果与段落<p>有关<br>七、ol 标签表示有序列表</p>
<pre>默认的排序方式-以数字的递增排序的
私有属性
*type-表示有序排列的方式
*选项方式 - 1 A a I i（ I i为罗马数字）
*start - 表示从几开始排序 但只接受数字（数字排序很少用），不论采用哪个选项都要用数字。
<li> 标签表示列表项</pre>
<p>八、嵌套层级建议最多不要超过三级</p>
<pre>实际开发中配合CSS实现菜单类内容</pre>
<p>九、<dl>标签用来表示定义列表<br><dt>表示标签的分类<br><dd>表示列表分类的每一项<br>十、标签表示超链接</p>
<pre>用于从一个页面跳转到指定的另一个页面
属性
href - 用于设置要跳转到的HTML页面的地址
target - 用于设置
打开指定页面的方式
_self 表示在当前窗口或页签中打开
_blank 表示在空白的窗口或页签中打开
_parent 表示在父级窗口打开
_top 表示在最顶部窗口打开</pre>
<p>十一、路径：</p>
<pre> 绝对路径 - 一旦确定，不能改变， 本地访问从磁盘查找
相对路径 - 根据当前位置的变化而变化
根据当前页面的位置，查找目标页面
两个页面在相同位置时，直接写名称
webstorm最高只能查找到工程目录</pre>
<p>十二、补充：Src、href、url区别<br>href和src是有区别的，而且是不能相互替换的。我们在可替换的元素上使用src，然而把href用于在涉及的文档和外部资源之间建立一个关系。<br>href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。<br><link href="style.css" rel="stylesheet" /><br>src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。<br><script src="script.js"></script></p>
</div>
<div class="mt-64 tags-seach" >
<div class="tags-info">
<a style="width:120px;" title="云服务器" href="https://www.ucloud.cn/site/active/kuaijiesale.html?ytag=seo">云服务器</a>
<a style="width:120px;" title="GPU云服务器" href="https://www.ucloud.cn/site/product/gpu.html">GPU云服务器</a>
<a style="width:120px;" title="html基本基础" href="https://www.ucloud.cn/yun/tag/htmljibenjichu/">html基本基础</a>
<a style="width:120px;" title="html基本知识" href="https://www.ucloud.cn/yun/tag/htmljibenzhishi/">html基本知识</a>
<a style="width:120px;" title="html的基本知识点" href="https://www.ucloud.cn/yun/tag/htmldejibenzhishidian/">html的基本知识点</a>
<a style="width:120px;" title="linux及基本的操作命令" href="https://www.ucloud.cn/yun/tag/linuxjijibendecaozuomingling/">linux及基本的操作命令</a>
</div>
</div>
<div class="entry-copyright mb-30">
<p class="mb-15"> 文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。</p>
<p>转载请注明本文地址：https://www.ucloud.cn/yun/51404.html</p>
</div>
<ul class="pre-next-page">
<li class="ellipsis"><a class="hpf" href="https://www.ucloud.cn/yun/51403.html">上一篇：我的全栈工程师之旅（一）</a></li>
<li class="ellipsis"><a class="hpf" href="https://www.ucloud.cn/yun/51405.html">下一篇：VUE2——事件驱动弹窗</a></li>
</ul>
</div>
<div class="about_topicone-mid">
<h3 class="top-com-title mb-0"><span data-id="0">相关文章</span></h3>
<ul class="com_white-left-mid atricle-list-box">
<li>
<div class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/123001.html"><b>前端（<em>HTML</em> css JS）开发工具<em>及</em>常用插件推荐</b></a></h2>
<p class="ellipsis2 good">摘要：前端编程工具有很多，例如简称，，，，等等，今天给大家推荐的是是一个完全免费的软件，页面简介大方，是前端开发者最受欢迎的软件之一。 前端编程工具有很多，例如Visua...</p>
<div class="com_white-left-info">
<div class="com_white-left-infol">
<a href="https://www.ucloud.cn/yun/u-1536.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/15/small_000001536.jpg" alt=""><span class="layui-hide64">betacat</span></a>
<time datetime="">2021-11-11 16:54</time>
<span><i class="fa fa-commenting"></i>评论0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/78441.html"><b>前端编码规范</b></a></h2>
<p class="ellipsis2 good">摘要：前言首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照编码规范要求使用。
前言
首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在bootstrap的编码规范上的基础上做的修改，...</p>
<div class="com_white-left-info">
<div class="com_white-left-infol">
<a href="https://www.ucloud.cn/yun/u-383.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/03/small_000000383.jpg" alt=""><span class="layui-hide64">nicercode</span></a>
<time datetime="">2019-08-19 17:20</time>
<span><i class="fa fa-commenting"></i>评论0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/111264.html"><b>前端编码规范</b></a></h2>
<p class="ellipsis2 good">摘要：前言首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照编码规范要求使用。
前言
首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在bootstrap的编码规范上的基础上做的修改，...</p>
<div class="com_white-left-info">
<div class="com_white-left-infol">
<a href="https://www.ucloud.cn/yun/u-568.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/05/small_000000568.jpg" alt=""><span class="layui-hide64">gggggggbong</span></a>
<time datetime="">2019-08-28 18:29</time>
<span><i class="fa fa-commenting"></i>评论0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/49718.html"><b>前端编码规范</b></a></h2>
<p class="ellipsis2 good">摘要：前言首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在的编码规范上的基础上做的修改，下面只列举出一些不一样的地方，基本的规范参照编码规范要求使用。
前言
首先，写这篇代码规范是为了我自己在以后的项目中方便引用，让前端人员统一标准，方便在开发中保持代码的一致性，代码规范是在bootstrap的编码规范上的基础上做的修改，...</p>
<div class="com_white-left-info">
<div class="com_white-left-infol">
<a href="https://www.ucloud.cn/yun/u-233.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/02/small_000000233.jpg" alt=""><span class="layui-hide64">xushaojieaaa</span></a>
<time datetime="">2019-08-01 15:02</time>
<span><i class="fa fa-commenting"></i>评论0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
<li>
<div class="atricle-list-right">
<h2 class="ellipsis2"><a class="hpf" href="https://www.ucloud.cn/yun/94772.html"><b>梳理前端开发使用eslint-prettier检查和格式化代码</b></a></h2>
<p class="ellipsis2 good">摘要：梳理前端开发使用检查和格式化代码问题痛点在团队的项目开发过程中，代码维护所占的时间比重往往大于新功能的开发。使用格式化所有代码。参考文档如何花分钟解决产生的各种错误的记忆现场原文转载梳理前端开发使用检查和格式化代码线上猛如虎，线下怂如鼠
梳理前端开发使用eslint-prettier检查和格式化代码
问题痛点
在团队的项目开发过程中，代码维护所占的时间比重往往大于新功能的开发。因此编...</p>
<div class="com_white-left-info">
<div class="com_white-left-infol">
<a href="https://www.ucloud.cn/yun/u-1138.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/11/small_000001138.jpg" alt=""><span class="layui-hide64">yangrd</span></a>
<time datetime="">2019-08-22 17:01</time>
<span><i class="fa fa-commenting"></i>评论0</span>
<span><i class="fa fa-star"></i>收藏0</span>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="topicone-box-wangeditor">
<h3 class="top-com-title mb-64"><span>发表评论</span></h3>
<div class="xcp-publish-main flex_box_zd">
<div class="unlogin-pinglun-box">
<a href="javascript:login()" class="grad">登陆后可评论</a>
</div> </div>
</div>
<div class="site-box-content">
<div class="site-content-title">
<h3 class="top-com-title mb-64"><span>0条评论</span></h3>
</div>
<div class="pages"></ul></div>
</div>
</div>
<div class="layui-col-md4 layui-col-lg3 com_white-right site-wrap-right">
<div class="">
<div class="com_layuiright-box user-msgbox">
<a href="https://www.ucloud.cn/yun/u-1472.html"><img src="https://www.ucloud.cn/yun/data/avatar/000/00/14/small_000001472.jpg" alt=""></a>
<h3><a href="https://www.ucloud.cn/yun/u-1472.html" rel="nofollow">wenshi11019</a></h3>
<h6>男<span>|</span>高级讲师</h6>
<div class="flex_box_zd user-msgbox-atten">
<a href="javascript:attentto_user(1472)" id="attenttouser_1472" class="grad follow-btn notfollow attention">我要关注</a>
<a href="javascript:login()" title="发私信" >我要私信</a>
</div>
<div class="user-msgbox-list flex_box_zd">
<h3 class="hpf">TA的文章</h3>
<a href="https://www.ucloud.cn/yun/ut-1472.html" class="box_hxjz">阅读更多</a>
</div>
<ul class="user-msgbox-ul">
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/130805.html">tensorflow2.4安装</a></h3>
<p>阅读 3227<span>·</span>2023-04-25 22:47</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/122211.html">【爬虫必备基础】⭐通宵爆肝两万字xpath教程⭐学不会找我！</a></h3>
<p>阅读 3746<span>·</span>2021-10-11 10:59</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/119436.html">VoLLcloud：香港三网CMI线路大带宽vps低至7折;100Mbps起步,月付低至$3.2</a></h3>
<p>阅读 2283<span>·</span>2021-09-07 10:12</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/118090.html">hostwinds：vps/云主机方案大全以及测评教程，测试IP，注册购买教程分享</a></h3>
<p>阅读 4228<span>·</span>2021-08-11 11:15</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/115418.html">前端开源项目周报1213</a></h3>
<p>阅读 3415<span>·</span>2019-08-30 13:15</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/115238.html">[开源] 分享自己用的 GitHub 分组管理工具.</a></h3>
<p>阅读 1725<span>·</span>2019-08-30 13:00</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/112881.html">[译]介绍一下渐进式 Web App(离线) - Part 1</a></h3>
<p>阅读 941<span>·</span>2019-08-29 14:02</p></li>
<li><h3 class="ellipsis"><a href="https://www.ucloud.cn/yun/109881.html">浏览器兼容问题</a></h3>
<p>阅读 1660<span>·</span>2019-08-26 13:57</p></li>
</ul>
</div>
<!-- 文章详情右侧广告-->
<div class="com_layuiright-box">
<h6 class="top-com-title"><span>最新活动</span></h6>
<div class="com_adbox">
<div class="layui-carousel" id="right-item">
<div carousel-item>
<div>
<a href="https://www.ucloud.cn/site/active/kuaijiesale.html?ytag=seo" rel="nofollow">
<img src="https://www.ucloud.cn/yun/data/attach/240625/2rTjEHmi.png" alt="云服务器">
</a>
</div>
<div>
<a href="https://www.ucloud.cn/site/product/gpu.html" rel="nofollow">
<img src="https://www.ucloud.cn/yun/data/attach/240807/7NjZjdrd.png" alt="GPU云服务器">
</a>
</div>
</div>
</div>
</div> <!-- banner结束 -->
<div class="adhtml">
</div>
<script>
$(function(){
$.ajax({
type: "GET",
url:"https://www.ucloud.cn/yun/ad/getad/1.html",
cache: false,
success: function(text){
$(".adhtml").html(text);
}
});
})
</script> </div> </div>
</div>
</div>
</div>
</section>
<!-- wap拉出按钮 -->
<div class="site-tree-mobile layui-hide">
<i class="layui-icon layui-icon-spread-left"></i>
</div>
<!-- wap遮罩层 -->
<div class="site-mobile-shade"></div>
<!--付费阅读 -->
<div id="payread">
<div class="layui-form-item">阅读需要支付1元查看</div>
<div class="layui-form-item"><button class="btn-right">支付并查看</button></div>
</div>
<script>
var prei=0;
$(".site-seo-depict pre").each(function(){
var html=$(this).html().replace("<code>","").replace("</code>","").replace('<code class="javascript hljs" codemark="1">','');
$(this).attr('data-clipboard-text',html).attr("id","pre"+prei);
$(this).html("").append("<code>"+html+"</code>");
prei++;
})
$(".site-seo-depict img").each(function(){
if($(this).attr("src").indexOf('data:image/svg+xml')!= -1){
$(this).remove();
}
})
$("LINK[href*='style-49037e4d27.css']").remove();
$("LINK[href*='markdown_views-d7a94ec6ab.css']").remove();
layui.use(['jquery', 'layer','code'], function(){
$("pre").attr("class","layui-code");
$("pre").attr("lay-title","");
$("pre").attr("lay-skin","");
layui.code();
$(".layui-code-h3 a").attr("class","copycode").html("复制代码 ").attr("onclick","copycode(this)");
});
function copycode(target){
var id=$(target).parent().parent().attr("id");
var clipboard = new ClipboardJS("#"+id);
clipboard.on('success', function(e) {
e.clearSelection();
alert("复制成功")
});
clipboard.on('error', function(e) {
alert("复制失败")
});
}
//$(".site-seo-depict").html($(".site-seo-depict").html().slice(0, -5));
</script>
<link rel="stylesheet" type="text/css" href="https://www.ucloud.cn/yun/static/js/neweditor/code/styles/tomorrow-night-eighties.css">
<script src="https://www.ucloud.cn/yun/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script>
<script src="https://www.ucloud.cn/yun/static/js/clipboard.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
function setcode(){
var _html='';
document.querySelectorAll('pre code').forEach((block) => {
var _tmptext=$.trim($(block).text());
if(_tmptext!=''){
_html=_html+_tmptext;
console.log(_html);
}
});
}
</script>
<script>
function payread(){
layer.open({
type: 1,
title:"付费阅读",
shadeClose: true,
content: $('#payread')
});
}
// 举报
function jupao_tip(){
layer.open({
type: 1,
title:false,
shadeClose: true,
content: $('#jubao')
});
}
$(".getcommentlist").click(function(){
var _id=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
$("#articlecommentlist"+_id).toggleClass("hide");
var flag=$("#articlecommentlist"+_id).attr("dataflag");
if(flag==1){
flag=0;
}else{
flag=1;
//加载评论
loadarticlecommentlist(_id,_tid);
}
$("#articlecommentlist"+_id).attr("dataflag",flag);
})
$(".add-comment-btn").click(function(){
var _id=$(this).attr("dataid");
$(".formcomment"+_id).toggleClass("hide");
})
$(".btn-sendartcomment").click(function(){
var _aid=$(this).attr("dataid");
var _tid=$(this).attr("datatid");
var _content=$.trim($(".commenttext"+_aid).val());
if(_content==''){
alert("评论内容不能为空");
return false;
}
var touid=$("#btnsendcomment"+_aid).attr("touid");
if(touid==null){
touid=0;
}
addarticlecomment(_tid,_aid,_content,touid);
})
$(".button_agree").click(function(){
var supportobj = $(this);
var tid = $(this).attr("id");
$.ajax({
type: "GET",
url:"https://www.ucloud.cn/yun/index.php?topic/ajaxhassupport/" + tid,
cache: false,
success: function(hassupport){
if (hassupport != '1'){
$.ajax({
type: "GET",
cache:false,
url: "https://www.ucloud.cn/yun/index.php?topic/ajaxaddsupport/" + tid,
success: function(comments) {
supportobj.find("span").html(comments+"人赞");
}
});
}else{
alert("您已经赞过");
}
}
});
});
function attenquestion(_tid,_rs){
$.ajax({
//提交数据的类型 POST GET
type:"POST",
//提交的网址
url:"https://www.ucloud.cn/yun/favorite/topicadd.html",
//提交的数据
data:{tid:_tid,rs:_rs},
//返回数据的格式
datatype: "json",//"xml", "html", "script", "json", "jsonp", "text".
//在请求之前调用的函数
beforeSend:function(){},
//成功返回之后调用的函数
success:function(data){
var data=eval("("+data+")");
console.log(data)
if(data.code==2000){
layer.msg(data.msg,function(){
if(data.rs==1){
//取消收藏
$(".layui-layer-tips").attr("data-tips","收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart-o"></i>');
}
if(data.rs==0){
//收藏成功
$(".layui-layer-tips").attr("data-tips","已收藏文章");
$(".layui-layer-tips").html('<i class="fa fa-heart"></i>')
}
})
}else{
layer.msg(data.msg)
}
} ,
//调用执行后调用的函数
complete: function(XMLHttpRequest, textStatus){
postadopt=true;
},
//调用出错执行的函数
error: function(){
//请求出错处理
postadopt=false;
}
});
}
</script>
<footer>
<div class="layui-container">
<div class="flex_box_zd">
<div class="left-footer">
<h6><a href="https://www.ucloud.cn/"><img src="https://www.ucloud.cn/yun/static/theme/ukd//images/logo.png" alt="UCloud （优刻得科技股份有限公司）"></a></h6>
<p>UCloud （优刻得科技股份有限公司）是中立、安全的云计算服务平台，坚持中立，不涉足客户业务领域。公司自主研发IaaS、PaaS、大数据流通平台、AI服务平台等一系列云计算产品，并深入了解互联网、传统企业在不同场景下的业务需求，提供公有云、混合云、私有云、专有云在内的综合性行业解决方案。</p>
</div>
<div class="right-footer layui-hidemd">
<ul class="flex_box_zd">
<li>
<h6>UCloud与云服务</h6>
<p><a href="https://www.ucloud.cn/site/about/intro/">公司介绍</a></p>
<p><a href="https://zhaopin.ucloud.cn/" >加入我们</a></p>
<p><a href="https://www.ucloud.cn/site/ucan/onlineclass/">UCan线上公开课</a></p>
<p><a href="https://www.ucloud.cn/site/solutions.html" >行业解决方案</a></p> <p><a href="https://www.ucloud.cn/site/pro-notice/">产品动态</a></p>
</li>
<li>
<h6>友情链接</h6> <p><a href="https://www.compshare.cn/?ytag=seo">GPU算力平台</a></p> <p><a href="https://www.ucloudstack.com/?ytag=seo">UCloud私有云</a></p>
<p><a href="https://www.surfercloud.com/">SurferCloud</a></p> <p><a href="https://www.uwin-link.com/">工厂仿真软件</a></p> <p><a href="https://pinex.it/">Pinex</a></p> <p><a href="https://www.picpik.ai/zh">AI绘画</a></p>
</li>
<li>
<h6>社区栏目</h6>
<p><a href="https://www.ucloud.cn/yun/column/index.html">专栏文章</a></p>
<p><a href="https://www.ucloud.cn/yun/udata/">专题地图</a></p> </li>
<li>
<h6>常见问题</h6>
<p><a href="https://www.ucloud.cn/site/ucsafe/notice.html" >安全中心</a></p>
<p><a href="https://www.ucloud.cn/site/about/news/recent/" >新闻动态</a></p>
<p><a href="https://www.ucloud.cn/site/about/news/report/">媒体动态</a></p> <p><a href="https://www.ucloud.cn/site/cases.html">客户案例</a></p>
<p><a href="https://www.ucloud.cn/site/notice/">公告</a></p>
</li>
<li>
<span><img src="https://static.ucloud.cn/7a4b6983f4b94bcb97380adc5d073865.png" alt="优刻得"></span>
<p>扫扫了解更多</p></div>
</div>
<div class="copyright">Copyright © 2012-2023 UCloud 优刻得科技股份有限公司<i>｜</i><a rel="nofollow" href="http://beian.miit.gov.cn/">沪公网安备 31011002000058号</a><i>｜</i><a rel="nofollow" href="http://beian.miit.gov.cn/"></a> 沪ICP备12020087号-3</a><i>｜</i> <script type="text/javascript" src="https://gyfk12.kuaishang.cn/bs/ks.j?cI=197688&fI=125915" charset="utf-8"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?290c2650b305fc9fff0dbdcafe48b59d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DZSMXQ3P9N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DZSMXQ3P9N');
</script>
<script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?99f50ea166557aed914eb4a66a7a70a4709cbb98a54ecb576877d99556fb4bfc3d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></div>
</div>
</footer>
</body>
<script src="https://www.ucloud.cn/yun/static/theme/ukd/js/common.js"></script>
<<script type="text/javascript">
$(".site-seo-depict *,.site-content-answer-body *,.site-body-depict *").css("max-width","100%");
</script>
</html>
