您的位置 主页 正文

网站纯静态页面和伪静态页面有何区别?

一、网站纯静态页面和伪静态页面有何区别? 从网站技术发展角度来说,网站最早期是由一个个静态页面组成的,需要人工手动来维护,很是麻烦。随着网站内容及页面越来越多,静态

一、网站纯静态页面和伪静态页面有何区别?

从网站技术发展角度来说,网站最早期是由一个个静态页面组成的,需要人工手动来维护,很是麻烦。随着网站内容及页面越来越多,静态网页已无法满足需要,于是出现了动态Web开发技术,而动态网站中的动态页面使用的URL可能需要很多传参,URL可读性差,而且不利于搜索引擎收录,于是又出现了伪静态技术。

那纯静态页面和伪静态页面有哪些区别呢?

文件性质上的区别

1、纯静态页面就是后缀名为.html的文件;

2、伪静态页面虽然在URL中看后缀是.html之类的,但此页面是逻辑存在的(服务器硬盘上未必有此文件),本质上它是一个动态程序页,后缀可能是.php或者.aspx或者.java等。

性能上静态页面访问更快

从性能上说,如果访客访问的是静态页面,服务器接受到请求后找到此静态页面就直接发送给客户端,服务器不需要进行额外的处理,性能好,不会过多占用服务器资源。

而伪静态网页在服务器接到请求后,要进行一系列的处理,比如去数据库中查询数据后再向模板中填充数据,最终渲染出HTML页面后再发送给客户端,所以伪静态网页是会占用服务器资源的。

URL友好度上伪静态网页可自定义性更强

伪静态网页相比较静态网页来说,在URL友好度上更占优势。比如我们可以通过URL重写规则批量将某个动态网页的URL转换为某种格式的伪静态URL,而对于静态URL就必须要改静态页面的文件名,如果静态网页过多,改起来很费事。

以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!

二、php纯静态项目

PHP纯静态项目:创建高性能网站的最佳实践方案

在当今数字化发展迅速的时代,构建一个性能优越、用户体验一流的网站至关重要。作为开发人员,我们经常面临选择合适技术栈的挑战,以确保网站快速加载并具备良好的扩展性。在本文中,我们将探讨使用PHP创建纯静态项目的最佳实践方案,帮助您构建高性能网站。

什么是PHP纯静态项目?

在介绍最佳实践之前,让我们先了解一下PHP纯静态项目的概念。PHP纯静态项目是指利用PHP语言生成纯静态文件,而不是依赖动态脚本生成内容。这意味着用户请求页面时,服务器会直接返回预先生成好的HTML文件,而无需进行数据库查询或其他处理。

PHP纯静态项目的主要优势在于提高网站性能,减少服务器负载并加快页面加载速度。通过将动态内容转换为静态文件,可以有效减少每个页面请求所需的处理时间,从而改善用户体验并提升SEO表现。

创建PHP纯静态项目的最佳实践

要成功构建PHP纯静态项目,以下是一些最佳实践方案:

  • 缓存机制: 使用缓存是提高网站性能的关键。在PHP纯静态项目中,可使用缓存技术将动态生成的内容缓存为静态文件,以减少服务器响应时间。
  • 路由优化: 精心设计路由规则可以帮助简化URL结构,并提高页面的可读性。合理的路由设计能够提升SEO效果,同时简化网站的维护和管理。
  • 模板引擎: 使用模板引擎可以有效分离业务逻辑和视图层,提高代码的可维护性和可扩展性。常见的模板引擎包括Smarty、Twig等。
  • 静态资源优化: 对CSS、JavaScript等静态资源进行合并、压缩和缓存可以减少页面加载时间,提升用户体验。
  • SEO优化: 在构建PHP纯静态项目时,需注意SEO优化,包括合理设置标题、meta标签、友好的URL结构等,以提升网站在搜索引擎中的排名。

案例分析:PHP纯静态项目的实际应用

