WEB基础及HTTP协议概念

域名系统（DNS）使得网站管理员能够方便地管理和配置网络服务，通过将域名解析到不同的服务器来优化网站和电子邮件服务的运作。此外，域名也是品牌营销策略中的关键要素。选择一个合适的域名可以提升搜索引擎优化（SEO）效果，增强市场推广的效果。总之，域名不仅仅是网络中的地址，它在用户体验、品牌建设和营销策略中都扮演着重要角色。

1.3、域名空间结构(从右往左看)

①、根域

根域是域名系统（DNS）的最顶层，通常表示为空字符串，写作一个点“.”。它是DNS层级结构的起点，所有的顶级域（如“.com”、“.org”）都是从根域派生出来的。虽然在日常使用中根域通常是隐式的，不直接显示

②、顶级域

顶级域是域名的最高级别部分，位于域名的最后一部分。例如，在“example.com”中，“.com”就是顶级域。顶级域有两种主要类型：通用顶级域（gTLD，如“.com”、“.org”）和国家顶级域（ccTLD，如“.cn”、“.uk”），分别用于特定用途或国家/地区。

③、二级域

二级域是紧接在顶级域之前的部分，通常是具体的网站或组织名称。例如，在“example.com”中，“example”就是二级域。二级域通常由网站或企业自行注册和管理，是用户在互联网中识别品牌或组织的关键部分。

④、子域

子域是附加在二级域之前的部分，用于在主域名下创建不同的部分或分支。例如，在“blog.example.com”中，“blog”就是子域。子域可以帮助组织网站内容，创建独立的部分，或者用于特定的功能，如“mail.example.com”用于电子邮件服务。

1.4、域名注册

选择域名：首先，用户需要选择一个独特的域名，并决定其顶级域（如“.com”或“.org”）。在这个阶段，用户通常使用域名注册商的搜索工具来检查所选域名是否可用。
选择注册商：选择一个授权的域名注册商，通过他们来注册域名。不同的注册商提供的价格、服务和支持可能有所不同。
注册和支付：在确定域名可用后，用户通过注册商填写必要的信息，包括域名所有者的联系信息。接下来，用户需要支付注册费用。域名通常按年收费，用户可以选择注册多年的使用权。
配置DNS设置：注册完成后，用户可以通过注册商的管理界面配置域名的DNS设置。这包括指向特定的服务器IP地址或设置其他DNS记录，如MX记录用于电子邮件服务。
确认注册：最后，用户通常会收到注册确认邮件，确认域名注册成功。此后，域名将在规定的注册期限内属于用户，并且需要定期续费以保持域名的有效性。

2、DNS解析

DNS解析方式有三种

①、/etc/hosts

/etc/hosts 是一个本地配置文件，用于将主机名映射到IP地址。系统在尝试通过DNS解析域名之前，会先检查这个文件。它适用于设置静态IP地址的本地映射，例如，将特定域名解析到本地网络中的某个IP地址。通常，这个文件用于测试和开发环境中，也可以用来在没有DNS服务的情况下进行基本的域名解析。

②、/etc/resolv.conf

/etc/resolv.conf 是配置DNS解析的主要文件，指定了系统在解析域名时应使用的DNS服务器地址。这个文件包含一系列 nameserver 指令，每个指令后面跟着一个DNS服务器的IP地址。系统会按照文件中列出的顺序依次查询这些DNS服务器，以解析域名。这种配置适用于需要通过外部DNS服务器进行域名解析的场景，通常在大多数生产环境中使用。

③、/etc/sysconfig/network-scripts/ifcfg-ens33

/etc/sysconfig/network-scripts/ifcfg-ens33 是一个网络配置文件，用于配置网络接口的设置。在这个文件中，可以设置与网络接口相关的DNS服务器地址。通过在文件中指定 DNS1、DNS2 等参数，系统可以配置接口使用的DNS服务器。这种方法通常在使用网络管理工具（如 NetworkManager）的系统中使用，用于管理网络接口和DNS配置。

生效顺序 1 hosts文件 2 网卡配置文件 3 /etc/resolv.conf

二、HTML

1、网页基本概念

①、网页

网页是互联网上的单个文档，通常由HTML、CSS和JavaScript组成，用于展示内容和信息。网页可以包含文本、图片、视频和其他多媒体元素，用户通过浏览器访问和查看这些网页。

