Web基础和HTTP协议

Web基础

域名和DNS

1.域名的概念

        域名是网络上的一个名字可以看成地址别名。它是用来代替IP地址的一串字符，因为IP地址通常是一些列数字。对于我们来说并不容易记住。域名是通过域名系统解析IP地址，从而使得计算机可以定位交换数据。域名具有层次结构通过包括顶级域名，二级域名，有时还包括子域名。

（1.域名结构）（2.域名结构类型）

域名的结构是分层次的，由几个部分组成，通常由右至左读取，越向右层次越高，具体结构如下：

 

1. 顶级域名（TLD）:
   这是域名最右侧的部分，例如 .com、.org、.net、.gov 等。它表明了域名的最高级别的类别。还包括国家代码顶级域名（ccTLD），如 .uk、.de、.cn 等。

2. 二级域名:
   这是域名中的下一部分，位于顶级域名的左侧，通常由个人或组织自定义，如 google、wikipedia 等。

3. 子域名:
   在二级域名左边可以设置子域名，它们用来组织或分隔一个网站内的不同部分，例如 mail.google.com 中的 mail。

4. 主机名:
   在一些情况下，子域名的左侧还可以进一步细分，例如 www 是一个传统的主机名用以指向网站的主服务器，但如今 www 可以视为一个常见的子域名。

 

一个完整的域名例子，blog.example.co.uk：

 

• .uk 是国家代码顶级域名（ccTLD）。
• .co 一般是指一个商业机构，作为二级域名。
• example 是注册的域名。
• blog 是一个子域名，可能指向托管有关博客内容的服务器。

        

2.Hosts文件

(1.Hosts文件的作用)

文件是一种操作系统级别的文件，存在于大多数操作系统中，包括Windows、Mac OS、Linux等。它的基本作用是将特定的主机名（或域名）映射到对应的IP地址。这样，当您试图访问一个网站或网络资源时，系统会首先检查 hosts 文件，看是否有对应这个网站或资源的映射。

3.DNS

DNS是“域名系统”(Domain Name System)的缩写，是互联网上的一种服务，可读的域名（如 www.example.com）转换成计算机可理解的IP地址（如 192.0.2.1）。由于计算机和网络设备使用IP地址来识别和通信，DNS服务对于用户在网上浏览网站至关重要。

 

这里是DNS的一些关键点和功能：

 

1. 域名到IP地址的转换:
   当您在网页浏览器中输入一个网址时，浏览器会使用DNS将该域名转换成服务器的IP地址，以建立连接并加载网页内容。

2. 分散管理:
   DNS遵循分布式数据库模型，由许多不同的服务器构成一个广泛的网络。这些服务器包括根服务器、顶级域名（TLD）服务器、权威名称服务器等。

3. 域名层级:
   域名系统有一个层次结构，最顶层是根域，下一层是顶级域名（如 .com、.org、.net），再下一层是二级域名，以此类推。

4. 名称服务器的角色:

   • 根名称服务器: 回应对顶层域名服务器的查询。
   • 顶层域名服务器: 存储特定顶级域名下所有域名的信息。
   • 权威名称服务器: 存储特定域名的信息，并具有最终解释权。
   • 递归服务器: 通常由ISP运行，为用户提供简化的查询服务，它们在必要时与其他DNS服务器通信以解析域名。

5. 缓存:
   为了减少延迟和网络负载，DNS查询结果会被缓存。缓存可以在多个级别上发生，包括您的个人计算机、您的网络路由器，或者您的ISP的DNS服务器。

6. 记录类型:
   DNS涉及多种不同类型的记录，例如：

   • A记录 (Address): 映射域名到IPv4地址。
   • AAAA记录 (Quad-A record): 映射域名到IPv6地址。
   • CNAME记录 (Canonical Name): 允许将一个域名指向另一个域名，而非IP地址。
   • MX记录 (Mail Exchange): 指定用于接收电子邮件的服务器。
   • NS记录 (Name Server): 指出该域名由哪些名称服务器控制。

 

DNS是互联网的基本组成部分，使得人们能够更容易地访问网站和网络服务，而不必记住复杂的IP地址。

4.域名注册

以下是域名注册步骤的大致流程：

 

1. 选择域名:
   首先，您需要决定想要注册的域名，这通常反映了您的个人名字、品牌或公司名称，并且应该是容易记住和输入的。

2. 检查域名的可用性:
   使用注册商提供的域名搜索工具来确认所选的域名是否可用。如果已经被别人注册，您将需要考虑替代的名称或不同的顶级域名。

3. 选择域名注册商:
   您可以从许多不同的注册商中选择，包括GoDaddy、Namecheap、阿里云等。选择时应该考虑价格、服务质量、附加服务（如域名隐私保护、托管服务）等因素。

4. 完成注册过程:
   一旦您选定了域名并找到了提供该域名的注册商，就需要填写一些注册信息并支付注册费用。这通常包括联系信息、注册期限（通常是1到10年），随后您需要与注册商签订服务协议。

5. 设置域名服务器 (DNS):
   在注册过程中，您通常需要指定域名服务器 (DNS)。您可以使用注册商的DNS服务，也可以指定第三方的DNS服务。

