在探索互联网世界这片广阔领域的过程中，网页设计扮演着极其关键的角色。它不仅仅关乎网站的外观与感觉，更从深层次影响着用户的交互体验以及信息的传达效率。对于初学者而言，理解并掌握网页设计的基本元素——标签，是踏入这一领域的起始点。本文将深入探究网页设计的标签究竟是什么、它们具有哪些作用，以及如何有效地运用这些标签来优化网站的设计。
### 什么是网页设计的标签
简而言之，网页设计的标签是指用于构建网页结构和内容的一组HTML（超文本标记语言）标签。HTML作为一门标准语言，借助一系列的标签（tags），对网页内容的结构以及显示方式进行定义。例如，
标签用于确定页面的主标题，而
标签则用于定义段落文本。这些标签不仅为网页的视觉布局搭建起框架，还对搜索引擎优化（SEO）以及网页的可访问性有着重要的影响。
### 网页设计标签的重要性
网页设计标签的重要性不容小觑。首先，它们是构成网页结构的基础，决定了网页内容的组织形式。养成良好的标签使用习惯，能够提升网站的用户体验，使信息呈现得更加清晰有序。其次，合理的标签结构有助于提高网页的加载速度，进而提升用户的满意度以及搜索引擎排名。此外，随着移动互联网的日益普及，响应式设计变得十分必要，而像HTML5等现代标签则为实现响应式布局提供了强大的工具支持。
### 常用的网页设计标签
- **文档结构标签**：诸如用于声明文档类型，还有、
、等共同构成了HTML文档的基本骨架。
- **头部标签**：包括
用于设置网页标题，<meta>可提供元数据，如关键词、描述等，<link>则用于引入外部样式表或图标。</p>
<p>- **内容标签**：如从<h1>到<h6>用于定义不同级别的标题，<p>用于定义段落，<ul>和<ol>分别用于定义无序列表和有序列表。</p>
<p>- **图像与媒体标签**：<img>用于嵌入图像，<video>和<audio>允许嵌入音频和视频内容。</p>
<p>- **链接标签**：<a>用于创建超链接，连接网页内外的不同资源。</p>
<p>- **表格标签**：如<table>、<tr>、<td>等用于构建表格数据展示。</p>
<p>### 如何有效利用网页设计标签</p>
<p>若要有效利用网页设计标签，要求设计师不仅要熟悉各种标签的功能和用途，还得掌握最佳实践原则。例如，合理运用<header>、<footer>、<article>、<section>等语义化标签，能够提高代码的可读性和可维护性。同时，要注重内容的层次结构和逻辑性，确保重要信息突出且易于导航。另外，考虑到SEO优化的因素，合理布置关键词和描述性文本也是不可或缺的一个环节。</p>
<p>### 结论</p>
<p>网页设计的标签不仅是构建网页的技术手段，更是塑造用户体验、提升网站性能以及优化搜索引擎排名的关键所在。掌握并精通这些标签的使用，对于任何一个希望在互联网上留下印记的个人或者企业来说，都是最基础的内容。随着技术的持续进步以及用户需求的日趋多样化，持续学习并适应新的标签及设计趋势，将是每一位网页设计师的必修课程。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx/70028.html">中企动力：深入理解网页设计中的P标签，内容结构与可访问性的关键</a>
</p>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求"
class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"
></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength="11" placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<div class="btnBox">
<span class="btna zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
</div>
</span>
</div>
</div>
</form>
</div>
<!-- 右侧推荐内容 -->
<div class="linkList">
<h2>相关文章</h2>
<a class="recommended-item" href="/xxzx/89930.html" target="_blank" title="企业如何通过专业网站实现品牌跃迁与流量倍增">企业如何通过专业网站实现品牌跃迁与流量倍增</a>
<a class="recommended-item" href="/xxzx/89929.html" target="_blank" title="网站不只是门面 更是企业数字资产的核心入口">网站不只是门面 更是企业数字资产的核心入口</a>
<a class="recommended-item" href="/xxzx/89928.html" target="_blank" title="专业网站建设如何帮中企动力业实现品牌价值与流量双增长">专业网站建设如何帮中企动力业实现品牌价值与流量双增长</a>
<a class="recommended-item" href="/xxzx/89927.html" target="_blank" title="企业选网站建设服务商必须关注技术、服务与行业经验三大要素">企业选网站建设服务商必须关注技术、服务与行业经验三大要素</a>
<a class="recommended-item" href="/xxzx/89926.html" target="_blank" title="从制造业案例看网站建设如何提升用户停留时长与SEO流量">从制造业案例看网站建设如何提升用户停留时长与SEO流量</a>
<div class="linkSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxpcxq" data-slug="dldxpcxq" data-swiper="linkSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="/xxzx/{url}" target="{target}">
<img pic-src="/{pic}" alt="">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
</div>
</div>
</div>
</div>
<!-- 移动端内容区 -->
<div class="m-wrap hidden-lg">
<div class="powerUniversity-toobar-m">
<a>
<img src="https://s.300.cn/static/v1/images/powerUniversity/logo-m.png" alt="">
</a>
<form id="topBarSerach-m" action="/xxzx/search" method="get">
<div class="inputBox">
<input type="text" placeholder="请输入关键字查找..." id="search-input-m" class="info-search-input" name="wd" value="" />
<i class="iconfont iconsousuo1"></i>
</div>
</form>
</div>
<div class="detailSwiper">
<div class="swiper-wrapper ajax_gg_new gg_dldxmxq" data-slug="dldxmxq" data-swiper="detailSwiper">
<ggtemplate>
<div class="swiper-slide">
<a url-href="/xxzx/{url}" target="{target}">
<img pic-src="/{pic}" alt="">
</a>
</div>
</ggtemplate>
</div>
<!-- 如果需要分页器 -->
<div class="pagination"></div>
</div>
<div class="detailBox">
<h3>中企动力：网页设计的标签是什么</h3>
<div class="crumbs">
<a>学习中心</a>
<span>/</span>
<a href="/xxzx/wzjsyy">网站建设学院</a>
</div>
<div class="msg">
<span class="date">2025-04-10</span>
<div class="num" style="display:flex;">
<span class="watch">
<i class="iconfont iconchakan"></i>
<browse class="clickcount-learn-70027" data-type="learn" data-id="70027"></browse>
</span>
<div class="applaud" data-chanid="460" data-id="70027">
<i class="iconfont iconbixin"></i>
<span class="num"><like class="goodcount-learn-70027" data-type="learn" data-id="70027"></like></span>
<p class="add animated">
赞同+1
</p>
</div>
</div>
</div>
<!-- 富文本区域 -->
<div class="ricthText case-content">
<p>在探索互联网世界这片广阔领域的过程中，<a href="/" target="_blank">网页设计</a>扮演着极其关键的角色。它不仅仅关乎网站的外观与感觉，更从深层次影响着用户的交互体验以及信息的传达效率。对于初学者而言，理解并掌握网页设计的基本元素——标签，是踏入这一领域的起始点。本文将深入探究网页设计的标签究竟是什么、它们具有哪些作用，以及如何有效地运用这些标签来优化网站的设计。</p>
<p>### 什么是网页设计的标签</p>
<p>简而言之，网页设计的标签是指用于构建网页结构和内容的一组HTML（超文本标记语言）标签。HTML作为一门标准语言，借助一系列的标签（tags），对网页内容的结构以及显示方式进行定义。例如，<h1>标签用于确定页面的主标题，而<p>标签则用于定义段落文本。这些标签不仅为网页的视觉布局搭建起框架，还对<a href="/seo1.html" target="_blank">搜索引擎优化</a>（SEO）以及网页的可访问性有着重要的影响。</p>
<p>### 网页设计标签的重要性</p>
<p>网页设计标签的重要性不容小觑。首先，它们是构成网页结构的基础，决定了网页内容的组织形式。养成良好的标签使用习惯，能够提升网站的用户体验，使信息呈现得更加清晰有序。其次，合理的标签结构有助于提高网页的加载速度，进而提升用户的满意度以及<a href="/seo1.html" target="_blank">搜索引擎排名</a>。此外，随着移动互联网的日益普及，响应式设计变得十分必要，而像HTML5等现代标签则为实现响应式布局提供了强大的工具支持。</p>
<p>### 常用的网页设计标签</p>
<p>- **文档结构标签**：诸如<!DOCTYPE html>用于声明文档类型，还有<html>、<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>、<body>等共同构成了HTML文档的基本骨架。</p>
<p>- **头部标签**：包括<title>用于设置网页标题，<meta>可提供元数据，如关键词、描述等，<link>则用于引入外部样式表或图标。</p>
<p>- **内容标签**：如从<h1>到<h6>用于定义不同级别的标题，<p>用于定义段落，<ul>和<ol>分别用于定义无序列表和有序列表。</p>
<p>- **图像与媒体标签**：<img>用于嵌入图像，<video>和<audio>允许嵌入音频和视频内容。</p>
<p>- **链接标签**：<a>用于创建超链接，连接网页内外的不同资源。</p>
<p>- **表格标签**：如<table>、<tr>、<td>等用于构建表格数据展示。</p>
<p>### 如何有效利用网页设计标签</p>
<p>若要有效利用网页设计标签，要求设计师不仅要熟悉各种标签的功能和用途，还得掌握最佳实践原则。例如，合理运用<header>、<footer>、<article>、<section>等语义化标签，能够提高代码的可读性和可维护性。同时，要注重内容的层次结构和逻辑性，确保重要信息突出且易于导航。另外，考虑到SEO优化的因素，合理布置关键词和描述性文本也是不可或缺的一个环节。</p>
<p>### 结论</p>
<p>网页设计的标签不仅是构建网页的技术手段，更是塑造用户体验、提升网站性能以及优化搜索引擎排名的关键所在。掌握并精通这些标签的使用，对于任何一个希望在互联网上留下印记的个人或者企业来说，都是最基础的内容。随着技术的持续进步以及用户需求的日趋多样化，持续学习并适应新的标签及设计趋势，将是每一位网页设计师的必修课程。</p>
</div>
<p class="tip">注：文章来源于网络，如有侵权请联系客服小姐姐删除。</p>
<p class="next">
<span>下一篇：</span>
<a href="/xxzx//70028.html">中企动力：深入理解网页设计中的P标签，内容结构与可访问性的关键</a>
</p>
</div>
<!-- 表单 -->
<form action="/customer/feedback?is_ajax=1" method="post" id="submitFormSpecial" name="submitform">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" /> <!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" name="formType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value='' /> <!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="" />
<input type="hidden" other_title="备注" class="other" value="学习中心网站建设学院知识咨询" />
<div class="formBox">
<h3>没有找到您希望了解的内容？</h3>
<h4><span>*</span>请具体描述您想要了解的内容：</h4>
<div style="position: relative;">
<textarea other_title="其他需求" class="formText required other" maxlength="200" id="" cols="30" rows="10" required_msg="具体描述不能为空"
placeholder="限定最大输入200个字符"></textarea>
<span class="maxNum">0/200</span>
</div>
<h4><span>*</span>请留下联系方式，以便我们能联络到您：</h4>
<input type="text" name="mobile" class="phone" value="" maxlength='11' placeholder="手机号码" />
<input type="text" class="code verifyInput" name="verify" value="" placeholder="验证码" />
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="code_image" alt="">
<span class="btn1 zixunsubmit" >提交问题</span>
<span class="wechat">
<i class="iconfont iconweixin1"></i>
<span>微信咨询专家</span>
</span>
<div class="poperWrap">
<div class="poper">
<img class="qr-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="">
<p class="qr-tip">扫一扫，添加<span>动力小姐姐</span>微信</p>
<i class="iconfont iconguanbi11 closePoper"></i>
</div>
</div>
</div>
</form>
</div>
</div>
<input type="hidden" id="articleId" value="70027" />
<input type="hidden" id="channelId" value="460" />
<input type="hidden" id="channelType" value="learn" />
<input type="hidden" id="isDetail" value="1" />
<link rel="stylesheet" href="https://s.300.cn/static/v1/css/components/component-tel.css?202104171" />
<div class="hidden-xs hidden-md hidden-sm">
<div class="ics-tel pc tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="text" class="tel-num telNum" value="" placeholder="输入手机号" />
<div class="clear-btn" style="display: none">
x
</div>
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 20px;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
</div>
<div class="hidden-lg">
<div class="ics-tel m tc">
<!-- 产品页为：获取外贸...报价 -->
<div class="word footer-word"></div>
<div class="tel-inp">
<div class="tel-inp-line">
<div class="contry-code">+86</div>
<input type="tel" class="tel-num telNum" value="" placeholder="输入手机号" />
<!-- <div class="clear-btn">x</div> -->
</div>
<div class="tel-inp-line _codeLine" style="margin: 0 .2rem;display: none;">
<input type="text" class="tel-code telCode" value="" placeholder="验证码" />
<div class="clear-code-btn" style="display: none">
x
</div>
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="tel_verify_image" alt="">
</div>
<a class="main-btn" type="button" href="javascript:void(0)">预约生成报价单 </a>
</div>
</div>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenFooterForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
<!-- 移动端底部 -->
<!-- 移动端调试工具 -->
<div class="hidden-lg">
<script src="https://s.300.cn/static/v1/libs/js/public.m.js?20230104203054"></script>
<script src="https://s.300.cn/static/v1/libs/js/form.m.js?20230104203054"></script>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/headsearch.js?20230104203054"></script>
<div class="footer m">
<div class="copy-right">
<p>
Copyright ? 1999-2025 中企金年会科技股份有限公司（300.cn）All Rights
Reserved
</p>
<p>京公网安备11030102010293号 京ICP证010249-2</p>
<p>代理域名注册服务机构： 中网金年会（天津）科技有限公司 北京金年会数码信息技术有限公司</p>
</div>
</div>
<script>
$(function(){
$('#footerDialogLabel').click(function(){
$("#footerDialog").stop().fadeIn(300);
})
$('#footerDialog').on('touchmove',function(e){
e.stopPropagation();
e.preventDefault();
})
$('#footerDialog #consultClose').click(function(){
$("#footerDialog").stop().fadeOut(300);
})
$('#footerDialog .verify_image_footer').on('click',function(){$(this).attr('src','/verify/verify?date='+ (+new Date()))})
})
</script>
<!-- 移动端表单弹窗 -->
<div class="footerDialogModalWrap" id="footerDialog">
<form action="/customer/feedback" method="post">
<input type="hidden" class="log_id" name="log_id" value="" />
<input type="hidden" class="promoteSlug" name="promoteSlug" value="" />
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="" />
<input type="hidden" class="formSlug" name="formSlug" value="" />
<input type="hidden" class="landUrl" name="landUrl" value="" />
<input type="hidden" class="formType" name="formType" value="手机站底表单" />
<!-- 打开表单按钮 -->
<input type="hidden" class="eventType" name="eventType" value="m-bottom-form" />
<div class="pop-form-wrap">
<div id="consultClose" class="pop-form-close">
<img src="https://s.300.cn/v3.0/m-branch/images/consult-close.png" alt="">
</div>
<p class="pop-form-title">立即联系我</p>
<div class="pop-form-content">
<div class="pop-form-item">
<input type="text" name="company" placeholder="请输入公司名称">
</div>
<div class="pop-form-item">
<input type="text" name="mobile" placeholder="请输入手机号码">
</div>
<div class="pop-form-item">
<input type="text" name="truename" placeholder="请输入联系人">
</div>
<div class="flex-row pop-form-item">
<input type="text" id="verify" name="verify" class="verifyInput" placeholder="请输入验证码">
<img style="width:auto;height: 8vw;display: inline-block; vertical-align: middle;"
src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_footer" data-act=""
alt="">
</div>
<div class="pop-form-btn">
<input type="hidden" name="baiduSource" id="baiduSource"
value="INTENTION_SOURCE_300_FORM02" />
<div id="consultSubmit" class="pop-form-submit consult-submit zixunsubmit">立即提交</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- PC端底部 -->
<div class="hidden-xs hidden-md hidden-sm _pc">
<div class="footer">
<div class="footer-topbar">
<div class="main-wrap new-w1200">
<ul class="footer-topbar-content clearfix">
<li class="footer-topbar-item">
<div class="cycle cycle1">
<span class="f28">7</span> x <span class="f28">24</span>
</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle2"><span class="f28">100</span> 倍</div>
<div>故障时长赔付</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle3"><span class="f28">26</span> 年</div>
<div>26年行业服务经验</div>
<!-- <div class="cycle cycle3"><span class="f28">25</span> 年</div>
<div>25年行业服务经验</div> -->
</li>
<li class="footer-topbar-item">
<div class="cycle cycle4"><span class="f28">70</span> 家</div>
<div>全国售后支持</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle5"><span class="f28">1600</span>+ 名</div>
<div>超千人的设计、研发团队</div>
</li>
<li class="footer-topbar-item">
<div class="cycle cycle6"><span class="f28">150</span> 万</div>
<div>服务企业客户150万家</div>
</li>
</ul>
<div class="line"></div>
</div>
</div>
<div class="footer-body">
<div class="main-wrap footer-content new-w1200">
<div class="clearfix">
<div class="footer-menu">
<a target="_blank" href="/contact.html">联系我们</a><span>|</span>
<a href="/feedback.html" target="_blank">意见反馈</a><span>|</span>
<a href="/aboutus/org.html" target="_blank">全国网点</a><span>|</span> <a
href="/map.html" target="_blank">站点地图</a><span>|</span>
<a href="/aboutus/link.html" target="_blank">友情链接</a><span>|</span>
<a href="https://www.myce.cn/" target="_blank">行业站</a><span>|</span>
<a href="https://mailv.zmail300.cn/webmail/login.php?msg=login&source=300"
target="_blank">邮箱登录</a><span>|</span>
<a href="https://en.300.cn/" target="_blank">English</a><span>|</span>
<a href="http://www.ce-group.cn/" target="_blank">中企集团官网</a>
</div>
<div class="copyright mt10">
Copyright ? 1999-2025 中企金年会科技股份有限公司（300.cn）版权所有
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11030102010293 "
target="_blank" style="color: #999">京公网安备11030102010293号 </a><a
href="http://beian.miit.gov.cn" target="_blank" style="color: #999">京ICP证010249-2</a><span
style="
display: inline-block;
vertical-align: middle;
margin-left: 10px;
">
<script id="IPv6Script" type="text/javascript"
src="https://ipv6.knet.cn/logo.dll?sn=ES19120636ND144173&w=47"></script>
</span>
</div>
<div class="footer-menu mt10">代理域名注册服务机构： 中网金年会（天津）科技有限公司 北京金年会数码信息技术有限公司</div>
<div class="kx-wrap clearfix">
<div class=" fl">
<div class="fl">
<script id="kXScript_1" type="text/javascript"
src="https://kxlogo.knet.cn/seallogo.dll?sn=2009111300100000738&h=28"></script>
</div>
</div>
</div>
</div>
<div class="footer-tel clearfix">
<i class="iconfont iconshouyedibudianhua fl"></i>
<div class="fl">
<div>
售后服务：<span class="sll-tel">400-660-5555-1</span>
</div>
<!-- <div>
<span class="sll-z9 fr">应急响应专线转 (9)</span>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<script charset="UTF-8" src="https://s.300.cn/static/v1/libs/js/sensorsdata/sensorsdata.min-1.26.12.js"></script>
<script charset="UTF-8">
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
server_url: 'https://cdp-event.ceboss.cn/sa?project=production',
heatmap: { scroll_notice_map: 'not_collect' },
use_client_time: true,
show_log: false,
send_type: 'beacon',
});
var productName300cn = ZQDL.util.productName300cn;
var domaintmp = document.domain;
var custId300cn = getCookie('300cn_custId');
domaintmp = domaintmp.replace(/dev-/, '');
domaintmp = domaintmp.replace(/test-/, '');
domaintmp = domaintmp.replace(/pre-/, '');
if(custId300cn){
sensors.login(custId300cn)
}
var str = {
is_login: custId300cn ? true : false,
product_name: productName300cn[domaintmp],
};
if($('#live_carousel_id').val()!=undefined && $('#live_carousel_title').val()!=undefined){
str.live_carousel_id = $('#live_carousel_id').val();
str.live_carousel_title = $('#live_carousel_title').val();
}
sensors.registerPage(str);
/*神策活动埋点数据*/
sensors.register({
ce_hd_slug:getCookie('ce_hd_slug')?getCookie('ce_hd_slug') : 'gz_gz_gz',
});
sensors.quick('autoTrack');
var consoleApiBaseUri = 'https://new-api-console.300.cn';
var shopApiBaseUri = 'https://api-shop.300.cn';
var memberPcBaseUri = 'https://new-console.300.cn';
var portalBuyBaseUri = 'https://portalbuy.300.cn';
var basePcUri = '';
var baseMUri = 'https://m.300.cn';
var baseuriMmemberHome = 'https://h5.300.cn';
</script>
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2627684817413321');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2627684817413321&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- pc -->
<div class="_tool-bar hidden-xs hidden-sm hidden-md">
<a href="https://tb.53kf.com/code/client/10168926/3" class="_tool-oval-info" target="_blank"
style="position: relative;justify-content: center;flex-direction: column;">
<i class="iconfont iconce-zaixianzixun" aria-hidden="true"></i>
<span>在线咨询</span>
</a>
<div class="_tool-bar-bottom">
<div class="wachat-box">
<div class="qrcode-box">
<img class="qrcode-img" src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210303221641" alt="" />
<p class="qrcode-tip">添加<span>动力小姐姐</span>微信</p>
</div>
<i class="iconfont iconce-erweima" aria-hidden="true"></i><span>微信咨询</span>
</div>
<div class="wachat-box phone-box">
<div class="qrcode-box _tool-contact _phoneContent">
<div class="_tool-contact-cell">
<div class="_fl"><i class="iconfont iconce-womenlianxinin" aria-hidden="true"></i></div>
<div class="_fl _tool-contact-type">我们联系您</div>
<div class="clearfix"></div>
<div class="_tool-contact-mobile">
<input type="tel" value="" class="_phoneNumber" autocomplete="off" name="mobile" id="mycall_input"
required="required" placeholder="输入手机号" />
</div>
<div class="_tool-contact-code">
<input type="text" name="verify" id="mycall_verify" autocomplete="off" class="_codeNumber"
placeholder="验证码" />
<div class="_codeImg">
<img src="https://s.300.cn/v3.0/home/images/yzm_null.jpg" class="verify_image_left" alt="">
</div>
<div class="clearfix"></div>
</div>
<button type="button" class="_tool-submit" id="mycall_submit">免费回拨</button>
<form action="/customer/feedback?is_ajax=1" method="post" id="_hiddenForm" style="display: none;">
<input type="hidden" name="is_pop" value="1">
<input type="hidden" class="log_id" name="log_id" value="44a9f2a8-8f34-d24a-e637-e0347eb12b70">
<input type="hidden" class="promoteSlug" name="promoteSlug" value="">
<!-- 常规表单不记入活动 -->
<input type="hidden" class="channelSlug" name="channelSlug" value="">
<input type="hidden" class="formSlug" name="formSlug" value="guanwang">
<input type="hidden" class="landUrl" name="landUrl" value="/">
<input type="hidden" name="formType" value="PC咨询联系浮窗">
<!-- 打开表单按钮 -->
<input type="hidden" name="eventType" value="pc-zixun">
<!-- 打开表单按钮 -->
<input type="hidden" class="sourceUrl" name="sourceUrl" value="">
<input type="hidden" name="baiduSource" value="INTENTION_SOURCE_300_FORM01">
</form>
</div>
</div>
<i class="iconfont iconce-kefu" aria-hidden="true"></i><span>咨询回电</span>
</div>
</div>
</div>
<div class="_err_Msg"></div>
<!-- m -->
<div class="m-tool-bar hidden-lg">
<a href="/xxzx/tel:400-660-5555" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconshouyedibudianhua"></i></div>
<div class="m-tool-tip">电话沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="https://tb.53kf.com/code/client/10168926/3" class="m-tool-contact">
<div class="m-tool-i"><i class="iconfont iconce-zaixianzixun"></i></div>
<div class="m-tool-tip">在线沟通</div>
</a>
<div class="m-tool-line"></div>
<a href="javascript:void(0)" class="m-tool-contact m-qr-show">
<div class="m-tool-i"><i class="iconfont iconweixin"></i></div>
<div class="m-tool-tip">微信咨询</div>
</a>
<div class="m-qr-mask">
<div class="m-qr-mask-body">
<div class="m-qr-mask-head">微信扫码关注动力小姐姐 <span class="m-qr-close">X</span> </div>
<div class="m-qr-code">
<img src="https://a.300.cn/banner/20201209/5fd0705ba8c9b.jpg?20210308211108" alt="qr">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://s.300.cn/static/v1/js/toolbar.js?20230104203054"></script>
<!-- 弹窗 -->
<div class="hd-pop" id="hd_pop">
<div class="hd-pop-wrap" id="hd_pop_wrap">
<div class="hd-pop-content">
<div class="hd-content" id="hd_content"></div>
<div class="hd-pop-close" id="hd_pop_close"></div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://s.300.cn/attach/style/v3.0/home/css/login-pop.css?">
<div class="buy-pop-warning">
<div class="flex-col buy-pop-login">
<div class="flex-col buy-pop-block">
<p class="buy-pop-title">请登录您的帐号：</p>
<a href="/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login pc_home_login">去登录</a>
<a href="https://m.300.cn/sso/login" class="buy-pop-btn btn-a buy-pop-btn-login home_login m_home_login">去登录</a>
</div>
<div class="flex-row buy-pop-block">
<p class="buy-pop-p">如您尚未注册帐号，请先注册</p>
<a href="/reg/register" class="buy-pop-btn btn-b home_reg pc_home_reg">去注册</a>
<a href="https://h5.300.cn/reg/register" class="buy-pop-btn btn-b home_reg m_home_reg">去注册</a>
</div>
<a href="javascript:void(0);" class="buy-pop-close"></a>
</div>
</div>
<script>
/* 判断是否已登录 */
function checkLogin(callback) {
try {
callback(logined)
} catch (error) {
$.ajax({
url: basePcUri + '/sso/islogin?is_ajax=1',
type: 'POST',
dataType: 'jsonp',
data: {},
success: function (data) {
/* console.log(data); */
if (typeof callback === "function") {
callback(data);
}
}
})
}
}
</script>
<script>
ZQDL.util.path = {"shopapi":"api-shop.300.cn","consoleBuy":"https://portalbuy.300.cn","consoleApi":"https://new-api-console.300.cn","console":"https://new-console.300.cn","300cn":"","analytics":{"cnzz":"1260942543","baidu":"6f0f6cbf8573c4abf74207e5f6cf014","qq":"XzgwMDE0NDcwMF8zODA4NzdfODAwMTQ0NzAwXw"},"surl":{"url":"http:\/\/wx.300.cn\/index.php","tenant_id":1,"channel_type":1,"token_id":"ab0d4dfcd4cf0e76825641696088f919","passwordKey":"app#interface!"}};
ZQDL.util.protocol = ("https:" == document.location.protocol) ? " https://" : " http://";
ZQDL.util.zixun = {"tq":{"work":["08:59","17:45"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958279"},"bd":{"work":["17:45","08:59"],"no_work":["00:00","23:59"],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"360":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"tx":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=9246087"},"sg":{"work":["17:45","08:59"],"no_work":[],"url":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D","qq":"http:\/\/p.qiao.baidu.com\/cps\/chatIndex?reqParam=%7B%22from%22%3A0%2C%22sid%22%3A%22-100%22%2C%22tid%22%3A%22-1%22%2C%22ttype%22%3A1%2C%22siteId%22%3A%2210515806%22%2C%22userId%22%3A%2222490479%22%7D"},"sm":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"wy":{"work":["17.45","08.59"],"no_work":[],"url":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280","qq":"http:\/\/float2006.tq.cn\/static.jsp?version=vip&admiuin=8861514<ype=0&iscallback=1&page_templete_id=18369&is_message_sms=0&is_send_mail=0&uin=8958280"},"baidu_url":"http:\/\/p.qiao.baidu.com\/cps\/chat?siteId=10660374&userId=22490479","qq_url":"http:\/\/wpa.b.qq.com\/cgi\/wpa.php?ln=1&key=XzgwMDE0NDcwMF80NjQ2ODlfODAwMTQ0NzAwXzJf"};
</script>
</body>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?ad721a4a8912aa77ef574a4de1ff8526";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript">
ZQDL.apps.vistCount.load('https://s.300.cn/plugins/common/js/hm.js', function(){
var visittrack_siteId ="300cn";
var visittrack_url="https://s.300.cn/plugins/common/images/a.png";
var visittrack_memberId = 300;
var usrid= VisitTrack.getSessionValueFlowing();
if(usrid){
ZQDL.cookie.set('userId',usrid);
ZQDL.apps.visitSessionId=usrid;
}
VisitTrack.visittrack_log( visittrack_siteId, visittrack_url, visittrack_memberId);
ZQDL.apps.vistCount.init();
ZQDL.apps.vistCount.initForm();
ZQDL.apps.vistCount.countUrl = visittrack_url;
$('.zixun_count').on('click',function(){ZQDL.apps.vistCount.zixunClick(this);});
$('.visit_count').on('click',function(){ZQDL.apps.vistCount.visitCount(this);});
$('.baidu_call').on('click',function(){ZQDL.apps.vistCount.baiduCallClick(this);});
})
</script>
<!-- 励销云获客代码 -->
<script src='http://visitor.weiwenjia.com/public/js/visitor/index.js?siteId=1748&oid=11651423&signature=Fkld19qGW4yRDHy6ghLO/g==' data-visitor='visitor-identify' ></script>
<!-- 53客服 -->
<script>
(function() {var _53code = document.createElement("script");_53code.src = "https://tb.53kf.com/code/code/10168926/3";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(_53code, s);})();
</script>
<wxhml>
<div class="wx_share_wxhtml">
<input type="hidden" id="wx_sh_appid" value="">
<input type="hidden" id="wx_sh_nonceStr" value="">
<input type="hidden" id="wx_sh_signature" value="">
<input type="hidden" id="wx_sh_timestamp" value="">
</div>
</wxhml>
<input type="hidden" id="global_share_img" value="https://s.300.cn/v4.0/mobile/images/shareimg/ce300.jpg">
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://s.300.cn/plugins/common/js/wxhtml.js?20220413171324"></script>
<script>
$(function(){
info.cateList();
$('.formText').on('input',function(){
var msg = $(this).parent().children('.maxNum');
var max = $(this).prop('maxlength')
var curent = $(this).val().length;
msg.text(curent + "/" + max);
})
$('.code_image').on('click',function(){
$(this).prop('src','/verify/verify?'+ (+new Date()))
})
$('.verifyInput').on('click',function(){
$(this).siblings(".code_image").prop('src','/verify/verify?'+ (+new Date()));
})
if ($(".m-wrap").is(':visible')) {
$('.m-wrap .poperWrap').on('touchmove',function(e){
e.stopPropagation()
e.preventDefault()
})
$('.m-wrap .wechat').on('click',function(){
$('.m-wrap .poperWrap').fadeIn()
})
$('.m-wrap .poperWrap .closePoper').on('click', function () {
$('.m-wrap .poperWrap').fadeOut()
})
}
});
</script>
<script src="https://s.300.cn/static/v1/libs/js/jquery-ias.min.js?20230104203054"></script>
</html>
