web基础知识汇总

Posted 2020-06-19

（1）网页浏览器

• 网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网路等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超连结，用户可迅速及轻易地浏览各种资讯。网页一般是html（标准通用标记语言下的一个应用）的格式。有些网页是需使用特定的浏览器才能正确显示。个人电脑上常见的网页浏览器包括微软的Internet Explorer、Opera、Mozilla的Firefox、Maxthon和Safari。浏览器是最经常使用到的客户端程序。万维网是全球最大的连结文件网络文库。
• WWW服务和Gopher服务是通过客户端程序访问的，这种程序被称为网页浏览器,因为它允许用户根据超文本链接(HyperText Link）进行漫游，而不必进行有目的的查询。
• 网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML，并由MIME在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。
• 主流浏览器有：
  Internet Explorer，Mozilla Firefox，Chrome，Opera，Safari，360安全浏览器，360极速浏览器，傲游浏览器，搜狗高速浏览器，猎豹浏览器
  QQ浏览器，采编读浏览器，极速采编读浏览器，淘宝浏览器，糖果浏览器，百度浏览器
   

（2）域名系统：

• 域名系统（Domain Name System缩写DNS，Domain Name被译为域名）是因特网的一项核心服务，它作为可以将域名和IP地址相互映射的一个分布式数据库，能够使人更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。
• 域名系统(Domain Name System,DNS)是Internet上解决网上机器命名的一种系统。就像拜访朋友要先知道别人家怎么走一样，Internet上当一台主机要访问另外一台主机时，必须首先获知其地址，TCP/IP中的IP地址是由四段以“.”分开的数字组成，记起来总是不如名字那么方便，所以，就采用了域名系统来管理名字和IP的对应关系。
• 用户访问一个网站的时候，既可以输入该网站的IP地址，也可以输入其域名，对访问而言，两者是等价的。例如：微软公司的Web服务器的IP地址是207.46.230.229，其对应的域名是www.microsoft.com，不管用户在浏览器中输入的是207.46.230.229还是www.microsoft.com，都可以访问其Web网站。

（3）超链接：

• 超级链接简单来讲，就是指按内容链接。
• 超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
• 类型：
• 按照连接路径的不同,网页中超链接一般分为以下3种类型：内部链接，锚点链接和外部链接。

• 超链接对象

  超链接是超级链接的简称。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
  超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。

• 网页超链接

  网页上的超链接一般分为三种：一种是绝对URL的超链接。URL（Uniform Resource Locator）就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径。
  第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去；
  还有一种称为同一网页的超链接，这种超链接又叫做书签。

• 动态静态

  超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如我们可以实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也可以实现鼠标移到图片上图片就产生反色或朦胧等等的效果。而静态超链接，顾名思义，就是没有动态效果的超链接。

（3）静态与动态页面：

• 静态 网页：
• 静态网页是实际存在的，无需经过服务器的编译，直接加载到客户浏览器上显示出来。静态页面需要占一定的服务器空间，且不能自主管理发布更新的页面，如果想更新网页内容，要通过FTP软件把文件DOWN下来用网页制作软件修改（通过fso等技术例外）。常见的静态页面举例：.html扩展名的、.htm扩展名的。
• 采用静态页面的方法可以将数据库及后台系统与前台划分开。两者间没有绝对的联系。从而从提高站点的安全。
• 以上就是静态页面的最大的优点。速度快，可以跨平台，跨服务器。
• 同样静态页面也拥有相等与优点的缺点。今天的静态页面已经不是单纯的用FrontPage或DreamWeaver来一张张做。然后发布到网上了。他已经是动态与静态结合的产物。通常我们的制作流程是这样的。
  • 第一步：发布信息到数据库
    第二步：选择页面的模版
    第三步：程序读取模版 +数据库信息 = 静态页面
    第四步：发布索引页面（如首页，引导页等）
  • 静态页面的生成至少需要上述几个步骤才能完成。所以模版是关键的。因为静态页面无法在你调整后自动更新。必须再次创建。数据量大的话。这个更新的时间也相当可怕。所以你会发现有些大的网站新的文章与旧的文章长不是一个样子。在加上静态页面本身因为不具备动态页面的特性。也就无法做一些WEB应用。最明显的一点搜索。
• 动态 网页：
• 所谓的动态网页，是指跟静态网页相对的一种网页编程技术。静态网页，随着html代码的生成，页面的内容和显示效果就基本上不会发生变化了——除非你修改页面代码。而动态网页则不然，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。
• 值得强调的是，不要将动态网页和页面内容是否有动感混为一谈。这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，只要是采用了动态网站技术生成的网页都可以称为动态网页。
• 总之，动态网页是基本的html语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。因此，从这个意义上来讲，凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。
• 特征：
• 简要归纳如下：
  (1)动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量；
  (2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
  (3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
  (4)动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索之中不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
• 服务器端：
• 一个在Web（网络）服务器上运行的程序（服务器端脚本）是用来改变在不同的网页之上的网页内容，或调节序列或重新加载的网页。服务器响应来确定这种情况，张贴的超文本标记语言表单里头的数据，URL中的参数，所使用的浏览器类型，时间流逝，或数据库或服务器的状态。
• 这些网页通常都是如ASP，ColdFusion，Perl，php，WebDNA，或者其他的服务器端语言。这些服务器端语言经常使用的通用网关接口（CGI）产生动态网页。有两个明显的例外是asp.net和JSP（爪哇服务器页面），在它们的API（程序编程接口）里头会重复使用CGI的概念，但实际上所有的web（网络）请求分派到壹个共享的虚拟机。动态网页有很少或没有预期变化时，往往会高速缓存和页面预计会接收大量的网络流量，会营造缓慢的加载时间至服务器。
• 客户端:
• 客户端脚本在一个特定的网页面改变界面以及行为或响应鼠标或键盘操作，或在指定时间事件。在这种情况下，动态行为在发生时。客户端生成的内容在用户的本地计算机系统里头.
• 这些网页使用的演示技术被称为富接口页面。客户端脚本语言，如javascript（爪哇脚本）或ActionScript（动作脚本），动态HTML（DHTML）和Flash技术的使用，经常被用来编排媒体类型（声音，动画，修改文本等）的演示。该脚本还允许使用远程脚本的壹种技术，DHTML页面请求从服务器的其他信息，使用一个隐藏的框架，XMLHttpRequest或Web（网络）服务。
• 新技术：
• 1、PHP 即Hypertext Preprocessor（超文本预处理器），它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java、PERL等语言，但只需要很少的编程知识你就能使用PHP建立一个真正交互的Web站点。
  它与HTML语言具有非常好的兼容性，使用者可以直接在脚本代码中加入HTML标签，或者在HTML标签中加入脚本代码从而更好地实现页面控制。PHP提供了标准的数据库接口，数据库连接方便，兼容性强；扩展性强；可以进行面向对象编程。
• 2、ASP 即Active Server Pages（活跃服务器页），它是微软开发的一种类似超文本标识语言(HTML)、脚本(Script)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。
  • ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。
  • 但ASP技术也非完美无缺，由于它基本上是局限于微软的操作系统平台之上，主要工作环境是微软的IIS应用程序结构，又因ActiveX对象具有平台特性，所以ASP技术不能很容易地实现在跨平台Web服务器上工作。
• JSP 即Java Server Pages（爪哇服务器页面），它是由Sun Microsystem公司于1999年6月推出的新技术，是基于Java Servlet以及整个Java（爪哇）体系的Web开发技术。
• JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至 ASP一般只应用于Windows NT/2000平台，而JSP则可以在85%以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。
• aspx是微软的在服务器端运行的动态网页文件，通过IIS解析执行后可以得到动态页面，是微软推出的一种新的网络编程方法，而不是asp的简单升级，因为它的编程方法和asp有很大的不同，他是在服务器端靠服务器编译执行的程序代码，　ASP 使用脚本语言，每次请求的时候，服务器调用脚本解析引擎来解析执行其中的程序代码，而asp.net 则可以使用多种语言编写，而且是全编译执行的，比ASP 快，而且，不仅仅是快的问题，有很多优点。

• 动态和静态的区别：

1. 动态页面是一对多访问。通过一个页面。可以根据若干参数返回其不同的数据。但是静态页面因为是静态所以是一个页面对应一个内容，也就是一对一的关系。他的优点就是无论你如何访问都只是让服务器传数据给请求者。并不做脚本计算及读取后台数据库。从而大大的提高了访问速度及降低了部分安全隐患。
2. 静态网页和动态网页的主要区别在于在服务器上是否运行程序，运行在客户端的程序、页面等等都是静态页面，它们是一直不变的。静态网页和动态网页有着不同的特点，一个网站使用什么样的页面要看这个网站有什么功能和网站中的内容有多少，假如这个网站的内容变化不是很快，网站的功能也没有那么复杂，可以使用静态的网页对网站运行也比较简单。而相反则必须要使用动态的网页来完善一个网站。
3. 一个网站建设的基础就是静态网页，而静态网页和动态网页之间也不是互不相容的，为了提高网站内搜索的速度，就是使用动态网页技术的网站，也能把网页的内容转变成静态网页运行，把网页转变为静态化是网站发展的一个非常好的方法，能够提高网页打开的速度。
4. 静态网页使用语言：超文本标记语言（标准通用标记语言的一个应用、外语缩写：HTML），动态网页使用语言：以超文本标记语言为基础，结合上述脚本语言来编写
5. 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如PHP、JSP、ASP、net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。
• 静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
  静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
• 动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。

（4）标准通用标记语言：

• 标准通用标记语言（以下简称“通用标言”），是一种定义电子文档结构和描述其内容的国际标准语言；
•  通用标言为语法置标提供了异常强大的工具，同时具有极好的扩展性，因此在数据分类和索引中非常有用；
• 是所有电子文档标记语言的起源，早在万维网发明之前“通用标言”就已存在。
  • 通用标言是一种描述语言的语言，通用标言定义了以电子形式表示文本的方法。它的特点有：
1. 正式的，能允许验证文档的正确性；
2. 结构化的，能够处理复杂的文档；
3. 可扩充的，能够支持大型信息存储的管理。

 

（5）HTML

• 超文本标记语言，标准通用标记语言下的一个应用。
• “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
• 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
• 超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，
  • 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
• 由来：
• 万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
• 网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

 

（6）可扩展标记语言XML

• 可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。
• 在电子计算机中，标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种的信息比如文章等。它可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 它非常适合万维网传输，提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。是Internet环境中跨平台的、依赖于内容的技术，也是当今处理分布式结构信息的有效工具。早在1998年，W3C就发布了XML1.0规范，使用它来简化Internet的文档信息传输。
• 它被设计用来传输和存储数据；
  超文本标记语言被设计用来显示数据。它们都是标准通用标记语言的子集。
• 一、什么是可扩展标记语言？
• 可扩展标记语言是一种很像超文本标记语言的标记语言。
• 它的设计宗旨是传输数据，而不是显示数据。
• 它的标签没有被预定义。您需要自行定义标签。
• 它被设计为具有自我描述性。
• 它是W3C的推荐标准。
• 二、可扩展标记语言和超文本标记语言之间的差异?
  它不是超文本标记语言的替代。它是对超文本标记语言的补充。它和超文本标记语言为不同的目的而设计：
  • 它被设计用来传输和存储数据，其焦点是数据的内容。
  • 超文本标记语言被设计用来显示数据，其焦点是数据的外观。
  超文本标记语言旨在显示信息，而它旨在传输信息。对它最好的描述是：它是独立于软件和硬件的信息传输工具。
• 三、可扩展标记语言是W3C的推荐标准?
  XML 于 1998 年 2 月 10 日成为 W3C 的推荐标准。
• 四、可扩展标记语言无所不在?
  超文本标记语言。XML 是各种应用程序之间进行数据传输的最常用的工具。
• 它与Access，Oracle和SQL Server等数据库不同，数据库提供了更强有力的数据存储和分析能力，例如：数据索引、排序、查找、相关一致性等，它仅仅是存储数据。事实上它与其他数据表现形式最大的不同是：它极其简单，这是一个看上去有点琐细的优点，但正是这点使它与众不同。
  它和超文本标记语言语法区别：超文本标记语言的标记不是所有的都需要成对出现，它则要求所有的标记必须成对出现；HTML标记不区分大小写，它则大小敏感，即区分大小写。

 

（7）统一资源定位符URL

• 统一资源定位符（Uniform Resource Locator，URL）是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。
• 它最初是由蒂姆·伯纳斯·李发明用来作为万维网的地址。现在它已经被万维网联盟编制为互联网标准RFC1738了。
• 结构：
  • 基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志
  • 模式/协议（scheme）：它告诉浏览器如何处理将要打开的文件。最常用的模式是超文本传输协议（Hypertext Transfer Protocol，缩写为HTTP），这个协议可以用来访问网络。
  • http——超文本传输协议资源
    https——用安全套接字层传送的超文本传输协议
    ftp——文件传输协议
    mailto——电子邮件地址
    ldap——轻型目录访问协议搜索
    file——当地电脑或网上分享的文件
    news——Usenet新闻组
    gopher——Gopher协议
    telnet——Telnet协议
  • 文件所在的服务器的名称或IP地址，后面是到达这个文件的路径和文件本身的名称。服务器的名称或IP地址后面有时还跟一个冒号和一个端口号。它也可以包含接触服务器必须的用户名称和密码。路径部分包含等级结构的路径定义，一般来说不同部分之间以斜线（/）分隔。询问部分一般用来传送对服务器上的数据库进行动态询问时所需要的参数。
  • 统一资源定位符一般是分大小写的，不过服务器管理员可以确定在回复询问时大小写是否被区分。有些服务器在收到不同大小写的询问时的回复是相同的。地址结尾的"."号在互联网的发展初期，访问一个网站不是单纯的输入这样DNS服务器才能够识别。后来，微软公司在WindowsNT3.51中对其进行了修改，可以自动在DNS查询时自动增加一个.号，随后UNIX，NetWare也随之而跟进，让服务器可以识别结尾没有"."的域名。但是，符号"."在当前的网址中仍然可以使用，统一资源定位符的日常使用超文本传输协议统一资源定位符将从互联网获取信息的四个基本元素包括在一个简单的地址中。