静态网页和动态网页

这篇具有很好参考价值的文章主要介绍了静态网页和动态网页。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

静态网页和动态网页

本节我们了解一下静态网页和动态网页的相关概念。如果您熟悉前端语言的话,那么您可以快速地了解本节知识。

当我们在编写一个爬虫程序前,首先要明确待爬取的页面是静态的,还是动态的,只有确定了页面类型,才方便后续对网页进行分析和程序编写。对于不同的网页类型,编写爬虫程序时所使用的方法也不尽相同。

静态网页

静态网页是标准的 HTML 文件,通过 GET 请求方法可以直接获取,文件的扩展名是.html、.htm等,网面中可以包含文本、图像、声音、FLASH 动画、客户端脚本和其他插件程序等。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的。静态并非静止不动,它也包含一些动画效果,这一点不要误解。

我们知道,当网站信息量较大的时,网页的生成速度会降低,由于静态网页的内容相对固定,且不需要连接后台数据库,因此响应速度非常快。但静态网页更新比较麻烦,每次更新都需要重新加载整个网页。

静态网页的数据全部包含在 HTML 中,因此爬虫程序可以直接在 HTML 中提取数据。通过分析静态网页的 URL,并找到 URL 查询参数的变化规律,就可以实现页面抓取。与动态网页相比,并且静态网页对搜索引擎更加友好,有利于搜索引擎收录。

动态网页

动态网页指的是采用了动态网页技术的页面,比如 AJAX(是指一种创建交互式、快速动态网页应用的网页开发技术)、ASP(是一种创建动态交互式网页并建立强大的 web 应用程序)、JSP(是 Java 语言创建动态网页的技术标准) 等技术,它不需要重新加载整个页面内容,就可以实现网页的局部更新。

动态页面使用“动态页面技术”与服务器进行少量的数据交换,从而实现了网页的异步加载。下面看一个具体的实例:打开百度图片(https://image.baidu.com/)并搜索 Python,当滚动鼠标滑轮时,网页会从服务器数据库自动加载数据并渲染页面,这是动态网页和静态网页最基本的区别。如下所示:

静态网页和动态网页

图3:动态网页(点击看高清图)

动态网页中除了有 HTML 标记语言外,还包含了一些特定功能的代码。这些代码使得浏览器和服务器可以交互,服务器端会根据客户端的不同请求来生成网页,其中涉及到数据库的连接、访问、查询等一系列 IO 操作,所以其响应速度略差于静态网页。

注意:一般网站通常会使用动静相结合的方式,使其达到一种平衡的状态。可参考《网站搭建动静结合》进行简单了解。

当然动态网页也可以是纯文字的,页面中也可以包含各种动画效果,这些都只是网页内容的表现形式,其实无论网页是否具有动态效果,只要采用了动态网站技术,那这个网页就称为动态网页。

抓取动态网页的过程较为复杂,需要通过动态抓包来获取客户端与服务器交互的 JSON 数据。抓包时,可以使用谷歌浏览器开发者模式(快捷键:F12)Network选项,然后点击 XHR,找到获取 JSON 数据的 URL,如下所示:

静态网页和动态网页

图4:Chrome抓取数据包(点击看高清图)

或者您也可以使用专业的抓包工具 Fiddler(点击访问)。关于动态网页的数据抓取,在后续内容会做详细讲解。文章来源地址https://www.toymoban.com/news/detail-439579.html

到了这里,关于静态网页和动态网页的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML前端静态网页制作

    在制作网页之前,首先先分析网页是那些部分组成,可以从以下的代码看出,分为头部、导航栏、logo部分、文字部分等等这些组成。多的不说,直接上代码,本次静态网页代码分为html和css部分。  在css部分,每一个小部分都写有注释,可能写得不太好,仅供参考。  效果如

    2024年02月03日
    浏览(45)
  • C++ //练习 2.33 利用本节定义的变量,判断下列语句的运行结果。

    练习 2.33 利用本节定义的变量,判断下列语句的运行结果。 环境:Linux Ubuntu(云服务器) 工具:vim   解释 a合法 b合法 c合法 d非法 e非法 g非法

    2024年01月23日
    浏览(37)
  • 小兔鲜儿-商城APP(静态网页)

    渲染:      1.快捷导航: !DOCTYPE html html lang=\\\"en\\\"   head     meta charset=\\\"UTF-8\\\" /     meta http-equiv=\\\"X-UA-Compatible\\\" content=\\\"IE=edge\\\" /     meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\" /     meta       name=\\\"description\\\"       content=\\\"小兔鲜儿官网,致力于打造全球最大的食品、生鲜

    2024年02月11日
    浏览(27)
  • [HTML]Web前端开发技术16(HTML5、CSS3、JavaScript )表格课后练习网页标题:域标签的使用网页标题:美家装饰联系我们网页标题:登录界面网页标题问卷调查——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 表格课后练习 网页标题:域标签的使用 网页标题:美家装饰联系我们 网页标题:登录界面 网页标题

    2024年01月24日
    浏览(33)
  • 简单个人静态HTML网页设计作品 基于HTML+CSS+JavaScript仿小米手机网站 html静态在线购物商城网页制作

    常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目

    2024年02月09日
    浏览(41)
  • 静态网页设计实践(HTML+CSS)

            超文本标记语言(HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件,并将其渲染成可视化网页,HTM

    2024年02月02日
    浏览(43)
  • 简单html和css静态网页制作

    网页简介 :经过pink老师的课程学习之后,制作了一个简单的静态页面,主要是运用html和css。 整个网页的制作主要分为五个部分:在制作过程中,首先需要确定一个网页的版心(内容的中心区域),五个部分依次调用版心,使主要内容始终与版心对齐。在版心内,五个部分分

    2023年04月21日
    浏览(32)
  • HTML.CSS静态 原神 官方网页(开源)

    源码: 链接:https://pan.baidu.com/s/120uNFjkiVcgXi5iycOdVAA?pwd=9zii  提取码:9zii 网页是由HTML和CSS写的,背景音乐和新闻列表有一点JS,对静态网页几乎没有影响,可删除。没有用到BootStrap之类的框架,对着官方网页F12,一点一点手写出来的,中间改动很多,类名都是照着官方网页源

    2024年02月05日
    浏览(39)
  • 制作一个简单HTML静态网页(HTML+CSS)

    🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (

    2024年02月03日
    浏览(55)
  • 静态网页设计——贵州美食(HTML+CSS+JavaScript)

    前言 声明:该文章只是做技术分享,若侵权请联系我删除。!! 感谢大佬的视频: https://www.bilibili.com/video/BV1vC4y1K7de/?vd_source=5f425e0074a7f92921f53ab87712357b 使用技术:HTML+CSS+JS(静态网页设计) 主要内容:对贵州的美食进行介绍 主要内容 1、首页 首页用html标签分割成多个区域,

    2024年01月24日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包