web常用标签及其属性
摘要：如果把网页比作人体，HTML标签就是支撑整个身体的骨骼。``标签如同大脑中枢，包裹着整个文档；``像神经系统，承载着``、``等关键信息；``则是躯干部位，所有可见内容在此生长。结构标签特有的层级属性
如果把网页比作人体，HTML标签就是支撑整个身体的骨骼。``标签如同大脑中枢，包裹着整个文档；``像神经系统，承载着`
`、`<meta>`等关键信息；`<body>`则是躯干部位，所有可见内容在此生长。结构标签特有的层级属性让网页形成树状体系，就像DNA链决定着页面的组织规则，浏览器通过这种基因编码准确解析每个元素的定位。
<h2>容器担当：内容组织者</h2>
网页内容需要容器来承载灵魂。`<div>`如同万能收纳盒，用class或id属性标注身份；`<span>`是轻量级标签，专注包裹短语级内容。`<section>`和`<article>`这类语义化容器，像精心设计的展示柜，既划分内容区块又向搜索引擎传递结构化信息。容器标签的margin、padding属性如同建筑伸缩缝，控制着元素之间的呼吸空间。
<h2>信息传递者：文本标签</h2>
文字是网页最基本的语言系统。`<h1>`到`<h2>`构建起标题金字塔，font-size属性决定它们的视觉权重；`<p>`标签像忠实的书记官，用line-height属性调整行距节奏。强调性标签`<strong>`和`<em>`如同文字中的重音符号，通过font-weight和font-style属性改变语气强弱。这些文本标签的color属性就像调色板，赋予文字情感温度。
<h2>交互桥梁：表单控件</h2>
<p>表单标签是网页与用户的对话窗口。`<input>`系列如同多功能工具包，type属性可以变身为文本框、密码框或日期选择器；`<select>`配合`<option>`搭建起下拉菜单的阶梯。required属性像尽职的守门人，确保关键信息不被遗漏。form标签的action和method属性构成信息传输管道，将用户输入送达服务器端处理。</p><p><img src='https://i02piccdn.sogoucdn.com/b2da093c52d5f603' alt='web常用标签及其属性'></p>
<h2>视觉引擎：多媒体标签</h2>
<p>现代网页因多媒体标签而鲜活生动。`<img>`标签用src属性引入视觉元素，alt属性则构建无障碍阅读桥梁。`<video>`和`<audio>`标签通过controls属性展示播放控制台，autoplay属性让内容自动流淌。canvas标签如同数字画布，配合JavaScript绘制动态图形。这些标签的width和height属性如同画框，精确控制着媒体内容的展示尺度。</p>
<h2>智能导航：超链接系统</h2>
<p>`<a>`标签编织起互联网的神经网络。href属性指向的不仅是URL地址，更是信息世界的任意门。target属性决定新窗口的开启方式，如同选择不同的交通工具。配合`<nav>`标签构建的导航栏如同城市路标，通过hover伪类实现的交互效果，让用户点击前就能感知链接的活性状态。</p>
<p>网页标签体系的精妙之处，在于用简单的符号构建复杂的信息生态。从骨架搭建到视觉呈现，从内容组织到交互设计，每个标签都如同精密仪器的零件，属性则是调节功能的旋钮。掌握这些基础元素的特性，开发者就能像指挥家般调动各种网页元素，在浏览器的舞台上演繹数字交响乐。这正是Web标准化的魅力——用有限的标签创造无限可能，让每个字符都成为连接人与信息的智慧节点。</p> </div>
<div class="umCopyright">
<p>
版权声明： 知妳网保留所有权利，部分内容为网络收集，如有侵权，请联系QQ793061840删除，添加请注明来意。
</p>
<p>原文链接：<a href="https://www.6g9.cn/qwsh/dd52eAD5QUlhQA1A.html" title="web常用标签及其属性" style="color:#999">https://www.6g9.cn/qwsh/dd52eAD5QUlhQA1A.html</a></p>
</div>
<div class="detail-arr">
<div class="detail-arr-left">上一篇：<a href="https://www.6g9.cn/qwsh/dd2d4AD5QUlhQA1c.html" title="192.168.0.1.253手机登陆wifi设置">192.168.0.1.253手机登陆wifi设置</a></div>
<div class="detail-arr-right">下一篇：<a href="https://www.6g9.cn/qwsh/dd37dAD5QUlhQA1E.html" title="水浒传好词好句摘抄1000字初中">水浒传好词好句摘抄1000字初中</a></div>
</div>
<div class="detail-tags">
<i class="fa fa-tags"></i>标签：<a class="th_hover_a1" href="https://www.6g9.cn/t/dd50bAz5UW1E/" title="属性">属性</a><a class="th_hover_a1" href="https://www.6g9.cn/t/ddfd5Az5QU1da/" title="常用">常用</a><a class="th_hover_a1" href="https://www.6g9.cn/t/ddd86Az5TVVBb/" title="及其">及其</a><a class="th_hover_a1" href="https://www.6g9.cn/t/dd19eAz5TU1hS/" title="标签">标签</a> </div>
<div class="row" style="margin-top: 10px;">
<section>
<div class="thleftcon">
<div class="thleftbt thwenzhang"><span><a href="">属性</a></span></div>
<ul class="th-5">
<li class="post_id_124366"><span class="date">2026-04-16</span><a href="https://www.6g9.cn/qwsh/dd194AD5QUFVQAFI.html" title="2026年的五行属性是什么" target="_blank">2026年的五行属性是什么</a></li><li class="post_id_123135"><span class="date">2026-04-14</span><a href="https://www.6g9.cn/qwsh/ddab7AD5QUFJSBVE.html" title="frontpage网页属性" target="_blank">frontpage网页属性</a></li><li class="post_id_122461"><span class="date">2026-04-12</span><a href="https://www.6g9.cn/bkkp/dd874Az5QUFNXAFU.html" title="2026年的五行属性是什么" target="_blank">2026年的五行属性是什么</a></li><li class="post_id_122282"><span class="date">2026-04-12</span><a href="https://www.6g9.cn/bkkp/dd423Az5QUFNRDlY.html" title="frontpage网页属性" target="_blank">frontpage网页属性</a></li><li class="post_id_119728"><span class="date">2026-04-05</span><a href="https://www.6g9.cn/bkkp/dd4e4Az5QU1hUBFw.html" title="html中alt属性" target="_blank">html中alt属性</a></li> </ul>
</div>
</section>
</div>
</section>
<!--评论列表start-->
<!--评论列表end-->
<!--发布评论start-->
<div id="divCommentPost" class="post">
<p class="posttop"><a name="comment" href="javascript:;">发表评论:</a></p>
<form id="ctf_form" action="/index.php?comment-post-ajax-1.html" method="post">
<input type="hidden" name="cid" value="1" />
<input type="hidden" name="id" value="109354" />
<input type="hidden" name="reply_commentid" value="0" />
<div id="reply_comment_div">
<p class="posttop"><a>回复评论:</a>
<a rel="nofollow" id="cancel_reply_comment" href="javascript:;" onclick="cancel_reply_comment();"><small>取消回复</small></a>
</p>
<div id="reply_comment_content"></div>
</div>
<p style="margin-top:10px"><input type="text" name="author" id="ctf_author" class="text" value="Lecms游客" placeholder="昵称" size="28" tabindex="1"></p>
<p style="margin-top:10px"><textarea name="content" id="ctf_content" maxlength="255" class="text" cols="50" rows="4" tabindex="5" placeholder="文明上网，理性发言" autocomplete="off"></textarea></p>
<p><input name="sumbit" type="submit" tabindex="6" value="提交" id="ctf_submit" class="button"></p>
</form>
<p class="postbottom"></p>
</div>
<!--发布评论end-->
</div>
</section>
</div>
<!--左侧end-->
<div class="col-md-3 col-xs-12 wap_margintop">
<div>
<section>
<div class="thleftcon" style="height: 335px;">
<div class="thleftcon-1">
<img class="th-img jsimg-height" src="/view/default/style/img/tx.jpg">
<img class="th-img jsimg-toux" src="https://www.6g9.cn/static/img/avatar.png">
</div>
<div class="thjs_infor">
<h4>管理员</h4>
<div class="clear"></div>
</div>
<div class="thleftcon-2">
<dl>
<dd></dd>
</dl>
</div>
<div class="aut_count">
<ul>
<li><span>内容</span><strong>125303</strong></li>
<li><span>积分</span><strong>0</strong></li>
<li><span>金币</span><strong>0</strong></li>
</ul>
</div>
</div>
</section>
</div>
<!--当前分类最新文章start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>最新文章</span></div>
<ul class="th-5">
<li class="post_id_125319"><span class="date">04-18</span><i>1</i><a href="https://www.6g9.cn/qwsh/ddf84AD5QUFRQB10.html" title="老鼠贴强力粘鼠板用什么洗得掉">老鼠贴强力粘鼠板用什么洗...</a></li>
<li class="post_id_125314"><span class="date">04-18</span><i>2</i><a href="https://www.6g9.cn/qwsh/dd06dAD5QUFRQB1A.html" title="咏雪诗一片二片三四片是谁写的">咏雪诗一片二片三四片是谁...</a></li>
<li class="post_id_125313"><span class="date">04-18</span><i>3</i><a href="https://www.6g9.cn/qwsh/ddbcfAD5QUFRQB1c.html" title="绍兴是浙江哪个地区管辖范围">绍兴是浙江哪个地区管辖范...</a></li>
<li class="post_id_125311"><span class="date">04-18</span><i>4</i><a href="https://www.6g9.cn/qwsh/dda1fAD5QUFRQB1U.html" title="考本校研究生在哪里考试呢">考本校研究生在哪里考试呢</a></li>
<li class="post_id_125309"><span class="date">04-18</span><i>5</i><a href="https://www.6g9.cn/qwsh/dd2e3AD5QUFRQBl0.html" title="男怕生日前女怕生日后是什么意思？">男怕生日前女怕生日后是什...</a></li>
<li class="post_id_125308"><span class="date">04-18</span><i>6</i><a href="https://www.6g9.cn/qwsh/dd212AD5QUFRQBlw.html" title="湖水碧绿碧绿的像啥比喻句一年级">湖水碧绿碧绿的像啥比喻句...</a></li>
<li class="post_id_125307"><span class="date">04-18</span><i>7</i><a href="https://www.6g9.cn/qwsh/dd1b9AD5QUFRQBlM.html" title="get...from,from做了什么成分">get...from,from做了什么成...</a></li>
<li class="post_id_125305"><span class="date">04-18</span><i>8</i><a href="https://www.6g9.cn/qwsh/dd704AD5QUFRQBlE.html" title="新疆二建多少分才能过">新疆二建多少分才能过</a></li>
</ul>
</div>
</section>
</div>
<!--当前分类最新文章end-->
<!--当前分类阅读排行榜start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>阅读排行</span></div>
<ul class="th-5">
<li class="post_id_28456"><span class="date">6842℃</span><i>1</i><a href="https://www.6g9.cn/qwsh/ddb82AD5TWlVWAA.html" title="搞笑泥浆去尿用英语怎么说？你自己读？">搞笑泥浆去尿用英语怎么说...</a></li>
<li class="post_id_15266"><span class="date">4459℃</span><i>2</i><a href="https://www.6g9.cn/qwsh/dd919AD5QV1NVAA.html" title="192.168.100登录入口管理员密码">192.168.100登录入口管理员...</a></li>
<li class="post_id_17308"><span class="date">4371℃</span><i>3</i><a href="https://www.6g9.cn/qwsh/ddb00AD5QVVJTDg.html" title="最好看的京味高干文双男主">最好看的京味高干文双男主</a></li>
<li class="post_id_5337"><span class="date">4095℃</span><i>4</i><a href="https://www.6g9.cn/qwsh/dda75AD5UUVJU.html" title="鬼吹灯系列的先后顺序">鬼吹灯系列的先后顺序</a></li>
<li class="post_id_7481"><span class="date">3965℃</span><i>5</i><a href="https://www.6g9.cn/qwsh/ddd2bAD5WVllS.html" title="惠普打印机符号图解">惠普打印机符号图解</a></li>
<li class="post_id_607"><span class="date">3512℃</span><i>6</i><a href="https://www.6g9.cn/qwsh/ddfddAD5XUlY.html" title="2025九紫离火运最好属相">2025九紫离火运最好属相</a></li>
<li class="post_id_446"><span class="date">3501℃</span><i>7</i><a href="https://www.6g9.cn/qwsh/dd9dfAD5VVlc.html" title="华为手机型号代码b开头代表什么">华为手机型号代码b开头代表...</a></li>
<li class="post_id_7138"><span class="date">3456℃</span><i>8</i><a href="https://www.6g9.cn/qwsh/ddb64AD5WU1Jb.html" title="192.168.1.4路由器设置页面">192.168.1.4路由器设置页面</a></li>
</ul>
</div>
</section>
</div>
<!--当前分类阅读排行榜end-->
<!--随机文章start-->
<div class="th_margintop">
<section><div class="thleftcon">
<div class="thleftbt"><span>猜你喜欢</span></div>
<ul class="th-6">
<li class="post_id_168">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd3f5AD5QVFk.html" title="奶茶排行榜前十名加盟费">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/bcd308ad5fbc162d" alt="奶茶排行榜前十名加盟费">
<div class="zhuantiinfo">奶茶排行榜前十名加盟费</div>
</a>
</div>
</li>
<li class="post_id_765">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd5adAD5WVFQ.html" title="水浒传好词好句读后感摘抄大全100字">
<img class="th-img zhuti-img-height" src="https://i04piccdn.sogoucdn.com/020dca823691317f" alt="水浒传好词好句读后感摘抄大全100字">
<div class="zhuantiinfo">水浒传好词好句读后感摘抄大全100字</div>
</a>
</div>
</li>
<li class="post_id_517">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/dd86dAz5UU1Y.html" title="吉利收购了什么汽车品牌公司">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/b02cbb449e7e9a4e" alt="吉利收购了什么汽车品牌公司">
<div class="zhuantiinfo">吉利收购了什么汽车品牌公司</div>
</a>
</div>
</li>
<li class="post_id_640">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd1d5AD5XVlE.html" title="我有困难英语怎么说怎么写">
<img class="th-img zhuti-img-height" src="https://i04piccdn.sogoucdn.com/d6d63789ffe1b65c" alt="我有困难英语怎么说怎么写">
<div class="zhuantiinfo">我有困难英语怎么说怎么写</div>
</a>
</div>
</li>
<li class="post_id_702">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/dd991Az5WUlM.html" title="手机运行内存少怎么办">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/2319d1897648c0bd" alt="手机运行内存少怎么办">
<div class="zhuantiinfo">手机运行内存少怎么办</div>
</a>
</div>
</li>
<li class="post_id_262">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddb40AD5TVFM.html" title="通河县人民赵凯简历照片介绍">
<img class="th-img zhuti-img-height" src="https://i03piccdn.sogoucdn.com/08b2f6ccd074264f" alt="通河县人民赵凯简历照片介绍">
<div class="zhuantiinfo">通河县人民赵凯简历照片介绍</div>
</a>
</div>
</li>
<li class="post_id_315">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dda7fAD5SU1Q.html" title="2020山东教师编制考试公告">
<img class="th-img zhuti-img-height" src="https://i01piccdn.sogoucdn.com/d653020718b27204" alt="2020山东教师编制考试公告">
<div class="zhuantiinfo">2020山东教师编制考试公告</div>
</a>
</div>
</li>
<li class="post_id_430">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd459AD5VUVE.html" title="新能源燃油对发动机有影响吗">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/ff38da18bb0ff99f" alt="新能源燃油对发动机有影响吗">
<div class="zhuantiinfo">新能源燃油对发动机有影响吗</div>
</a>
</div>
</li>
<li class="post_id_682">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/ddc7dAz5XWlM.html" title="绍兴到杭州地铁要多久到达机场">
<img class="th-img zhuti-img-height" src="https://i01piccdn.sogoucdn.com/0a045a7f1734dce2" alt="绍兴到杭州地铁要多久到达机场">
<div class="zhuantiinfo">绍兴到杭州地铁要多久到达机场</div>
</a>
</div>
</li>
<li class="post_id_303">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddc7aAD5SUlI.html" title="冷清的反义词有什么词语">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/396d9c56f6d66aeb" alt="冷清的反义词有什么词语">
<div class="zhuantiinfo">冷清的反义词有什么词语</div>
</a>
</div>
</li>
<li class="post_id_627">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd514AD5XUFY.html" title="阿联酋的七个国家谁最强">
<img class="th-img zhuti-img-height" src="https://i03piccdn.sogoucdn.com/e4490994d5b05778" alt="阿联酋的七个国家谁最强">
<div class="zhuantiinfo">阿联酋的七个国家谁最强</div>
</a>
</div>
</li>
<li class="post_id_59">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddd47AD5UWw.html" title="画梅止渴的故事内容是什么呢三年级下册">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/b877b122407bb839" alt="画梅止渴的故事内容是什么呢三年级下册">
<div class="zhuantiinfo">画梅止渴的故事内容是什么呢三年级下册</div>
</a>
</div>
</li>
</ul>
</div>
</section>
</div>
<!--随机文章end-->
<!--热门标签start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>热门标签</span></div>
<ul class="th-7">
<li class="tag_id_57"><a title="什么" href="https://www.6g9.cn/t/ddfa8Az5UVQ/">什么</a></li>
<li class="tag_id_46"><a title="怎么" href="https://www.6g9.cn/t/dd55bAz5VVA/">怎么</a></li>
<li class="tag_id_56"><a title="意思" href="https://www.6g9.cn/t/dd067Az5UVA/">意思</a></li>
<li class="tag_id_19"><a title="多少" href="https://www.6g9.cn/t/dd7e8Az5QWw/">多少</a></li>
<li class="tag_id_173"><a title="哪些" href="https://www.6g9.cn/t/dd0d3Az5QVVI/">哪些</a></li>
<li class="tag_id_183"><a title="英语" href="https://www.6g9.cn/t/dd508Az5QWlI/">英语</a></li>
<li class="tag_id_17"><a title="二建" href="https://www.6g9.cn/t/dd773Az5QVQ/">二建</a></li>
<li class="tag_id_121"><a title="打印机" href="https://www.6g9.cn/t/ddf36Az5QUFA/">打印机</a></li>
<li class="tag_id_208"><a title="分数线" href="https://www.6g9.cn/t/ddce6Az5TUlk/">分数线</a></li>
<li class="tag_id_35"><a title="水浒传" href="https://www.6g9.cn/t/dd3adAz5SVw/">水浒传</a></li>
<li class="tag_id_177"><a title="成语" href="https://www.6g9.cn/t/dd47fAz5QVVY/">成语</a></li>
<li class="tag_id_50"><a title="内存" href="https://www.6g9.cn/t/dd833Az5UUg/">内存</a></li>
<li class="tag_id_96"><a title="哪个" href="https://www.6g9.cn/t/dd129Az5YVA/">哪个</a></li>
<li class="tag_id_240"><a title="词语" href="https://www.6g9.cn/t/dd9bfAz5TVlE/">词语</a></li>
<li class="tag_id_89"><a title="好看" href="https://www.6g9.cn/t/ddaabAz5ZWw/">好看</a></li>
<li class="tag_id_16"><a title="可以" href="https://www.6g9.cn/t/dd104Az5QVA/">可以</a></li>
<li class="tag_id_105"><a title="快递" href="https://www.6g9.cn/t/dd54cAz5QUlQ/">快递</a></li>
<li class="tag_id_67"><a title="登录" href="https://www.6g9.cn/t/dd1b3Az5XVQ/">登录</a></li>
<li class="tag_id_332"><a title="困难" href="https://www.6g9.cn/t/dd2b0Az5SUVM/">困难</a></li>
<li class="tag_id_51"><a title="运行" href="https://www.6g9.cn/t/dde36Az5UUw/">运行</a></li>
<li class="tag_id_155"><a title="英文" href="https://www.6g9.cn/t/dd80aAz5QV1Q/">英文</a></li>
<li class="tag_id_481"><a title="收费员" href="https://www.6g9.cn/t/ddb1bAz5VWlA/">收费员</a></li>
<li class="tag_id_116"><a title="哪里" href="https://www.6g9.cn/t/dd668Az5QU1c/">哪里</a></li>
<li class="tag_id_294"><a title="手机" href="https://www.6g9.cn/t/dd6d8Az5TW1U/">手机</a></li>
<li class="tag_id_192"><a title="物理" href="https://www.6g9.cn/t/dd694Az5QW1M/">物理</a></li>
<li class="tag_id_470"><a title="农历" href="https://www.6g9.cn/t/dd588Az5VVVE/">农历</a></li>
<li class="tag_id_140"><a title="怎么样" href="https://www.6g9.cn/t/dd5b1Az5QVlE/">怎么样</a></li>
<li class="tag_id_356"><a title="为什么" href="https://www.6g9.cn/t/ddf41Az5SV1c/">为什么</a></li>
<li class="tag_id_5"><a title="惠普" href="https://www.6g9.cn/t/dd095Az5U/">惠普</a></li>
<li class="tag_id_148"><a title="怎么办" href="https://www.6g9.cn/t/dda63Az5QVlk/">怎么办</a></li>
</ul>
</div>
</section>
</div>
<!--热门标签end-->
<!--相关分类start-->
<div class="th_margintop">
<section>
<div class="thleftcon">
<div class="thleftbt"><span>相关分类</span></div>
<ul class="th-7">
<li class="cid_1"><a title="趣味生活" href="https://www.6g9.cn/qwsh/">趣味生活</a></li>
<li class="cid_2"><a title="百科科普" href="https://www.6g9.cn/bkkp/">百科科普</a></li>
<li class="cid_3"><a title="知妳所想" href="https://www.6g9.cn/znsx/">知妳所想</a></li>
<li class="cid_4"><a title="懂妳所需" href="https://www.6g9.cn/dnsx/">懂妳所需</a></li>
</ul>
</div>
</section>
</div>
<!--相关分类end-->
</div>
</div>
</div>
</section>
</div>
<div class="footer1">
<section>
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 " style="border-right: 1px solid #3e3e3e;">
<dl class="footcon1">
<dt>关于我们</dt>
<dd>知妳网是一个专注于知识成长与生活品质的温暖社区，致力于提供情感共鸣、实用资讯与贴心服务。在这里，妳可以找到相关的知识、专业的建议，以及提升自我的优质内容。无论是职场困惑、情感心事，还是时尚美妆、健康生活，知妳网都能精准匹配妳的需求，陪伴妳的每一步成长。因为懂妳，所以更贴心——知妳网，做妳最知心的伙伴！</dd>
</dl>
</div>
<div class="col-md-2 col-xs-12" style="border-right: 1px solid #3e3e3e;">
<dl class="footcon2">
<dt>快捷菜单</dt>
<dd>
<a href="https://www.6g9.cn/so.html" target="_blank">搜索内容</a>
</dd>
<dd>
<a href="https://www.6g9.cn/qwsh/" target="_blank">趣味生活</a>
</dd>
<dd>
<a href="https://www.6g9.cn/bkkp/" target="_blank">百科科普</a>
</dd>
</dl>
</div>
<div class="col-md-4 col-xs-12" style="border-right: 1px solid #3e3e3e;">
<dl class="footcon1">
<dt>联系方式</dt>
<dd class="footlianx">
<i class="iconfont icon-app-phone1"></i>电话：<span></span>
</dd>
<dd class="footlianx">
<i class="iconfont icon-dizhi"></i>地址：广东省中山市
</dd>
<dd class="footlianx">
<i class="iconfont icon-email"></i>Email：admin@qq.com </dd>
</dl>
</div>
<div class="col-md-2 col-xs-12">
</div>
</div>
</div>
</section>
</div>
<div>
<div class="footer2">
<p>Copyright © 2022 <a href="https://www.6g9.cn/">知妳网</a> Inc. 保留所有权利。 Powered by </p>
<p>页面耗时0.0594秒, 内存占用1.71 MB, 访问数据库19次</p>
<p></p>
</div>
<div class="thgotop">
<ul>
<li id="guan" class="ditop">
<div class="yewan">
<i class="fa fa-circle" aria-hidden="true"></i>
<span class="">我要关灯</span>
</div>
<div class="baitian">
<i class="fa fa-circle-o" aria-hidden="true"></i>
<span class="">我要开灯</span>
</div>
</li>
<li class="ditop">
<i class="fa fa-address-book" aria-hidden="true"></i>
<span>客户电话</span>
<div class="ditopcon" style="bottom:-100px;">
<div class="ditop-qq-img">
<img class="th-img ditop-qq-height" src="/view/default/style/img/qq.png">
</div>
<div class="ditop-qq-btn">
lecms </div>
<p class="ditop-time">工作时间：8:00-18:00</p>
<p class="ditop-top">客服电话</p>
<p class="ditop-tel"></p>
<p class="ditop-top">电子邮件</p>
<p class="ditop-email">admin@qq.com</p>
</div>
</li>
<li class="ditop">
<i class="fa fa-weixin" aria-hidden="true"></i>
<span>官方微信</span>
<div class="ditopcon">
<p>扫码二维码</p>
<p>获取最新动态</p>
<div class="topthewm"><img class="th-img" src="/view/default/style/img/wx.png"></div>
</div>
</li>
<li id="go_top" class="ditop">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
<span>返回顶部</span>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="/static/js/pxmu.min.js"></script>
<script type="text/javascript">
//回复某评论
function reply_comment(commentid){
$("input[name='reply_commentid']").val(commentid);
var comment = $("#comment_"+commentid+">.msgarticle").html();
$("#reply_comment_content").html(comment);
$("#reply_comment_div").show();
}
//取消回复某评论
function cancel_reply_comment() {
$("input[name='reply_commentid']").val(0);
$("#reply_comment_div").hide();
}
//加载更多评论
(function(){
var obj = $("#load_more");
var next_url = obj.attr("next_url");
var isnext = obj.attr("isnext");
var no_more = function() {
obj.html("没有更多评论了");
if(typeof load_more != "undefined") obj.off("click", load_more);
}
if(isnext < 1) { no_more(); return; }
var leJosnLock = false;
var load_more = function() {
if(!next_url || leJosnLock) return;
obj.html("玩命加载中...");
leJosnLock = true;
$.get(next_url, function(data) {
try{
var json = eval("("+data+")");
next_url = json.next_url;
$.each(json.list_arr, function(i,item) {
var s = '<ul class="msg" id="comment_'+item.commentid+'">';
s += '<li class="msgname"><img class="avatar" src="'+item.avatar+'" width="32"> ';
s += '<span class="commentname">'+item.author+'</span><br><small>发布于 '+item.date+'</small><small><a class="reply_comment" href="javascript:;" onclick="reply_comment('+item.commentid+');">回复该评论</a></small></li>';
if(item.reply_comment_content){
s += '<li class="reply_msgarticle">回复：'+item.reply_comment_content+'</div>';
}
s += '<li class="msgarticle">'+item.content+'</div>';
s += '</ul>';
$(".comment_list>ul:last").after(s);
});
obj.html("显示更多评论");
leJosnLock = false;
if(json.isnext < 1) no_more();
}catch(e){
alert(data);
}
});
}
obj.click(load_more);
})();
</script>
</body>
</html>