②、网站

网站是由多个网页组成的集合，通常在同一个域名下组织。网站可以包含主页、内容页面、联系页面等不同类型的网页，提供信息、服务或功能。网站通过域名来访问。

③、域名

域名是互联网上用于识别和定位网站的唯一名称。它将复杂的IP地址转换为易于记忆的名称，例如“example.com”。域名帮助用户方便地访问特定网站。

④、HTTP/HTTPS

HTTP是用于传输网页数据的协议，而HTTPS是其安全版本，通过加密数据传输来保护用户信息和隐私。HTTPS在浏览器地址栏中通常以“https://”开头，表明连接是安全的。

⑤、URL

URL是统一资源定位符，用于指定互联网上的资源位置。它包括协议（如“http://”或“https://”）、域名（如“example.com”）以及路径（如“/page1”），用来准确定位和访问特定的网页或文件。

⑥、HTML

HTML是构建网页的基本标记语言。它定义了网页的结构和内容，包括文本、图片、链接等元素。HTML使用标签（如<h1>、<p>、<a>）来格式化和组织网页内容。

⑦、超链接

超链接是网页中的一种链接，用于连接到其他网页或资源。通过点击超链接，用户可以跳转到指定的页面或位置。超链接通常以蓝色文本或按钮形式出现，使用<a>标签在HTML中定义。

⑧、发布

发布是将网页或网站内容从本地环境上传到服务器，使其在互联网上可访问的过程。这通常涉及将文件和数据上传到网站的托管服务，并确保内容正确显示给访问者。

2、HTML概述

HTML（超文本标记语言）是用于创建和结构化网页的基础语言。通过使用标签（如 <h1>、<p>、<a>），HTML定义了网页的内容和布局。它提供了网页的基本结构，使浏览器能够正确显示文本、图像和链接等元素。

2.1、HTML文档的结构

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

示例：

<html>

<head>
<title>我的第一个网页 </title>
</head>

<body >
      Hello World!
</body>

</html>

2.3、头标签中常用标签

标签 描述
<title>           定义了文档的标题
<base>            定义了页面链接标签的默认链接地址
<link>            定义了一个文档和外部资源之间的关系
<meta>            定义了 HTML 文档中的元数据
<script>          定义了客户端的脚本文件
<style>           定义了 HTML 文档的样式文件

2.4、内容标签中常用标签

标签 描述
<table>       定义一个表格
<tr>          定义了表格中的一行
<td>          定义了表格中某一行的一列
<img>         定义了一个图像
<a>           定义了一个超链接
<p>           定义了一行
<br>          定义了换行
<font>        定义了字体

2.5、网页基本标签

作用：

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

<title> 标签 # 标题

<meta> 标签 # 元标志

三、Web

1、Web概述

Web（万维网）是一个基于互联网的全球信息系统，允许用户通过浏览器访问和互动网页。它利用超文本技术（如HTML）组织和展示内容，支持文本、图像、视频等多媒体形式。Web通过HTTP/HTTPS协议传输数据，使用户能够访问和共享信息、进行在线交流和执行各种功能。它由无数的相互链接的网页组成，形成一个庞大的信息网络。

URL：万维网使用统一资源定位符（Uniform Resource Locator）来标志万维网上的各种文档，并使每个文档在整个因特网的范围内具有唯一的标识符URL。
HTTP：为解决"用什么样的网络协议来实现整个因特网上的万维网文档”这一难题，就要使万维网客户程序（以浏览器为主，但不限于浏览器）与万维网服务器程序之间的交互遵守严格的协议，即超文本传送
协议（HyperText Transfer Protocol）。HTTP是处于应用层的协议，使用TCP传输层协议进行可靠的传送。因此，需要特别提醒的是，万维网是基于因特网的一种广泛因特网应用系统，且万维网采用的是 HTTP（80/TCP）和 HTTPS（443/TCP）的传输协议，但因特网还有其他的网络应用系统（如：FTP、 SMTP等等）。
HTML：为了解决"怎样使不同作者创作的不同风格的万维网文档，都能在因特网上的各种主机上显示出来，同时使用户清楚地知道在什么地方存在着链接”这一问题，万维网使用超文本标记语言（HyperText Markup Language），使得万维网页面的设计者可以很方便地用链接从页面的某处链接到因特网的任何一个万维网页面，并且能够在自己的主机品目上将这些页面显示出来。HTML与txt一样，仅仅是是一种文档，不同之处在于，这种文档专供于浏览器上为浏览器用户提供统一的界面呈现的统一规约。且具备结构化的特征，这是txt所不具备的强制规定。

