AI搜索

发需求

  • 发布软件需求
  • 发布代理需求
首页 > 数智知识 > 软件开发

探索web编程的早期先驱：HTML、CSS与JavaScript的诞生

   2025-04-25 9
导读

在探索web编程的早期历史中，HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript是三个关键里程碑。这些技术的共同出现极大地推动了互联网的发展，并改变了我们与数字内容互动的方式。

在探索web编程的早期历史中，HTML（超文本标记语言）、CSS（层叠样式表）和JavaScript是三个关键里程碑。这些技术的共同出现极大地推动了互联网的发展，并改变了我们与数字内容互动的方式。

HTML

1986年，蒂姆·伯纳斯-李发明了html，这是第一个用于创建网页的标准。html是一种简单的标记语言，它允许用户通过浏览器阅读、编辑和存储网页内容。html的核心功能包括：

  • 标签：使用特定的标签来定义文档的结构。例如，`` 标签定义整个文档，而 `` 和 `` 标签分别定义文档头部和主体部分。
  • 属性：为标签添加自定义属性以描述其内容或行为。例如，`` 标签用于设置页面标题。</li><li><strong>注释</strong>：使用 `` 或 `` 标签来添加注释，帮助开发者理解代码的意图。</li></ul><h3>CSS</h3><p>css（层叠样式表）是在1996年由css专家杰拉尔德·范·德·普尔发明的。css的出现极大地简化了网页的外观和布局。css的主要特点包括：</p><ul><li><strong>选择器</strong>：使用css选择器来选择元素，如 `.class` 选择所有具有特定类的元素。</li><li><strong>属性</strong>：定义元素的外观，如 `color`、`font-size` 等。</li><li><strong>盒模型</strong>：css使用盒模型来定位和格式化元素，包括 `margin`、`padding`、`border` 和 `box-sizing` 属性。</li><li><strong>伪类和伪元素</strong>：使用 `:hover`、`:before` 等伪类和伪元素来添加交互效果。</li></ul><p style="text-align: center;"><img src="https://www.itangsoft.com/static/image/lazy.gif" class="lazy" original="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/01/1752201035.png" title="探索web编程的早期先驱：HTML、CSS与JavaScript的诞生" alt="探索web编程的早期先驱：HTML、CSS与JavaScript的诞生"/></p><h3>JavaScript</h3><p>javascript是1995年由杰瑞·温特科姆发明的，它在2004年被w3c正式采纳为标准。javascript是一种高级编程语言，可以动态地更新网页内容，使网页能够响应用户的交互。javascript的主要功能包括：</p><ul><li><strong>事件处理</strong>：通过监听用户操作（如点击、键盘输入）来响应事件，如 `onclick`、`onkeydown`。</li><li><strong>dom操作</strong>：操作网页的文档对象模型（dom），包括添加、删除和修改元素。</li><li><strong>异步编程</strong>：使用回调函数、Promises 和其他异步机制来处理网络请求和数据加载。</li><li><strong>框架和库</strong>：javascript有许多框架和库，如jquery、react、angular等，它们提供了丰富的工具集，加速了web开发过程。</li></ul><h3>总结</h3><p>html、css和javascript共同构成了现代web开发的基石。随着这三个技术的不断发展和完善，我们可以构建出更加丰富、交互性和用户体验更佳的网站。从最初的html页面到现在的复杂应用，web技术的进步不仅体现在功能的增加，更在于如何更好地服务于用户的需求。未来，随着人工智能、大数据等技术的融入，web开发将进入一个新的时代，带来更多可能性和挑战。</p></div> </div> <div class="b20 c_b"> </div> <div class="tool"> <i class="like" onclick="Dlike(104, 871520, 0);">点赞 <b id="like-104-871520-0">0</b></i><i class="report" onclick="Dreport(104, 871520, 0);">举报</i><i class="favorite" onclick="Dfavor(104, 871520);">收藏 <b>0</b></i><a href="https://www.itangsoft.com/api/share.php?mid=104&itemid=871520" target="_blank"><i class="share">分享 <b>0</b></i></a></div> <div class="news-statement mt20"> <div class="zxpd_pd"> <div class="zxpd_tit">免责声明</div> <dl class="fl-clr"> <dt>• </dt> <dd>本文内容部分来源于网络，版权归原作者所有，经本平台整理和编辑，仅供交流、学习和参考，不做商用。转载请联系授权，并注明原文出处：https://www.itangsoft.com/baike/show-871520.html。 如若文中涉及有违公德、触犯法律的内容，一经发现，立即删除。涉及到版权或其他问题，请及时联系我们处理。 </dd> </dl> </div> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-txt"><span><a href="https://www.itangsoft.com/sell/">更多<i>></i></a></span><strong>热门产品</strong></div> <div class="information_detail_wdll information_detail_you_like information_detail_liuyan" style="margin:0px;"> <div class="information_detail_youLike_lb information_detail_youLike_lb1 swiper-container" style="margin-top:0px;padding:0px 35px;"> <div class="swiper-wrapper"> <div class="swiper-slide" title="蓝凌MK"> <a href="https://www.itangsoft.com/sell/show-6.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/134250471.png" alt="蓝凌MK" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-6.html" target="_blank" class="tit" title="蓝凌MK">蓝凌MK</a> </div> <div class="swiper-slide" title="帆软FineBI"> <a href="https://www.itangsoft.com/sell/show-15.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/123620211.png" alt="帆软FineBI" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-15.html" target="_blank" class="tit" title="帆软FineBI">帆软FineBI</a> </div> <div class="swiper-slide" title="悟空CRM"> <a href="https://www.itangsoft.com/sell/show-21.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/06/214735911.png" alt="悟空CRM" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-21.html" target="_blank" class="tit" title="悟空CRM">悟空CRM</a> </div> <div class="swiper-slide" title="简道云"> <a href="https://www.itangsoft.com/sell/show-13.html" target="_blank" class="imgbox vid"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/122859191.png" alt="简道云" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-13.html" target="_blank" class="tit" title="简道云">简道云</a> </div> <div class="swiper-slide" title="金蝶云星空"> <a href="https://www.itangsoft.com/sell/show-29.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/132911681.png" alt="金蝶云星空" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-29.html" target="_blank" class="tit" title="金蝶云星空">金蝶云星空</a> </div> <div class="swiper-slide" title="钉钉"> <a href="https://www.itangsoft.com/sell/show-30.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/133020341.png" alt="钉钉" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-30.html" target="_blank" class="tit" title="钉钉">钉钉</a> </div> <div class="swiper-slide" title="纷享销客CRM"> <a href="https://www.itangsoft.com/sell/show-5.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/115624441.png" alt="纷享销客CRM" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-5.html" target="_blank" class="tit" title="纷享销客CRM">纷享销客CRM</a> </div> <div class="swiper-slide" title="蓝凌EKP"> <a href="https://www.itangsoft.com/sell/show-8.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/15/174320891.png" alt="蓝凌EKP" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-8.html" target="_blank" class="tit" title="蓝凌EKP">蓝凌EKP</a> </div> <div class="swiper-slide" title="用友YonBIP"> <a href="https://www.itangsoft.com/sell/show-25.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/131647171.png" alt="用友YonBIP" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-25.html" target="_blank" class="tit" title="用友YonBIP">用友YonBIP</a> </div> <div class="swiper-slide" title="Workday"> <a href="https://www.itangsoft.com/sell/show-59.html" target="_blank" class="imgbox"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/152939881.png" alt="Workday" onerror="this.src='https://www.itangsoft.com/static/image/nopic120.png'"></a> <a href="https://www.itangsoft.com/sell/show-59.html" target="_blank" class="tit" title="Workday">Workday</a> </div> </div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-txt"><span><a href="https://www.itangsoft.com/baike/list-1542.html">更多<i>></i></a></span><strong>同类知识</strong></div> <div class="related"><table width="100%"> <tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-879167.html" title="网络安全风险形势分析：关键因素与对策探讨">• 网络安全风险形势分析：关键因素与对策探讨</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-879157.html" title="网络安全事件分析与应对措施">• 网络安全事件分析与应对措施</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-879130.html" title="掌握汉字：专为中年人设计的汉字学习App">• 掌握汉字：专为中年人设计的汉字学习App</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-879124.html" title="专为老年人设计的认证软件名称探索">• 专为老年人设计的认证软件名称探索</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-879120.html" title="软件测试缺陷定义：识别、分类和报告软件中的错误">• 软件测试缺陷定义：识别、分类和报告软件中的错</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-879117.html" title="打造软件界面：从概念到实现的完整指南">• 打造软件界面：从概念到实现的完整指南</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-879112.html" title="公安局软件开发：工作内容与技术要求概述">• 公安局软件开发：工作内容与技术要求概述</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-879108.html" title="隧道裂缝数据分析：关键指标与趋势预测">• 隧道裂缝数据分析：关键指标与趋势预测</a></td> </tr><tr><td width="50%"><a href="https://www.itangsoft.com/baike/show-879101.html" title="AI文字曲线排版技巧：创意编排与设计指南">• AI文字曲线排版技巧：创意编排与设计指南</a></td> <td width="50%"><a href="https://www.itangsoft.com/baike/show-879100.html" title="网络安全事件发生的风险增大的原因分析">• 网络安全事件发生的风险增大的原因分析</a></td> </tr></table> </div> </div> <div class="content_right f_kz_xh_f fr" style="background: #ffffff"> <div class="head-sub"><strong>推荐产品</strong> <span><a href="https://www.itangsoft.com/sell/">更多<i>></i></a></span> </div> <div class="list-thumb"> <table width="100%"> <tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-6.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/134250471.png" width="145" height="145" alt="蓝凌MK"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-6.html" title="蓝凌MK">蓝凌MK</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-15.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/123620211.png" width="145" height="145" alt="帆软FineBI"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-15.html" title="帆软FineBI">帆软FineBI</a></li></ul></td> </tr><tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-21.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202501/06/214735911.png" width="145" height="145" alt="悟空CRM"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-21.html" title="悟空CRM">悟空CRM</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-13.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/122859191.png" width="145" height="145" alt="简道云"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-13.html" title="简道云">简道云</a></li></ul></td> </tr><tr><td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-29.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/132911681.png" width="145" height="145" alt="金蝶云星空"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-29.html" title="金蝶云星空">金蝶云星空</a></li></ul></td> <td width="50%" valign="top"><a href="https://www.itangsoft.com/sell/show-30.html"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202502/26/133020341.png" width="145" height="145" alt="钉钉"/></a> <ul><li><a href="https://www.itangsoft.com/sell/show-30.html" title="钉钉">钉钉</a></li></ul></td> </tr></table> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-sub"><strong>推荐知识</strong></div> <div class="list-txt"><ul> <li><a href="https://www.itangsoft.com/baike/show-17825.html" title="c端软件开发公司,专注于C端软件开发的领先企业">c端软件开发公司,专注于C端软件开发的领先企业</a></li> <li><a href="https://www.itangsoft.com/baike/show-17826.html" title="c语言软件开发平台,C语言软件开发平台概览">c语言软件开发平台,C语言软件开发平台概览</a></li> <li><a href="https://www.itangsoft.com/baike/show-17827.html" title="软件开发：C++语言在现代编程中的重要性">软件开发：C++语言在现代编程中的重要性</a></li> <li><a href="https://www.itangsoft.com/baike/show-17828.html" title="C语言开发软件：掌握编程基础与实践技巧">C语言开发软件：掌握编程基础与实践技巧</a></li> <li><a href="https://www.itangsoft.com/baike/show-17829.html" title="用c++开发一个简单的软件,C++开发简易软件指南">用c++开发一个简单的软件,C++开发简易软件指南</a></li> <li><a href="https://www.itangsoft.com/baike/show-17830.html" title="用c开发一款软件,用C语言开发高效软件解决方案">用c开发一款软件,用C语言开发高效软件解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-17816.html" title="ERP与CRM的无缝集成：打造高效协同工作平台">ERP与CRM的无缝集成：打造高效协同工作平台</a></li> <li><a href="https://www.itangsoft.com/baike/show-17796.html" title="上海一站式工程项目管理平台定制解决方案">上海一站式工程项目管理平台定制解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-17798.html" title="人力资源管理系统定制,定制人力资源管理系统解决方案">人力资源管理系统定制,定制人力资源管理系统解决方案</a></li> <li><a href="https://www.itangsoft.com/baike/show-17805.html" title="C++开发APP：技术实力的体现">C++开发APP：技术实力的体现</a></li> </ul> </div> <div class="b20"> </div> <div class="b16 c_b" style="background:#F2F4FA;"> </div> <div class="head-sub"><strong>点击排行</strong></div> <div class="list-rank"><ul> <li><span class="f_r">1355</span><em>1</em><a href="https://www.itangsoft.com/baike/show-627842.html" title="智能内容生成：一键打造个性化内容助手">智能内容生成：一键打造个性化内容助手</a></li> <li><span class="f_r">1348</span><em>2</em><a href="https://www.itangsoft.com/baike/show-627740.html" title="软件测试管理规范的制定与实施指南">软件测试管理规范的制定与实施指南</a></li> <li><span class="f_r">499</span><em>3</em><a href="https://www.itangsoft.com/baike/show-627813.html" title="一键打造专属APP：简易制作指南">一键打造专属APP：简易制作指南</a></li> <li><span class="f_r">493</span><i>4</i><a href="https://www.itangsoft.com/baike/show-627745.html" title="AI驱动的内容营销：创新方法与技术整合">AI驱动的内容营销：创新方法与技术整合</a></li> <li><span class="f_r">487</span><i>5</i><a href="https://www.itangsoft.com/baike/show-627715.html" title="一体化管理系统软件开发，一体化管理系统软件开发解决方案">一体化管理系统软件开发，一体化管理系统软件开发解决方案</a></li> <li><span class="f_r">433</span><i>6</i><a href="https://www.itangsoft.com/baike/show-627708.html" title="教务管理系统实验操作流程与成效分析">教务管理系统实验操作流程与成效分析</a></li> <li><span class="f_r">377</span><i>7</i><a href="https://www.itangsoft.com/baike/show-627856.html" title="营销裂变小程序平台怎么做，如何打造营销裂变小程序平台？">营销裂变小程序平台怎么做，如何打造营销裂变小程序平台？</a></li> <li><span class="f_r">375</span><i>8</i><a href="https://www.itangsoft.com/baike/show-627785.html" title="开发一套客户管理系统的详细流程">开发一套客户管理系统的详细流程</a></li> <li><span class="f_r">373</span><i>9</i><a href="https://www.itangsoft.com/baike/show-627882.html" title="app内容策划，打造吸引用户的应用内容策略">app内容策划，打造吸引用户的应用内容策略</a></li> <li><span class="f_r">276</span><i>10</i><a href="https://www.itangsoft.com/baike/show-627876.html" title="深度剖析：App内容分析方法与应用效果评估">深度剖析：App内容分析方法与应用效果评估</a></li> </ul></div> <div class="b20"> </div> </div> </div> </div> <script type="text/javascript" src="https://www.itangsoft.com/static/script/content.js?v=1158dc9602"></script><div class="b10" id="footb"></div> <div class="footer"> <div class="w1220 copyright_a clearfix"> <div class="lianjie clearfix"> <div class="net_nav"> <strong>数智客户</strong> <ul> <li> <a href="https://www.itangsoft.com/member/my.php?mid=6&action=add" target="_blank" rel="nofollow">发布需求</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=10&action=add">我要提问</a> </li> <li> <a href="https://www.itangsoft.com/help/list-722.html" target="_blank" rel="nofollow">客户帮助</a> </li> <li> <a href="https://www.itangsoft.com/help/list-719.html" target="_blank" rel="nofollow">新人指南</a> </li> </ul> </div> <div class="net_nav"> <strong>服务企业</strong> <ul> <li> <a href="https://www.itangsoft.com/member/my.php?mid=5&action=add" target="_blank" rel="nofollow">发布产品</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=16&action=add" target="_blank" rel="nofollow">发布服务</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=103&action=add" target="_blank" rel="nofollow">发布方案</a> </li> <li> <a href="https://www.itangsoft.com/member/my.php?mid=102&action=add" target="_blank" rel="nofollow">发布案例</a> </li> </ul> </div> <div class="net_nav"> <strong>增值服务</strong> <ul> <li> <a href="https://www.itangsoft.com/member/grade.php" target="_blank" rel="nofollow">VIP 服务</a> </li> <li> <a href="https://www.itangsoft.com/spread/" target="_blank">排名推广</a> </li> <li> <a href="https://www.itangsoft.com/guestbook/" target="_blank">意见反馈</a> </li> <li> <a href="https://www.itangsoft.com/sitemap/" target="_blank">网站地图</a></li> </ul> </div> <div class="net_nav"> <strong>联系我们</strong> <div class="lianxi_box"> <p> <span>联系电话:</span> <a rel="nofollow">177-1642-7519</a> </p> <p> <span>联系邮箱:</span> <a href="mailto:service@itangsoft.com" rel="nofollow">service@itangsoft.com</a> </p> </div> </div> </div> <div class="erweima clearfix"> <div class="em_items fr xcx"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png" alt="小程序"></div> <strong>微信小程序</strong> <div class="big_em"> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png" alt="小程序"> <p>微信小程序</p> </div> </div> <div class="em_items fr gzh"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png" alt="公众号"></div> <strong>微信公众号</strong> <div class="big_em"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png" alt="公众号"> <p>微信公众号</p> </div> </div> <div class="em_items fr app"> <div class="erweima_pic"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125413611.png" alt="H5移动端"></div> <strong>H5移动端</strong> <div class="big_em"><img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125413611.png" alt="H5移动端"> <p>H5移动端</p> </div> </div> </div> </div> <div class="w1220 copyright_beian"> <div class="foot_page"> <a href="https://www.itangsoft.com/">网站首页</a>  |  <a href="https://www.itangsoft.com/about/index.html">关于我们</a>  |  <a href="https://www.itangsoft.com/about/contact.html">联系方式</a>  |  <a href="https://www.itangsoft.com/about/agreement.html">用户协议</a>  |  <a href="https://www.itangsoft.com/about/privacy.html">隐私政策</a>  |  <a href="https://www.itangsoft.com/about/copyright.html">版权声明</a>  |  <a href="https://www.itangsoft.com/sitemap/">网站地图</a>  |  <a href="https://www.itangsoft.com/spread/">排名推广</a>  |  <a href="https://www.itangsoft.com/ad/">广告服务</a>  |  <a href="https://www.itangsoft.com/gift/">积分换礼</a>  |  <a href="https://www.itangsoft.com/guestbook/">网站留言</a>  |  <a href="https://www.itangsoft.com/feed/">RSS订阅</a>  |  <a href="javascript:Dreport(104, 871520, 0);">违规举报</a></div> <div id="copyright">©2019-2025 四川唐软科技集团股份公司 版权所有</div> <div class="clearfix"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2023013609号</a></div><div class="clearfix"><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=51015602000223" target="_blank" rel="nofollow"><img class="i-wano" src="https://www.itangsoft.com/static/image/i-wano.png" alt="" width="18" height="20"> 川公网安备51015602000223号</a></div></div> </div> <!--右侧浮动--> <div class="xuanfu_box" style="bottom: 140px; display: block;"> <div class="item item_rz" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon2_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon2_2.png" class="icon2"><p>入驻</p></div> <div class="boxtwo"> <p class="pone">企业入驻成功 可尊享多重特权</p> <p class="ptwo">入驻热线：177-1642-7519</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125703951.png"> <p class="pthree">企业微信客服</p> </div> </div> <div class="item item_kf" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon4_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon4_2.png" class="icon2"><p>客服</p></div> <div class="boxtwo"> <p class="ptwo">客服热线：177-1642-7519</p> <div class="kf_new"> <a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服1</a><a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服2</a><a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=441376248&site=qq&menu=yes" class="rb_qqtalk_btn rb_gradient">客服3</a></div> </div> </div> <div class="item item_qg" style="display: block;"> <div class="boxone"><img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon1_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon1_2.png" class="icon2"><p>小程序</p></div> <p class="qp">小程序更便捷的查找产品</p> <div class="boxtwo"> <p class="pone">为您提供专业帮买咨询服务</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125305931.png"> <p class="pthree">请用微信扫码</p> </div> </div> <div class="item item_lxkf" style="display: block;"> <div class="boxone"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon3_1.png" class="icon1"> <img src="https://www.itangsoft.com/static/skin/s11skin/img/xuanfu_box_icon3_2.png" class="icon2"><p>公众号</p></div> <div class="boxtwo"> <p class="pone">微信公众号，收获商机</p> <img src="https://tangsoft.oss-cn-chengdu.aliyuncs.com/202503/16/125248941.png"> <p class="pthree">微信扫码关注</p> </div> </div> <div class="return_top"><span class="iconfontkz iconkz-shang"></span><p>顶部</p></div> </div><script type="text/javascript" src="https://www.itangsoft.com/static/js/foot.xh.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/sticky.min.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/sticky.xh.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/swiper4.5.3/swiper.min.js?v=1158dc9602"></script><script type="text/javascript" src="https://www.itangsoft.com/static/js/common.xh.js?v=1158dc9602"></script><script type="text/javascript"> $(function(){ $('img').lazyload({ threshold :20, //event : "sporty", failurelimit : 20 }); var imgtimeout = setTimeout(function() { $("img").trigger("scroll") }, 800); Dhotxh();Dfixon(); }); </script> </body> </html><script type="text/javascript" src="https://www.itangsoft.com/static/js/article-show.js?v=1158dc9602"></script>