HTML文件在网站代码中扮演什么角色？

浏览量:395 日期:2024-09-01 13:18:50 0 编辑:网站设计来源:网站设计

HTML文件在网站代码中扮演着至关重要的角色，它是一种超文本标记语言（HyperText Markup Language），用于描述网页的结构和内容。HTML文件通常以.html或.htm为扩展名，包含一系列的标签，这些标签告诉浏览器如何呈现网页内容。

HTML文件的主要作用包括以下几个方面：

描述网页结构：HTML通过使用各种标签（如、、</span></code><span style="font-family: 微软雅黑, "Microsoft YaHei";">、</span><code style="font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 13.6px; padding: 3px 5px; margin: 0px; white-space: break-spaces; background-color: var(--color-neutral-muted); border-radius: 6px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><body></span></code><span style="font-family: 微软雅黑, "Microsoft YaHei";">等）来描述网页的结构和内容。这些标签定义了网页的头部信息、主体内容、标题、段落、图片、链接等<span class="MuiStack-root search-kits_doc-reference-dot__OGFwr reference-num css-1v1fxwr" data-index="3" style="display: inline-flex; flex-direction: row; color: rgb(217, 45, 32); border: 1px solid rgb(217, 45, 32); align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; margin: 0px 2px 1px; border-radius: 14px; overflow: hidden; padding: 0px 3px; height: 13px; font-size: 9px; line-height: 13px; vertical-align: middle; font-family: "Noto Sans SC";"><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="8" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span></span>。</span></p></li><li><p node="[object Object]" style="margin-top: 16px; margin-bottom: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-weight: var(--base-text-weight-semibold,600);">定义网页内容</span>：HTML文件包含文本内容和特殊代码（称为标签），这些标签指示浏览器如何显示内容。例如，</span><code style="font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 13.6px; padding: 3px 5px; margin: 0px; white-space: break-spaces; background-color: var(--color-neutral-muted); border-radius: 6px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><p></span></code><span style="font-family: 微软雅黑, "Microsoft YaHei";">标签用于定义段落，</span><code style="font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 13.6px; padding: 3px 5px; margin: 0px; white-space: break-spaces; background-color: var(--color-neutral-muted); border-radius: 6px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><a></span></code><span style="font-family: 微软雅黑, "Microsoft YaHei";">标签用于创建超链接<span class="MuiStack-root search-kits_doc-reference-dot__OGFwr reference-num css-1v1fxwr" data-index="6" style="display: inline-flex; flex-direction: row; color: rgb(217, 45, 32); border: 1px solid rgb(217, 45, 32); align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; margin: 0px 2px 1px; border-radius: 14px; overflow: hidden; padding: 0px 3px; height: 13px; font-size: 9px; line-height: 13px; vertical-align: middle; font-family: "Noto Sans SC";"><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="6" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span></span>。</span></p></li><li><p node="[object Object]" style="margin-top: 16px; margin-bottom: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-weight: var(--base-text-weight-semibold,600);">增强用户体验</span>：HTML提供了许多标签，如标题标签、段落标签、图片标签等，这些标签可以用来提升网页的用户体验，例如通过标题和副标题来组织内容，通过图片和链接来丰富页面。</span></p></li><li><p node="[object Object]" style="margin-top: 16px; margin-bottom: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-weight: var(--base-text-weight-semibold,600);">SEO优化</span>：HTML文件中的元信息（如</span><code style="font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 13.6px; padding: 3px 5px; margin: 0px; white-space: break-spaces; background-color: var(--color-neutral-muted); border-radius: 6px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><title></span></code><span style="font-family: 微软雅黑, "Microsoft YaHei";">标签）有助于搜索引擎优化（SEO），因为搜索引擎会抓取这些信息来理解网页的内容和主题。</span></p></li><li><p node="[object Object]" style="margin-top: 16px; margin-bottom: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-weight: var(--base-text-weight-semibold,600);">跨平台兼容性</span>：HTML文件可以在任何具有网页浏览器的计算机上运行，不区分操作系统或设备类型，这使得网页具有良好的跨平台兼容性<span class="MuiStack-root search-kits_doc-reference-dot__OGFwr reference-num css-1v1fxwr" data-index="11" style="display: inline-flex; flex-direction: row; color: rgb(217, 45, 32); border: 1px solid rgb(217, 45, 32); align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; margin: 0px 2px 1px; border-radius: 14px; overflow: hidden; padding: 0px 3px; height: 13px; font-size: 9px; line-height: 13px; vertical-align: middle; font-family: "Noto Sans SC";"><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="14" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span></span>。</span></p></li><li><p node="[object Object]" style="margin-top: 16px; margin-bottom: 16px;"><span style="font-family: 微软雅黑, "Microsoft YaHei";"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-weight: var(--base-text-weight-semibold,600);">嵌入外部资源</span>：HTML文件可以嵌入外部资源，如CSS样式表、JavaScript脚本、图片、视频等，以增强网页的功能和视觉效果<span class="MuiStack-root search-kits_doc-reference-dot__OGFwr reference-num css-1v1fxwr" data-index="12" style="display: inline-flex; flex-direction: row; color: rgb(217, 45, 32); border: 1px solid rgb(217, 45, 32); align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; margin: 0px 2px 1px; border-radius: 14px; overflow: hidden; padding: 0px 3px; height: 13px; font-size: 9px; line-height: 13px; vertical-align: middle; font-family: "Noto Sans SC";"><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="15" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span></span>。</span></p></li></ol><p node="[object Object]" style="margin-top: 0px; margin-bottom: 16px; color: rgb(36, 41, 47); font-family: "Noto Sans SC", "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><span style="font-family: 微软雅黑, "Microsoft YaHei";">HTML文件是构建网页的基础，它通过一系列的标记标签描述网页的结构和内容，使浏览器能够正确地解析和显示网页<span class="MuiStack-root search-kits_doc-reference-dot__OGFwr reference-num css-1v1fxwr" data-index="14" style="display: inline-flex; flex-direction: row; color: rgb(217, 45, 32); border: 1px solid rgb(217, 45, 32); align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; margin: 0px 2px 1px; border-radius: 14px; overflow: hidden; padding: 0px 3px; height: 13px; font-size: 9px; line-height: 13px; vertical-align: middle; font-family: "Noto Sans SC";"><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="7" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span><span class="MuiBox-root css-11jubep" style="font-family: 微软雅黑, "Microsoft YaHei"; height: 7px; opacity: 0.5; margin: 0px 2px;"></span><span class="search-kits_select-none-text__Bbovy search-kits_select-none-text-pc__mrEI0" data-text="PDF" style="font-family: 微软雅黑, "Microsoft YaHei"; flex-shrink: 0; display: inline-flex; align-items: center; font-weight: 700 !important;"></span></span>。</span></p><p><br/></p>  <div class="t_time"> 本站文章均为<a title="" target="_blank">网站设计</a>摘自权威资料，书籍，或网络原创文章，如有版权纠纷或者违规问题，请即刻联系我们(tengxi@qq366.cn)删除，我们欢迎您分享，引用和转载，我们谢绝直接复制和抄袭！感谢... </div> <div class="t_fx xg_con"> <h4>相关文章</h4> <p> <a href="https://www.thetengxi.com/newshow/1701" target="_blank" title="网站设计应考虑哪些因素？" alt="网站设计应考虑哪些因素？">网站设计应考虑哪些因素？</a> </p> <p> <a href="https://www.thetengxi.com/newshow/1700" target="_blank" title="如何看待网站设计中色彩对比原则？" alt="如何看待网站设计中色彩对比原则？">如何看待网站设计中色彩对比原则？</a> </p> <p> <a href="https://www.thetengxi.com/newshow/1692" target="_blank" title="网站建设网站设计制作的流程" alt="网站建设网站设计制作的流程">网站建设网站设计制作的流程</a> </p> <p> <a href="https://www.thetengxi.com/newshow/1649" target="_blank" title="网站设计应该遵循哪些原则？" alt="网站设计应该遵循哪些原则？">网站设计应该遵循哪些原则？</a> </p> <p> <a href="https://www.thetengxi.com/newshow/1587" target="_blank" title="网站设计网站建设前需要准备哪些工作？" alt="网站设计网站建设前需要准备哪些工作？">网站设计网站建设前需要准备哪些工作？</a> </p> </div> <div class="t_fx"> <a class="fh" href="/" rel="nofollow">返回首页</a> 上一篇：<a class="next" href="https://www.thetengxi.com/newshow/1488" title="$prev['info_title']">为什么明确网站设计目标对于提升用户体验至关重要？</a> 下一篇：<a class="next" href="https://www.thetengxi.com/newshow/1706" title="$next['info_title']">如何诊断网站的SEO数据变化？</a> </div> </div> </div> <div class="con_list fr"> <div class="hots"> <h2>热门资讯</h2> <ul> <li> <a href="https://www.thetengxi.com/newshow/966" target="_blank" title="一个域名大概能卖多少钱" alt="一个域名大概能卖多少钱"> <em>1</em>一个域名大概能卖多少钱</a> </li> <li> <a href="https://www.thetengxi.com/newshow/44" target="_blank" title="超好看！英文网站常用的几种字体" alt="超好看！英文网站常用的几种字体"> <em>2</em>超好看！英文网站常用的几种字体</a> </li> <li> <a href="https://www.thetengxi.com/newshow/864" target="_blank" title="NAS存储品牌排行榜前十名有哪些？" alt="NAS存储品牌排行榜前十名有哪些？"> <em>3</em>NAS存储品牌排行榜前十名有哪些？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/1011" target="_blank" title="IP地址和域名都是唯一的吗？" alt="IP地址和域名都是唯一的吗？"> <em>4</em>IP地址和域名都是唯一的吗？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/1003" target="_blank" title="域名是唯一的吗？" alt="域名是唯一的吗？"> <em>5</em>域名是唯一的吗？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/941" target="_blank" title="十大免费域名网站排名 " alt="十大免费域名网站排名 "> <em>6</em>十大免费域名网站排名 </a> </li> <li> <a href="https://www.thetengxi.com/newshow/893" target="_blank" title="域名的格式有哪几种?" alt="域名的格式有哪几种?"> <em>7</em>域名的格式有哪几种?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/880" target="_blank" title="手机上显示服务器开小差去了，是怎么回事?" alt="手机上显示服务器开小差去了，是怎么回事?"> <em>8</em>手机上显示服务器开小差去了，是怎么回事?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/770" target="_blank" title="上网站建设-网站图片建议尺寸标准是多少?" alt="上网站建设-网站图片建议尺寸标准是多少?"> <em>9</em>上网站建设-网站图片建议尺寸标准是多少?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/417" target="_blank" title="网站域名即将到期？骗子在行动" alt="网站域名即将到期？骗子在行动"> <em>10</em>网站域名即将到期？骗子在行动</a> </li> <li> <a href="https://www.thetengxi.com/newshow/909" target="_blank" title="租用服务器大概需要多少钱?" alt="租用服务器大概需要多少钱?"> <em>11</em>租用服务器大概需要多少钱?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/845" target="_blank" title="什么是网易云服务器？" alt="什么是网易云服务器？"> <em>12</em>什么是网易云服务器？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/360" target="_blank" title="网站突然出现“该内容被禁止访问”该如何解决？" alt="网站突然出现“该内容被禁止访问”该如何解决？"> <em>13</em>网站突然出现“该内容被禁止访问”该如何解决？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/724" target="_blank" title="企业网站建设域名如何备案?" alt="企业网站建设域名如何备案?"> <em>14</em>企业网站建设域名如何备案?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/968" target="_blank" title="租用服务器多少钱一年?" alt="租用服务器多少钱一年?"> <em>15</em>租用服务器多少钱一年?</a> </li> <li> <a href="https://www.thetengxi.com/newshow/12" target="_blank" title="SEO到底有没有秘籍可言？" alt="SEO到底有没有秘籍可言？"> <em>16</em>SEO到底有没有秘籍可言？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/701" target="_blank" title="网站建设费用需要多少钱，2022价格表!" alt="网站建设费用需要多少钱，2022价格表!"> <em>17</em>网站建设费用需要多少钱，2022价格表!</a> </li> <li> <a href="https://www.thetengxi.com/newshow/1554" target="_blank" title="网站建设中比较受企业欢迎的几个特点？" alt="网站建设中比较受企业欢迎的几个特点？"> <em>18</em>网站建设中比较受企业欢迎的几个特点？</a> </li> <li> <a href="https://www.thetengxi.com/newshow/887" target="_blank" title="服务器停止响应是什么意思" alt="服务器停止响应是什么意思"> <em>19</em>服务器停止响应是什么意思</a> </li> <li> <a href="https://www.thetengxi.com/newshow/837" target="_blank" title="如果公司把服务器进行托管，一年需要多少钱?" alt="如果公司把服务器进行托管，一年需要多少钱?"> <em>20</em>如果公司把服务器进行托管，一年需要多少钱?</a> </li> </ul> </div> <br><br> <div class="hots"> <h2>猜您喜欢</h2> <ul> <li> <a href="https://www.thetengxi.com/category/8" target="_blank" title="注册公司流程和费用"> 注册公司流程和费用</a> </li> </ul> </div>  </div> </div> </div> <div class="news_rec"> <div class="news_rec_wrap"> <div class="h"> 最新资讯 </div> <div class="news_rec_con"> <ul class="clearfix"> <li> <a href="https://www.thetengxi.com/newshow/1706"> <div class="img"> <img src="/uploads/20250419/56c1f08a98ad3e25bc4c161929657d7c.png" alt="如何诊断网站的SEO数据变化？"> </div> <div class="con"> <h4>如何诊断网站的SEO数据变化？</h4> <p class="anless">优词网SEO监控软件：实现7天24小时实时网站SEO监测，提供专业数据报表呈现，并设有专门的危机预警机制。...</p> </div> </a> </li> <li> <a href="https://www.thetengxi.com/newshow/1705"> <div class="img"> <img src="/uploads/20250418/2936689db506d607967fb75ac6ef798e.png" alt="响应式布局方式的优点和缺点是什么?"> </div> <div class="con"> <h4>响应式布局方式的优点和缺点是什么?</h4> <p class="anless">精准适配：能够针对不同设备的屏幕尺寸、分辨率等特性，精确地应用特定的样式规则，实现对各种设备的高度适配，为用户提供最佳的视觉体验。...</p> </div> </a> </li> <li> <a href="https://www.thetengxi.com/newshow/1704"> <div class="img"> <img src="/uploads/20250417/c194666690fe046d9e4d0afda1a58563.png" alt="如何判断网站制作方面的能力？"> </div> <div class="con"> <h4>如何判断网站制作方面的能力？</h4> <p class="anless">互联网已经成为人们生活中不可或缺的一部分，作为一位致力于网站制作的专业人士，我深知这一领域的复杂性和重要性，网站不仅是信息的载体，也是品牌形象的展示窗口、用户体验的核心，以及商业成功的关键因素之一，因此评估自身在网站制作方面的能力，对于持续成长和提供高质量的服务极其重要。...</p> </div> </a> </li> <li> <a href="https://www.thetengxi.com/newshow/1703"> <div class="img"> <img src="/uploads/20250416/32837ef32bd9e24a664d66770312577a.png" alt="前端开发自适应网站时如何进行性能优化?"> </div> <div class="con"> <h4>前端开发自适应网站时如何进行性能优化?</h4> <p class="anless">前端开发自适应网站时，性能优化涉及多个方面，包括代码、图片、缓存等，以下是具体的优化方法：...</p> </div> </a> </li> <li> <a href="https://www.thetengxi.com/newshow/1702"> <div class="img"> <img src="/uploads/20250415/9dec99d1de191f66d4f0fa5583500721.png" alt="自适应网站的三大优势"> </div> <div class="con"> <h4>自适应网站的三大优势</h4> <p class="anless">提升用户体验：确保用户在任何设备上都能方便地浏览网站内容，进行交互操作，减少了用户因为设备适配问题而产生的困扰，提高了用户对网站的好感度和使用频率。...</p> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="w"> <p class="cl">热门搜索： <a href="https://www.dede58.com/citynew/shanghai" rel="nofollow" target="_blank">上海专业建站</a> <a href="https://www.thetengxi.com/" target="_blank">上海网站设计</a> <a href="https://wenku.baidu.com/view/5710a31280c4bb4cf7ec4afe04a1b0717fd5b3b1.html" rel="nofollow" target="_blank">上海建站模板</a> <a href="https://zhuanlan.zhihu.com/p/518685052" rel="nofollow" target="_blank">做网站费用多少</a> <a href="https://zhuanlan.zhihu.com/p/157598253" rel="nofollow" target="_blank">展示型网站怎么做</a> </p> </div> <div class="footer-topbar"> <div class="section service_home bd"> <div class="service_wrap"> <div class="main-wrap"> <ul class="clearfix"> <li> <h4>腾曦建站公司承诺</h4> <p>7x24小时内，任何异常反馈，15分钟内解决并妥善处理</p> </li> </ul> </div> </div> <div class="service_wrap" style="display: none;"> <div class="main-wrap"> <ul class="clearfix"> <li> <h4>售后政策承诺</h4> <p>无论您网站的任何问题和技术修复，我们都会及时处理</p> </li> </ul> </div> </div> <div class="service_wrap" style="display: none;"> <div class="main-wrap"> <ul class="clearfix"> <li> <h4>不满意退款政策承诺</h4> <p>只要您对我们设计和技术上任何不满意，我们全额退款</p> </li> </ul> </div> </div> <div class="service_wrap" style="display: none;"> <div class="main-wrap"> <ul class="clearfix"> <li> <h4>项目1对1沟通承诺</h4> <p>程序开发与您1对1交流和沟通，确保高效，品质，价值</p> </li> </ul> </div> </div> </div> <div class="main-wrap hd"> <ul class="footer-topbar-content clearfix"> <li class="footer-topbar-item on"> <div class="footer-topbar-item-con clearfix"> <div class="f-top-img f-left"> <i class="icon f-t-icon1"></i> </div> <div class="f-top-content f-left"> <p class="h4 f18">售后支持承诺</p> <p>7*24小时响应问题技术服务</p> </div> </div> </li> <li class="footer-topbar-item"> <div class="footer-topbar-item-con clearfix"> <div class="f-top-img f-left"> <i class="icon f-t-icon2"></i> </div> <div class="f-top-content f-left"> <p class="h4 f18">免费政策承诺</p> <p>永久性免费技术售后服务</p> </div> </div> </li> <li class="footer-topbar-item"> <div class="footer-topbar-item-con clearfix"> <div class="f-top-img f-left"> <i class="icon f-t-icon3"></i> </div> <div class="f-top-content f-left"> <p class="h4 f18">退款政策承诺</p> <p>不满意服务承诺全额退款</p> </div> </div> </li> <li class="footer-topbar-item"> <div class="footer-topbar-item-con clearfix"> <div class="f-top-img f-left"> <i class="icon f-t-icon4"></i> </div> <div class="f-top-content f-left"> <p class="h4 f18">设计团队承诺</p> <p>设计/技术1对1亲自沟通</p> </div> </div> </li> </ul> </div> <script> jQuery(".footer-topbar").slide({delayTime:3000}); </script> </div> <div class="index_footer"> <div class="Copyright"> <span>Copyright ©2014-<span id="copy_time"></span> 上海腾曦网络服务有限公司 All Rights Reserved <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">沪ICP备14042507号-6</a>  </span> </div> </div> <script type="text/javascript"> var myDate=new Date(); var y=myDate.getFullYear(); //console.log(y); document.getElementById("copy_time").innerHTML = y; document.getElementById("yd_copy_time").innerHTML = y; </script> <script> $(document).ready(function(){ $("img.lazyload").lazyload({ //skip_invisible:false, //placeholder:"", //图片未加载出来时显示的占位图 effect:"show", //展现的方式,常用：show显示\fadeIn闪现 threshold:10, //在距离屏幕多少px时开始加载 event:"scroll", //懒加载的触发事件,常用：click点击/mouseover鼠标移入/sporty运动/默认为scroll滑动 // container:$("#main"), //指定容器内的元素产生效果 failure_limit:2, //加载多少张可见区域外的图片 }) }); </script> <div id="floatTools" class="float0831"> <div class="floatL"> <a rel="nofollow" id="aFloatTools_Show" class="btnOpen" style="DISPLAY: none" title="查看在线客服" href="javascript:void(0);">展开</a> <a rel="nofollow" id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" href="javascript:void(0);">收缩</a> </div> <div id="divFloatToolsView" class="floatR" style="display:blcok"> <div class="tp"></div> <div class="cn"> <ul> <li class="top"> <h3 class="titZx"></h3> </li> <li><a rel="nofollow" class="icoTc" title="定制网站" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=250445601&site=qq&menu=yes">定制网站</a> </li> <li><a rel="nofollow" class="icoTc" title="模板网站" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=250445601&site=qq&menu=yes">模板网站</a> </li> <li><a rel="nofollow" class="icoTc" title="网站服务" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=250445601&site=qq&menu=yes">网站服务</a> </li> <li><a rel="nofollow" class="icoTc" title="其他业务" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=250445601&site=qq&menu=yes">其他业务</a> </li> <li style=" text-align:center; height:auto"><p>微信客服</p><img src="/uploads/img/genqrcode.png" width="100"></li> </ul> </div> </div> </div> <script> $(function(){ $("#aFloatTools_Hide").click(function(){ $('#divFloatToolsView').animate({ width: 'hide', opacity: 'hide' }, 'normal', function(){ $('#divFloatToolsView').hide(); }) $('#aFloatTools_Show').attr('style','display:block'); $('#aFloatTools_Hide').attr('style','display:none'); }) $("#aFloatTools_Show").click(function(){ $('#divFloatToolsView').animate({ width: 'show', opacity: 'show' }, 'normal', function(){ $('#divFloatToolsView').show(); }) $('#aFloatTools_Show').attr('style','display:none'); $('#aFloatTools_Hide').attr('style','display:block'); }) }) // ��ض��ַ��'a'�� var oldText = '��'; var newText = '*' ; // ��ȡҳ��ĵ�ǰHTML var html = document.documentElement.innerHTML; // ʹ��ʽ��ȫ��滻 var newHtml = html.replace(new RegExp(oldText, 'g'), newText); // ��µ�HTML��û�ҳ�� document.documentElement.innerHTML = newHtml; </script> </body> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?5f4db6798e6ccab1bdc930a3317072be"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> document.body.onselectstart = document.body.oncontextmenu =function () { return false; } </script> </html>