6. 维护和续约:
   域名注册是有期限的。在域名到期前，您需要将其续约，以避免域名被释放并可能被其他人注册。许多注册商提供自动续约服务。

7. 保障隐私和安全:
   如果您希望保护您的个人信息，可选择隐私保护服务，以免您的注册信息（如名字、地址、电子邮件和电话号码）公开在WHOIS数据库中。

 

注册域名是在网络上建立在线身份的第一步，对商业、个人品牌建设或任何想要在线出现的项目都非常关键。您注册的域名有助于定义您的品牌，并且可以增强用户对您网站的记忆，这也是网络营销和SEO策略的一个组成部分。

网页与HTML

1.网页的概述

网页，通常被称为页面，是互联网上的基本构建块，它由标记语言（如HTML）编写而成，提供了网上信息和用户互动的平台。网页可以包含文本、图像、视频和其他多媒体内容，并且可以使用CSS（层叠样式表）进行美化和布局设计，以及JavaScript等脚本语言来实现交互功能。

 

网页的关键特性如下：

 

1. HTML结构:
   HTML（超文本标记语言）是创建网页内容的标准标记语言。它定义了网页的结构，并允许作者使用超链接连接到其他页面。

2. CSS样式:
   CSS用于设置HTML元素的样式，控制布局和页面的外观。通过CSS，开发者可以提高内容与表现层的分离度，使得网站维护和设计改版更为简便。

3. JavaScript交互:
   JavaScript是一种脚本语言，用来增强网页的功能，如响应用户事件、动画、表单验证等。它既可以直接嵌入到HTML中，也可以作为单独的文件链接到网页。

4. 多媒体元素:
   网页可以嵌入多种多媒体元素，包括图片、音频、视频、动画等，以吸引用户并提供更加丰富的互动体验。

5. 超链接:
   网页通常包含超链接，可以指向同一网站的其他页面，或者连接到外部网站。这些链接可以通过点击进行快速跳转，构成了网络的互联性。

6. 表单和输入:
   网页可以包含表单，用户可以通过它输入数据，如登录信息、搜索词或个人资料等。

7. 响应式和适配性:
   响应式网页设计允许网页内容根据用户设备的屏幕大小和分辨率进行适配，包括电脑、平板和手机。

8. 服务器端交互:
   网页可以与服务器进行交云交互，比如通过AJAX技术请求数据，或发送数据到服务器进行处理。

9. 访问控制:
   某些网页可能需要用户登录，通过认证权限来获取访问特定内容的权限。

 

网页被存放在Web服务器上，并通过互联网使用HTTP或HTTPS协议来访问。用户通过Web浏览器输入网址或者通过搜索引擎找到并浏览网页。网页的集合组成了网站，而许多相关的网站则构成了互联网。

2.HTML概述

HTML，全称是超文本标记语言（HyperText Markup Language），是用于创建网页和网上应用的标准标记语言。HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。通过使用不同的标签和属性，HTML允许我们结构化内容，如段落、标题、链接、图像和其他多媒体元素。

 

以下是HTML的一些重要组成要素：

 

1. 标签 (Tags):
   HTML通过一系列的标签来组织内容，标签通常成对出现，如

   和

   用于定义一个段落。这些标签告诉浏览器如何格式化和显示内容。

2. 元素 (Elements):
   由一个开始标签，内容，和一个结束标签组成的整个结构称为一个元素。例如，

   Hello World!

    是一个包含文本“Hello World!”的段落元素。

3. 属性 (Attributes):
   标签可以包含属性，属性提供了关于HTML元素更多的信息。比如中的src告诉浏览器图片文件的路径，而alt描述了图像的备用文本。

4. 结构 (Structure):
   HTML文档具有一定的结构，它以开始来声明文档类型，接着是标签，内含和两个部分。通常包含元数据和链接到样式表的信息，而则包含实际显示在网页上的内容。

5. 超链接 (Hyperlinks):
   使用标签创建，允许用户点击跳转到另一个页面或页面的另一部分，如Visit Example.com。

6. 表单 (Forms):
   通过

   标签创建，允许用户输入数据并提交到服务器。

7. 列表 (Lists):
   有序列表

   和无序列表
   ，用来组织列表项
   • 。

   • 多媒体 (Multimedia):
     包括图像、音频和视频元素，用于嵌入媒体文件。

   • 语义化 (Semantics):
     HTML5引入了多种语义化标签，如

     、

     、

     、

     和

     等，它们让网页结构更清晰，也有助于搜索引擎和辅助设备理解内容。

    

   编写HTML代码时，一般使用纯文本编辑器或HTML编辑器，并保存为.html或.htm的文件扩展名。当这些文件通过网络服务器提供服务时，它们可以被浏览器访问并正确显示为网页。随着Web技术的发展，HTML也持续更新发布新的版本，其中HTML5是当前的主流标准。

3.HTML基本标签

HTML的基本标签构成了网页的框架和内容，以下是一些常用的HTML基本标签及其用途：

 

1. :
   声明文档类型，告诉浏览器这是一个HTML5文档。

2. :
   这个标签包裹了整个HTML文档的所有内容，是每个HTML页面的根元素。

3. :
   包含了所有的元数据（metadata），包括文档的标题、字符集声明以及链接到样式表和脚本的引用。