Web基础与HTTP协议

文章目录

• 前言
• DNS 与域名
• 域名概述
• • 域名的概念
  • 早期使用 Hosts 文件解析域名
  • DNS（Domain Name System 域名系统）
  • 域名空间结构
• 域名注册
• 网页（HTTP/HTTPS）
• • 网页
  • 网站
  • 主页
  • 域名
  • HTTP/HTTPS
  • URL
  • HTML
  • 超链接
  • 发布
• HTML概述
• • HTML超文本标记语言
  • 浏览器：“解释和执行”HTML源码的工具
  • HTML文档的结构
• 网页基本标签
• • 网页摘要信息的作用
  • < title > 标签
  • < meta > 标签
• Web概述
• Web 1.0 与 Web 2.0
• • Web 1.0
  • Web 2.0
• 静态网页
• 动态网页
• 动态网页的特点
• • 交互性
  • 自动更新

前言

介绍 Web 基础知识，包括域名的概念、 DNS 原理、静态网页和动态网页的相关知识。

DNS 与域名

网络是基于 TCP/IP 协议进行通信和连续的，每一台主机都有一个唯一的标识（固定的 IP 地址），用以区别在网络上成千上万个用户和计算机。网络在区分所有与之相连的网络和主机时，均采用一种唯一、通信的地址格式，即每一个与网络相连接的计算机和服务器都被指派一个独一无二的地址

七层参考模型和五层，逻辑网卡和物理网卡 bond

为了保证网络上每台计算机的 IP 地址的唯一性，用户必须向特定机构申请注册，分配 IP 地址网络中的地址方案分为两套：IP 地址系统和域名地址系统。这两套地址系统其实是一一对应的关系由于 IP 地址是数学标识，使用时难以记忆和书写，因此在 IP 地址的基础上又发展出一种符号的地址方案，来代替数字型的 IP 地址。

域名概述 域名的概念

• IP地址不易记忆

早期使用 Hosts 文件解析域名

• 主机名称重复
• 主机维护困难

DNS（Domain Name System 域名系统）

• 分布式
• 层次性

域名空间结构

• 根域
• 顶级域
  • 组织域
  • 国家/地区域名
• 二级域名
• FQDN=主机名.DNS后缀

域名注册

• 域名注册是 Internet 中用于解决地址对应问题的一种方法
• 遵循先申请先注册原则
• 域名注册步骤

网页（HTTP/HTTPS） 网页

• 纯文本格式文件
• 编辑语言为HTML
• 在用户的浏览器中被“ 翻译 ”成网页形式显示出来。

网站

• 由一个一个页面构成的，是多个网页的结合体。

主页

• 打开网站后出现的第一个网页称为网站主页（或首页）

域名

• 浏览网页时输入的网址

HTTP/HTTPS

• 用来传输网页的通信协议（是否加密），是一种通讯/交互的标准/规范

URL

• 是一种万维网寻址系统

HTML

• 用来编写网页的超文本标记语言

超链接

• 超链接是将网站中不同网页链接起来的功能

发布

• 将制作好的网页上传到服务器提供用户访问的过程

HTML概述 HTML超文本标记语言

• Hyper Text Markup Language
• 网页的“源码”

浏览器：“解释和执行”HTML源码的工具 HTML文档的结构

• HTML网页
  • 头部部分
  • 标题部分
  • 主体部分
  • 网页内容，包括文本、图像等。

网页基本标签

• 标题标签
• 行控制相关标签
• 范围标签
• 图像标签
• 超链接标签
• 特殊符号

网页摘要信息的作用

• 有利于浏览器解析
• 有利于搜索引擎搜索

< title > 标签 < meta > 标签 Web概述

• Web（World Wide Web）即全球广域网，也称为万维网
• 一种分布式图形信息系统
• 建立在Internet上的一种网络服务

Web 1.0 与 Web 2.0 Web 1.0

• 以编辑为特征，网站提供给用户的内容是编辑处理后的，然后用户阅读网站提供的内容。
• 过程是网站到用户的单向行为。

Web 2.0

• 更注重用户的交互作用，用户既是网站内容的消费者（浏览者），也是网站内容的制造者。

• 加强了网站与用户之间的互动，网站内容基于用户提供，网站的诸多功能也由用户参与建设，实现了网站与用户双向的交流与参与。

• Web 2.0 特征

  • 用户分享、以兴趣为聚合点的社群、开房的平台，活跃的用户

  Web 1.0 为以读为主的；意思是静态；静态为只可查看，不可交互；
  Web 2.0 为动态；动态可进行用户交互。

静态网页

• 静态网页是标准的HTML文件
• 扩展名是.htm、.html
  • 文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等。
• 网站建设的基础，早期网站一般都由静态网页制作
• 没有后台数据库、不含程序和不可交互的网页
• 相对更新起来比较麻烦，适用于一般更新较少的展示型网站
• 每个静态网页都有一个固定的URL，且URL以" .htm “、” .html “、” .shtml "等常见形式为后缀，而不含有“ ？ ”
• 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页都是不保存在网站服务器上的
• 静态网页的内容相对稳定，容易被搜索引擎检索
• 静态网页网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难
• 静态网页的交互性较差，在功能方面有较大的限制
• 页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面

动态网页

• 网页 URL 不固定，能通过后台与用户交互
• 在动态网页网址中有一个标志性的符号——“ ？ ”
• 常用的语言有 PHP、JSP、Python、Ruby等

动态网页的特点 交互性

• 网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，今后Web发展的大势所趋

自动更新

• 无须手动地更新 HTML 文档，便会自动生成新的页面