为了更具体地说明PHP纯静态项目的实际应用,让我们看一个案例分析:

假设我们正在开发一个博客网站,需要展示大量的文章内容和图片。为了提高网站性能,我们决定使用PHP创建纯静态项目。首先,我们设计好网站的布局和功能,并编写相应的PHP代码生成静态HTML文件。

在生成静态文件时,我们利用缓存机制将页面的动态内容(如最新文章列表)缓存为静态文件,以减少每次请求的处理时间。同时,为了提高用户体验,我们对静态资源进行优化,包括合并CSS和JS文件,以减少HTTP请求次数。

另外,我们通过优化网站的URL结构和添加相关的meta标签,来提升网站在搜索引擎中的排名,增加网站的曝光度。

结语

PHP纯静态项目是构建高性能网站的重要实践之一。通过合理设计缓存机制、优化路由和静态资源、以及进行SEO优化,可以显著提升网站的性能和用户体验。在开发PHP纯静态项目时,务必遵循最佳实践,以确保网站运行稳定、快速响应,并具备良好的扩展性。

希望本文能对您了解和构建PHP纯静态项目提供一些帮助,祝您在开发高性能网站的道路上顺利!

三、网站前台页面为什么要生成纯静态页?

第一、网站生成静态可以减轻服务器负担,网页在被阅读时不需要再调用数据库。

第二、网站生成静态了,网站会更安全。第三、网站生成静态最重要的一点了,那就是有利于搜索引擎收录,因为搜索引擎优先收录静态页面。第四、网站生成静态可以加速页面翻开阅读速度,静态页面无需衔接数据库翻开速度较动态页面有明显提高

四、静态网站有哪些?

静态网站是指全部由HTML(标准通用标记语言的子集)代码格式页面组成的网站,所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果,如GIF动画、FLASH动画、滚动字幕等,而网站主要是静态化的页面和代码组成,一般文件名均以htm、html、shtml等为后缀。

浏览器,QQ浏览器

五、静态网站优化

博客文章:静态网站优化

随着互联网技术的不断发展,静态网站已成为越来越多企业的首选。然而,如何优化静态网站以满足用户需求并提高网站性能已成为一个重要的问题。在这篇博客文章中,我们将探讨静态网站优化的方法和技巧。

页面加载速度

页面加载速度是影响用户体验和网站性能的关键因素。为了优化静态网站的加载速度,我们可以采取以下措施:

  • 压缩图片:使用工具压缩图片文件,减少文件大小并加快加载速度。
  • 使用CDN:将静态资源文件存储在CDN上,用户可以从最近的节点访问网站,减少延迟。
  • 优化结构:简化HTML结构,减少不必要的标签和样式,提高页面加载速度。

SEO优化

SEO(搜索引擎优化)是提高网站排名和流量的重要手段。静态网站优化同样需要考虑SEO优化,以确保网站在搜索引擎中的表现良好。

  • 关键词布局:在页面标题、描述和正文中使用相关关键词,提高网站在搜索引擎中的相关性。
  • 外部链接:与其他相关网站建立外部链接,提高网站的权重和排名。
  • 内容质量:提供高质量、有价值的内容,吸引搜索引擎爬虫和用户的关注。

性能测试与监控

定期进行性能测试和监控是确保静态网站稳定运行的关键。通过使用性能监测工具,我们可以实时了解网站的性能指标,如响应时间、加载时间、错误率等,并根据测试结果进行调整和优化。

  • 使用性能监测工具:如Google Analytics、New Relic等,实时监测网站性能。
  • 响应时间优化:对页面进行响应时间优化,如压缩图片、合并CSS和JavaScript文件等。
  • 错误处理:及时处理服务器错误和异常,提高网站稳定性。

总之,静态网站优化是一个持续的过程,需要不断调整和优化。通过采取上述措施,我们可以提高静态网站的性能和用户体验,从而吸引更多的用户并提高网站的流量。

