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/fa6b297c6707f0c1' 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/bkkp/ddf63Az5QU1BVBlM.html" title="web常用标签及其属性" style="color:#999">https://www.6g9.cn/bkkp/ddf63Az5QU1BVBlM.html</a></p>
</div>
<div class="detail-arr">
<div class="detail-arr-left">上一篇：<a href="https://www.6g9.cn/bkkp/ddd6eAz5QU1BWD10.html" title="qq飞车实名认证别人看得到吗安全吗">qq飞车实名认证别人看得到吗安全吗</a></div>
<div class="detail-arr-right">下一篇：<a href="https://www.6g9.cn/bkkp/dd38bAz5QU1BVBlw.html" title="二建合格分数线2020">二建合格分数线2020</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="2" />
<input type="hidden" name="id" value="111607" />
<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_125318"><span class="date">04-18</span><i>1</i><a href="https://www.6g9.cn/bkkp/dd363Az5QUFRQB1w.html" title="2487是什么意思？">2487是什么意思？</a></li>
<li class="post_id_125317"><span class="date">04-18</span><i>2</i><a href="https://www.6g9.cn/bkkp/dd602Az5QUFRQB1M.html" title="400乘800地砖上墙怎么贴最好">400乘800地砖上墙怎么贴最...</a></li>
<li class="post_id_125316"><span class="date">04-18</span><i>3</i><a href="https://www.6g9.cn/bkkp/dde49Az5QUFRQB1I.html" title="中考物理必考公式2024">中考物理必考公式2024</a></li>
<li class="post_id_125315"><span class="date">04-18</span><i>4</i><a href="https://www.6g9.cn/bkkp/dd344Az5QUFRQB1E.html" title="m1136可以扫描复印不能打印">m1136可以扫描复印不能打印</a></li>
<li class="post_id_125312"><span class="date">04-18</span><i>5</i><a href="https://www.6g9.cn/bkkp/dd220Az5QUFRQB1Y.html" title="快手上的美妆博主有哪些">快手上的美妆博主有哪些</a></li>
<li class="post_id_125310"><span class="date">04-18</span><i>6</i><a href="https://www.6g9.cn/bkkp/dd2eaAz5QUFRQB1Q.html" title="coco是奢侈品牌吗">coco是奢侈品牌吗</a></li>
<li class="post_id_125306"><span class="date">04-18</span><i>7</i><a href="https://www.6g9.cn/bkkp/ddf93Az5QUFRQBlI.html" title="高速路收费员待遇怎么样">高速路收费员待遇怎么样</a></li>
<li class="post_id_125301"><span class="date">04-18</span><i>8</i><a href="https://www.6g9.cn/bkkp/ddbe0Az5QUFRQBlU.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_7290"><span class="date">5377℃</span><i>1</i><a href="https://www.6g9.cn/bkkp/dd47bAz5WUFhT.html" title="192.168.0.101手机登录入口">192.168.0.101手机登录入口</a></li>
<li class="post_id_13350"><span class="date">4650℃</span><i>2</i><a href="https://www.6g9.cn/bkkp/dd703Az5QUVJWBg.html" title="2025僧侣档1月接档">2025僧侣档1月接档</a></li>
<li class="post_id_8452"><span class="date">4060℃</span><i>3</i><a href="https://www.6g9.cn/bkkp/dd1a4Az5ZVlRR.html" title="192.168.1.4路由器设置页面">192.168.1.4路由器设置页面</a></li>
<li class="post_id_20708"><span class="date">2859℃</span><i>4</i><a href="https://www.6g9.cn/bkkp/dda76Az5TUlZTDg.html" title="最好看的京味高干文双男主">最好看的京味高干文双男主</a></li>
<li class="post_id_18974"><span class="date">2822℃</span><i>5</i><a href="https://www.6g9.cn/bkkp/dd33aAz5QWlhUAg.html" title="192.168.0.2登陆入口官网">192.168.0.2登陆入口官网</a></li>
<li class="post_id_18463"><span class="date">2477℃</span><i>6</i><a href="https://www.6g9.cn/bkkp/dd7d6Az5QWlVVBQ.html" title="192.168.1.101管理页面">192.168.1.101管理页面</a></li>
<li class="post_id_15681"><span class="date">2441℃</span><i>7</i><a href="https://www.6g9.cn/bkkp/dd119Az5QV1dbBw.html" title="乐至县划为成都市了吗最新消息">乐至县划为成都市了吗最新...</a></li>
<li class="post_id_5217"><span class="date">2439℃</span><i>8</i><a href="https://www.6g9.cn/bkkp/dda13Az5UUFBU.html" title="19216811手机登陆修改密码wifi设置密码">19216811手机登陆修改密码...</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_71">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd5e4AD5WUw.html" title="轻小说下载">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/0b667d4997f0bbd8" alt="轻小说下载">
<div class="zhuantiinfo">轻小说下载</div>
</a>
</div>
</li>
<li class="post_id_377">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddc0fAD5SVVY.html" title="气急败坏词语的意思">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/355d5d4790bdd663" alt="气急败坏词语的意思">
<div class="zhuantiinfo">气急败坏词语的意思</div>
</a>
</div>
</li>
<li class="post_id_455">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddbfbAD5VV1Q.html" title="鬼吹灯小说结局终极解密在线观看">
<img class="th-img zhuti-img-height" src="https://i01piccdn.sogoucdn.com/2ef3de61c4b09868" alt="鬼吹灯小说结局终极解密在线观看">
<div class="zhuantiinfo">鬼吹灯小说结局终极解密在线观看</div>
</a>
</div>
</li>
<li class="post_id_518">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/dd4e9Az5UU1k.html" title="192.168.2.174路由器管理">
<img class="th-img zhuti-img-height" src="https://i03piccdn.sogoucdn.com/dedcf125d09f5b57" alt="192.168.2.174路由器管理">
<div class="zhuantiinfo">192.168.2.174路由器管理</div>
</a>
</div>
</li>
<li class="post_id_614">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/dd427Az5XU1U.html" title="新版倚天屠龙记阿离结局是什么样的">
<img class="th-img zhuti-img-height" src="https://i03piccdn.sogoucdn.com/b649e1b1f808f836" alt="新版倚天屠龙记阿离结局是什么样的">
<div class="zhuantiinfo">新版倚天屠龙记阿离结局是什么样的</div>
</a>
</div>
</li>
<li class="post_id_371">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd996AD5SVVA.html" title="cp什么意思是情侣的意思吗">
<img class="th-img zhuti-img-height" src="https://i04piccdn.sogoucdn.com/11ac5ab69ac3adc7" alt="cp什么意思是情侣的意思吗">
<div class="zhuantiinfo">cp什么意思是情侣的意思吗</div>
</a>
</div>
</li>
<li class="post_id_1217">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dde0cAD5QUFBU.html" title="网络光纤线断了怎么接图解">
<img class="th-img zhuti-img-height" src="https://i04piccdn.sogoucdn.com/3e4a9713229949b4" alt="网络光纤线断了怎么接图解">
<div class="zhuantiinfo">网络光纤线断了怎么接图解</div>
</a>
</div>
</li>
<li class="post_id_891">
<div class="gundongimg">
<a href="https://www.6g9.cn/bkkp/dd721Az5ZW1A.html" title="哈尔滨健身教练培训学校电话地址">
<img class="th-img zhuti-img-height" src="https://i01piccdn.sogoucdn.com/d46bd466c52317ed" alt="哈尔滨健身教练培训学校电话地址">
<div class="zhuantiinfo">哈尔滨健身教练培训学校电话地址</div>
</a>
</div>
</li>
<li class="post_id_381">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddd3fAD5SWlA.html" title="二建分数查询入口官网">
<img class="th-img zhuti-img-height" src="https://i01piccdn.sogoucdn.com/00a38ef3d2f96c41" alt="二建分数查询入口官网">
<div class="zhuantiinfo">二建分数查询入口官网</div>
</a>
</div>
</li>
<li class="post_id_268">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/ddd4dAD5TVFk.html" title="进入路由器192.168.0.1登录">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/9478cf7e902b79c6" alt="进入路由器192.168.0.1登录">
<div class="zhuantiinfo">进入路由器192.168.0.1登录</div>
</a>
</div>
</li>
<li class="post_id_344">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd319AD5SVlU.html" title="武汉生物工程学院校长信箱">
<img class="th-img zhuti-img-height" src="https://i02piccdn.sogoucdn.com/3d25bc812cd861de" alt="武汉生物工程学院校长信箱">
<div class="zhuantiinfo">武汉生物工程学院校长信箱</div>
</a>
</div>
</li>
<li class="post_id_145">
<div class="gundongimg">
<a href="https://www.6g9.cn/qwsh/dd46bAD5QVlQ.html" title="中国十大名牌床排名左右">
<img class="th-img zhuti-img-height" src="https://i04piccdn.sogoucdn.com/8df11cc54dd535a0" 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.0422秒, 内存占用1.7 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>
