【图解HTTP】——构建Web内容的技术

构建Web内容的技术

  • Web使用各种各样的技术,呈现丰富多彩的内容

【1】HTML(超文本标记语言)

  • Web页面几乎都由HTML(HyperText Markup Language)构建

(1)超文本:文档系统,可将文档中任意信息与其他信息建立关联——链接
(2)标记语言:在文档中的某些部分穿插字符串标签修饰文档

  • 由HTML构成的文档经过浏览器解析、渲染后就是Web页面
    在这里插入图片描述
    HTML文档中存储着web页面包含的各种信息的链接
  • HTML5的推出解决了Browser之间的兼容问题,并且可以把文本当作数据对待,更容易复用、动画等效果也更加生动

【2】设计应用CSS(层叠样式表)

  • CSS(Cascading Style Sheets):指定HTML中的各种元素的展现方式

CSS让文档的结构和设计分离——解耦的目的

【3】动态HTML

  • 通过调用客户端脚本语言——JavaScript对Web进行动态改造
  • DOM(Document Object Model 文档对象模型)可指定欲发生动态变化的HTML元素

(1)HTML:存储了网页内容的链接
(2)CSS:如何打开每一个元素,怎么呈现HTML中的链接内容
(3)JavaScript:对HTML动态改造
(4)DOM:指定哪些元素动态变化,将HTML中的元素当作对象操作

【4】Web应用

  • 原始的HTTP协议的Web机制——静态内容

客户端发来请求,返回准备好的内容
在这里插入图片描述

  • Web服务器上的应用程序创建HTML内容——动态网页
    在这里插入图片描述

【5】CGI(Common Gateway Interface 通用网关接口)

  • CGI会对请求内容做处理——相当于服务器的应用程序

例如生成动态页面

  • 缺点:每次的请求处理CGI都要重新启动一次,访问量过大则负载过大
    在这里插入图片描述

【6】因Java而普及额Servlet

  • Servlet是一种能在服务器上创建动态内容的程序,Servlet是用Java实现的一个接口
  • Servlet常驻内存,与Web相同的进程,负载较小
    在这里插入图片描述

【7】数据发布的格式及语言

  • XML(eXtensible Markup Language 可扩展标记语言):使得互联网数据的共享容易

【8】发布更新信息的RSS/Atom

  • RSS(简易信息聚合)和Atom都是发布新闻或者博客日志等更新信息文档的格式总称,都用到了XML

【9】Javascript衍生的轻量级应用JSON

  • JSON(Javascript Object Notation):一种以JS为对象表示法的轻量级数据标记语言
  • JSON可以让数据更加的纯粹
发布了243 篇原创文章 · 获赞 116 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_44478378/article/details/105592835