2、访问浏览器的过程

输入网址：用户在浏览器的地址栏中输入一个URL（统一资源定位符），例如“https://www.example.com”。
DNS解析：浏览器将域名发送到DNS服务器，DNS服务器将其解析为相对应的IP地址
建立连接：浏览器使用解析得到的IP地址与目标网站的服务器建立TCP连接。如果使用HTTPS，浏览器还会进行SSL/TLS握手，确保安全的加密连接。
发送请求：浏览器向服务器发送HTTP/HTTPS请求，请求获取网页内容。这包括请求的路径、浏览器信息和其他必要的头信息。
接收响应：服务器处理请求并返回HTTP/HTTPS响应，包含网页的HTML、CSS、JavaScript和其他资源（如图像、视频）。
渲染页面：浏览器接收响应数据后，解析HTML内容，加载和应用CSS样式，执行JavaScript代码，最终渲染出完整的网页供用户查看。
显示内容：渲染完成后，用户可以在浏览器中看到访问的网页内容，并可以与网页进行交互（如点击链接、填写表单）。

3、静态页面和动态页面

3.1、静态页面

3.1.1、静态页面的定义

标准HTML文件：静态网页通常是标准的HTML文件，用于展示固定的内容。它们由HTML标记构成，展示文本、图像、声音、Flash动画、客户端脚本、ActiveX控件和Java小程序等。
文件扩展名：静态网页的文件扩展名通常是 .htm 或 .html，这些扩展名标识了文件的格式。
基础网站建设：静态网页是网站建设的基础，早期的网站通常都是由静态网页制作而成。
无后台数据库：静态网页没有后台数据库，也不包含动态程序或交互功能，内容固定，用户无法与网页进行动态交互。
更新和适用性：静态网页更新起来相对麻烦，适用于内容更新较少的展示型网站，因其维护和内容更新较为直接和简单。

3.1.2、静态页面的特点

固定URL：每个静态网页都有一个固定的URL，通常以 .htm、.html 或 .shtml 作为后缀，并且不含有查询参数（“?”）。
服务器存储：一旦静态网页发布到网站服务器上，无论是否有用户访问，它都会保存在服务器上，内容始终可用。
稳定性和检索：静态网页内容相对稳定，容易被搜索引擎抓取和索引，提升了搜索引擎优化（SEO）效果。
维护难度：由于缺乏数据库支持，静态网页在网站制作和维护方面的工作量较大，对于信息量较大的网站，完全依赖静态网页的制作方式较为困难。
交互性限制：静态网页的交互性较差，功能限制较多，无法提供动态内容或用户交互功能。
快速加载：静态网页的页面加载速度较快，因为不需要数据库连接，直接从服务器提供固定内容，速度通常快于动态页面。

3.2、动态页面

3.2.1、动态页面的定义

URL灵活：动态网页的URL通常不是固定的，可以通过后台系统与用户进行交互，生成个性化或动态内容。
URL标志符：在动态网页的URL中，通常会包含一个标志性符号“?”，用于传递参数和查询信息。
常用语言：动态网页常用的编程语言包括 PHP、JSP、Python、Ruby 等，这些语言支持生成和管理动态内容。

3.2.2、动态页面的特点

交互性：动态网页可以根据用户的要求和选择实时改变和响应，将浏览器作为客户端界面。这种交互性是未来Web发展的趋势。
自动更新：动态网页无需手动更新HTML文档，系统会自动生成新的页面，从而大大节省工作量。
因时因人而变：不同时间或不同用户访问同一网址时，动态网页可以生成不同的页面内容，提供个性化的体验。

四、cookie和session

1、cookie

1.1、cookie概念