六、静态网站和动态网站的区别?

静态网站和动态网站的区别?

1静态网页的网址形式通常是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

2(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;

(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;

(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

七、CentOS静态网站部署指南 —— 打造高效、安全的静态网站

简介

CentOS是一种流行的Linux操作系统,被广泛用于搭建各种类型的网站。而静态网站由于其高效、安全的特点,也逐渐受到了越来越多网站开发者的青睐。本文将为您介绍如何使用CentOS来部署一个高效、安全的静态网站。

为何选择CentOS

CentOS是一款基于企业级的Red Hat Enterprise Linux(RHEL)发行版的操作系统。它具有稳定性高、免费开源、社区支持强大的优点。这些特点使得CentOS成为静态网站部署的理想选择。

静态网站的优势

静态网站的最大优势在于性能和安全。由于静态网站不需要实时生成内容和数据库查询,它们的加载速度更快。此外,由于没有动态脚本和数据库连接,静态网站对于黑客攻击也更加具有抵抗力。

步骤一:安装和配置CentOS

  1. 下载CentOS的ISO镜像文件,并创建安装媒体。
  2. 使用安装媒体来启动并安装CentOS。
  3. 根据您的需要,进行一些必要的系统配置,如网络设置、安全设置。

步骤二:安装Web服务器

  1. 选择一个适合的Web服务器软件,比如Nginx或Apache。
  2. 使用CentOS的包管理器来安装所选的Web服务器软件。
  3. 配置Web服务器,包括设置网站的根目录、虚拟主机等。

步骤三:构建和部署静态网站

  1. 使用HTML、CSS、JavaScript等前端技术构建网站的页面,确保页面内容完整无误。
  2. 将静态页面和相关资源文件上传到Web服务器的根目录中。
  3. 通过Web浏览器访问您的网站,查看是否正常显示。

步骤四:优化和保护静态网站

  1. 使用压缩工具对静态资源文件进行压缩,以减小文件大小。
  2. 配置Web服务器的缓存功能,加快页面加载速度。
  3. 安装防火墙软件,以保护服务器免受恶意攻击。

总结

通过本文的介绍,您了解了如何使用CentOS来部署一个高效、安全的静态网站。CentOS作为一款稳定性高、免费开源、受到广泛支持的操作系统,与静态网站的优势完美结合,使得您的网站在性能和安全方面都能得到保障。

感谢您阅读本文,希望能对您构建和部署静态网站有所帮助。

八、如何介绍自己的静态网站?

首先可以介绍你的静态网站的主要功能,然后介绍网站的构成部分,比如几个页面,每个页面负责什么功能;其次介绍网站每个页面的亮点和难点,介绍自己是如何做这些亮点。并且也可以适当说一些自己网站的不足之处。

九、php后台静态网站

搭建 PHP 后台静态网站的最佳实践

在当今数字化时代,互联网已经成为我们日常生活中不可或缺的一部分。对于许多企业和个人而言,拥有一个快速、安全且高效的网站是至关重要的。而对于一些小型项目或者展示性质的网站,PHP 后台基于静态网站的搭建方式可能是一个理想选择。

PHP 作为一种广泛应用的开发语言,与静态网站结合可以带来诸多优势,例如网站加载速度快、部署简单、对 SEO 友好等。接下来,我们将介绍如何搭建一个 PHP 后台静态网站的最佳实践。

选择合适的静态网站生成器

在构建 PHP 后台静态网站之前,首先需要选择一款适合的静态网站生成器。目前市面上有许多优秀的静态网站生成工具,如 Jekyll、Hugo、Gatsby 等。这些工具提供了丰富的主题和插件,能够帮助我们快速构建漂亮的静态网站。

选择一款易用且功能强大的静态网站生成器对于项目的顺利进行至关重要。在选择时,可以考虑是否有 PHP 后台支持、社区活跃程度、文档完善性等因素。

设计网站架构

在确定了静态网站生成器后,接下来需要设计网站的整体架构。PHP 后台静态网站的架构设计应该考虑到数据源、页面模板、样式表等方面。通常可以将网站架构分为以下几个部分:

  • 数据源:确定从 PHP 后台获取数据的方式,可以是通过 API 接口、数据库查询等方式。
  • 页面模板:设计网站的页面模板,包括头部、导航栏、侧边栏、内容区域等。
  • 样式表:选择合适的 CSS 框架或编写自定义样式表,以美化网站外观。

良好的网站架构设计可以提高网站的灵活性和可维护性,使网站更易于扩展和修改。

集成 PHP 后台

在静态网站生成器中集成 PHP 后台是构建 PHP 后台静态网站的关键步骤。通过 PHP 后台,我们可以实现动态内容的生成和更新,为静态网站注入更多功能和交互性。

一种常见的做法是通过 PHP 脚本从数据源获取数据,然后将数据注入到静态网站生成器中。这样可以实现数据的动态更新和展示,使网站内容保持最新。

优化网站性能

在完成 PHP 后台静态网站的搭建后,我们需要重点关注网站的性能优化。优化网站性能可以提高用户体验、降低加载时间,并有助于 SEO 优化。

一些提升网站性能的方法包括:

  • 压缩静态资源:对 CSS、JavaScript 等静态资源进行压缩,减小文件大小。
  • 使用 CDN 加速:将静态资源部署到 CDN 上,加速资源加载速度。
  • 优化图片:使用适当的图片格式和尺寸,减小图片文件大小。
  • 缓存策略:设置合理的缓存策略,减少重复请求。

通过不断优化网站性能,可以提升用户体验,吸引更多访问者,并提高网站的竞争力。

保障网站安全

在搭建 PHP 后台静态网站时,网站安全是至关重要的一环。保障网站安全可以防范各类安全风险,如 SQL 注入、跨站脚本攻击等。

一些提升网站安全性的方法包括:

  • 更新框架和插件:及时更新静态网站生成器、PHP 后台框架以及相关插件,修复已知漏洞。
  • 安全配置:配置合适的文件权限、防火墙以及 HTTPS 加密,提升网站的安全性。
  • 数据验证:对用户输入数据进行严格验证和过滤,避免恶意输入。

通过综合应用这些安全措施,可以有效保障 PHP 后台静态网站的安全性,确保网站稳定运行。

结语

在本文中,我们介绍了搭建 PHP 后台静态网站的最佳实践,包括选择静态网站生成器、设计网站架构、集成 PHP 后台、优化网站性能和保障网站安全等方面。通过合理的规划和操作,我们可以打造一个稳定、安全且性能优越的 PHP 后台静态网站,满足用户需求并提升网站竞争力。

希望以上内容能够帮助您更好地搭建 PHP 后台静态网站,并为您的项目或个人网站带来成功与发展。

十、php创建静态网站

PHP创建静态网站指南

在当今互联网时代,静态网站依然具有其独特的优势,如快速加载速度、安全性高等特点。而利用PHP技术来创建静态网站,则是一种非常有效的方法。本篇博文将为您介绍如何使用PHP来创建静态网站的步骤和技巧。

1. 了解PHP创建静态网站的优势

PHP作为一种强大的服务器端脚本语言,具有丰富的函数库和灵活的特性,能够轻松应对静态网站的搭建需求。相比动态网站,静态网站不需要频繁与数据库交互,因此加载速度更快,能够提供更好的用户体验。

2. 准备工作

在开始创建静态网站之前,您需要确保已经安装了PHP环境,并具备一定的和CSS基础知识。此外,您还需要一台能够访问互联网的服务器来托管您的静态网站。

3. 创建静态页面模板

静态网站的关键在于其页面模板的设计。您可以使用HTML和CSS来设计您的静态页面,将其中不变的部分作为模板保存,以便后续重复使用。在页面中使用PHP的include函数来引入模板文件,实现页面内容和布局的分离。

4. 使用PHP生成静态页面

通过PHP的强大功能,您可以编写脚本来生成静态页面。例如,您可以使用file_get_contents函数来获取动态页面的内容,然后将其保存为静态HTML文件。这样一来,即使您的网站访问量很大,也能保证页面加载速度的稳定性。

5. 自动化生成静态页面

为了更高效地管理静态网站,您可以编写脚本来自动化生成静态页面。您可以设置定时任务,定期更新静态页面,以确保内容的实时性和准确性。

6. 优化静态网站SEO

在创建静态网站的过程中,您需要重点关注SEO优化。确保每个静态页面具有唯一的标签、标签和<meta>描述,同时使用友好的URL结构和正确的关键词密度,以提高搜索引擎对您网站的收录和排名。 </p> <h2><strong>7. 静态网站维护与更新</strong></h2> <p> 定期检查您的静态网站,更新其中的内容和链接,确保网站运行正常且信息完整。同时,您也可以利用谷歌分析等工具来跟踪访问量和用户行为,以调整网站内容和布局,提升用户体验。 </p> <h2><strong>8. 结语</strong></h2> <p> 利用PHP创建静态网站是一种高效且实用的方法,能够为用户提供更好的浏览体验。通过合理的设计和优化,您的静态网站将在互联网中脱颖而出,吸引更多的访问者。希望本篇指南能对您有所帮助,祝您创建成功! </p> </p> </div> </div> </article> <div class="prevnext "> <div class="prev"> 下一篇:<a href='/wzjs/117998.html'>爱心公益网站设计与制作</a> <span class="metaColor">上一篇</span> </div> <div class="next"> 上一篇:<a href='./' target='_blank'>返回栏目</a> <span class="metaColor">下一篇</span> </div> </div> <div class="entry-related post clear"> <h3 class="section-title">为您推荐</h3> <div class="related-loop clear"> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117998.html" title="爱心公益网站设计与制作" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="爱心公益网站设计与制作"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117998.html" target="_blank">爱心公益网站设计与制作</a></h2> </div> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117990.html" title="黄浦网站建设:如何打造" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="黄浦网站建设:如何打造"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117990.html" target="_blank">黄浦网站建设:如何打造</a></h2> </div> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117988.html" title="毕节网站优化" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="毕节网站优化"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117988.html" target="_blank">毕节网站优化</a></h2> </div> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117984.html" title="网站搭建费用要多少钱?" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="网站搭建费用要多少钱?"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117984.html" target="_blank">网站搭建费用要多少钱?</a></h2> </div> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117982.html" title="网站引擎优化" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="网站引擎优化"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117982.html" target="_blank">网站引擎优化</a></h2> </div> <div class="hentry ht_grid_1_3"> <a href="/wzjs/117979.html" title="网络招聘网站缺点" class="thumbnail-link"> <div class="thumbnail-wrap"> <img src="/images/defaultpic.gif" class="wp-post-image" alt="网络招聘网站缺点"> </div> </a> <h2 class="entry-title"><a href="/wzjs/117979.html" target="_blank">网络招聘网站缺点</a></h2> </div> </div> </div> </main> </div> <aside id="secondary" class="widget-area sidebar"> <div class="widget widget-damenhu-popular widget_posts_thumbnail"> <h2 class="widget-title">热门文章</h2> <ul> <li class="clear"> <a href="/wzjs/105109.html" title="如何网站推广优化"> <div class="thumbnail-wrap"> <img width="300" height="150" src="/uploads/allimg/240506/1-240506133320934-lp.jpg" class="wp-post-image" alt="如何网站推广优化" /> </div> </a> <div class="entry-wrap"> <a href="/wzjs/105109.html" title="如何网站推广优化">如何网站推广优化</a> </div> </li> <li class="post-list"> <span>2</span> <a href="/wzjs/105109.html" title="如何网站推广优化">如何网站推广优化</a> </li> <li class="post-list"> <span>3</span> <a href="/wzjs/105286.html" title="如何实现学校网站建设?">如何实现学校网站建设?</a> </li> <li class="post-list"> <span>4</span> <a href="/wzjs/105385.html" title="br在网站建设中是什么?">br在网站建设中是什么?</a> </li> <li class="post-list"> <span>5</span> <a href="/wzjs/105472.html" title="东莞做网站优化">东莞做网站优化</a> </li> <li class="post-list"> <span>6</span> <a href="/wzjs/104112.html" title="高端网站设计优化建站">高端网站设计优化建站</a> </li> <li class="post-list"> <span>7</span> <a href="/wzjs/104494.html" title="怎么创建自己的一个网站?">怎么创建自己的一个网站?</a> </li> <li class="post-list"> <span>8</span> <a href="/wzjs/105298.html" title="专业网站优化">专业网站优化</a> </li> <li class="post-list"> <span>9</span> <a href="/wzjs/108998.html" title="毕业设计静态网站设计题目">毕业设计静态网站设计题目</a> </li> <li class="post-list"> <span>10</span> <a href="/wzjs/109154.html" title="如何选择适合自己的德阳网站建设外包公司">如何选择适合自己的德阳网站建设外包公司</a> </li> </ul> </div> <div class="widget widget-damenhu-popular widget_posts_thumbnail"> <h2 class="widget-title">猜你喜欢</h2> <ul> <li class="clear"> <a href="/wzjs/116307.html" title="网页设计个人网站步骤"> <div class="thumbnail-wrap"> <img width="300" height="150" src="header.jpg" class="wp-post-image" alt="网页设计个人网站步骤" /> </div> </a> <div class="entry-wrap"> <a href="/wzjs/116307.html" title="网页设计个人网站步骤">网页设计个人网站步骤</a> </div> </li> <li class="post-list"> <span>2</span> <a href="/wzjs/108888.html" title="请问如何实现动态网站的设计?">请问如何实现动态网站的设计?</a> </li> <li class="post-list"> <span>3</span> <a href="/wzjs/115530.html" title="西安企业网站建设——如何打造专业的企业形象">西安企业网站建设——如何打造专业的企业形象</a> </li> <li class="post-list"> <span>4</span> <a href="/wzjs/115018.html" title="怎么把网站制作成自己的手机APP?">怎么把网站制作成自己的手机APP?</a> </li> <li class="post-list"> <span>5</span> <a href="/wzjs/107711.html" title="日照网站建设哪家公司最为专业?">日照网站建设哪家公司最为专业?</a> </li> <li class="post-list"> <span>6</span> <a href="/wzjs/110470.html" title="湛江网站优化">湛江网站优化</a> </li> <li class="post-list"> <span>7</span> <a href="/wzjs/104756.html" title="温州网站网页设计">温州网站网页设计</a> </li> <li class="post-list"> <span>8</span> <a href="/wzjs/111802.html" title="网站建设运营岗位职责">网站建设运营岗位职责</a> </li> <li class="post-list"> <span>9</span> <a href="/wzjs/112802.html" title="网站运营模式分析">网站运营模式分析</a> </li> <li class="post-list"> <span>10</span> <a href="/wzjs/116918.html" title="金融行业招聘,哪个网站好?">金融行业招聘,哪个网站好?</a> </li> </ul> </div> </aside> </div> </div> <div class="clear"></div> <footer id="colophon" class="site-footer container"> <div id="site-bottom" class="clear"> <div class="site-info"> <p>版权@池网科技</p> </div> </div> </footer> <div class="bottom-right"> <div id="back-top"> <a href="#top" title="返回顶部"> <span class="icon"><i class="fa fa-chevron-up"></i></span> <span class="text">返回顶部</span> </a> </div> </div> </body> </html>