Cookie是由网站在用户的浏览器中存储的小型文本文件，用于保存和跟踪用户的相关信息。当用户访问网站时，浏览器会自动发送这些Cookie，使得网站能够识别用户，并在用户再次访问时保持其登录状态或个性化设置。每个Cookie通常包含一个唯一的标识符、过期日期以及一些与用户相关的数据。

通过Cookie，网站能够记住用户的访问习惯、偏好设置和登录状态，从而提供更加个性化和连贯的体验。虽然Cookie主要用于提升用户体验，但它们也可能涉及隐私问题，因此用户可以管理和删除浏览器中的Cookie以保护个人信息。

1.2、cookie的作用

会话管理：Cookie常用于管理用户的会话状态，例如记住用户的登录信息。这样用户在浏览不同页面时无需重复登录，保持连续的用户体验。
个性化设置：Cookie可以存储用户的偏好设置，如语言选择、主题颜色等。这使得网站能够根据用户的个人喜好提供定制化的内容和界面。
追踪和分析：Cookie用于跟踪用户的浏览行为和网站访问历史，这对于广告投放、用户行为分析和网站优化非常有帮助。它可以记录用户访问过的页面、停留时间等信息，帮助网站更好地了解用户需求。
购物车功能：在电子商务网站上，Cookie可以用来保存购物车中的商品信息，即使用户暂时离开网站或关闭浏览器，购物车内容也不会丢失。
广告管理：Cookie帮助广告网络在不同的网站之间追踪用户行为，展示针对性广告。这种定向广告能更有效地吸引用户注意，提高广告的点击率和转化率。

1.3、cookie的优缺点

优点：

提升用户体验：Cookie能够记住用户的登录状态、语言偏好和个性化设置，从而提供个性化的访问体验，避免重复输入信息或设置。
简化会话管理：Cookie可以有效管理用户会话，保持登录状态，使用户在不同页面之间导航时无需重新登录，提升了使用便捷性。
数据追踪和分析：通过追踪用户的浏览行为，Cookie帮助网站分析访问模式和用户需求，进而优化内容、广告和服务。

缺点：

隐私问题：Cookie可能收集用户的行为数据和个人信息，这可能引发隐私和数据安全问题。用户的数据被跟踪和存储，可能被用于未经同意的广告或分析。
安全风险：不安全的Cookie设置或被恶意篡改的Cookie可能导致安全风险，例如，未经授权的访问或会话劫持。
浏览器负担：大量的Cookie可能占用浏览器的存储空间，并可能影响浏览器性能，特别是当用户访问多个网站时。用户可能需要定期清理Cookie以优化浏览器的运行速度。

2、session

2.1、session概念

Session（会话）是一种服务器端存储用户状态和数据的机制，用于跟踪用户在网站或应用程序中的活动。通过在服务器上分配一个唯一的Session ID，并将其传递给用户的浏览器（通常通过Cookie），Session能够在用户的整个访问过程中维护和管理其状态信息。这种机制允许服务器在用户的访问期间保存有关用户的临时数据，如登录状态和购物车内容，而无需频繁地进行数据传输。

Session的核心作用是维持用户的状态，使得用户在访问多个页面时能够保持一致的体验。与客户端存储的Cookie相比，Session在服务器端管理数据，因此提供了更高的安全性。尽管如此，Session也会增加服务器的负担，特别是在高并发情况下，需要进行有效的资源管理和超时处理。

2.2、session作用

维持用户登录状态：Session最常见的作用是维持用户的登录状态。在用户登录网站后，Session会存储用户的身份信息，使得用户在整个访问过程中不需要反复登录，从而提供无缝的用户体验。
管理用户会话数据：Session用于存储和管理用户在会话期间的临时数据，如购物车中的商品、填写的表单信息或浏览历史。这些数据在会话期间持续有效，支持复杂的交互功能和个性化服务。
保护敏感数据：由于Session数据存储在服务器端，它为敏感信息（如用户身份、账户信息）提供了更高的安全性，减少了数据泄露或被篡改的风险。
多页面间数据共享：Session可以在同一用户会话中的不同页面之间共享数据，使得用户在导航网站时能够保持一致的状态和体验。这样，用户在不同页面执行操作时，服务器能够记住用户之前的活动和选择。
控制用户访问权限：Session还可以用来管理和控制用户对特定资源或功能的访问权限，确保只有经过认证的用户能够访问敏感或受保护的内容。