web前端三要素怎么理解

这篇文章主要讲解了“web前端三要素怎么理解”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“web前端三要素怎么理解”吧！

互连网：凡是由若干电子计算机通过网络相互连接而成的网络。

目前全球最大的由数量最多的电子计算机组成的互联网叫因特网(Internet)提供的主要应用有万维网（WWW）文件传输（FTP）电子邮件（E-mail）远程登录（Telnet）等

万维网通俗点的可以说是因特网里的一种最多的应用主要向我们提供网站网页浏览服务我们通常通过浏览器上网观看的就是万维网的内容

超文本传输：超文本传输协议(HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络传输协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。

HTML：超文本标记语言，HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

html,css,php之间是什么关系：html是一个网页的基础。它是一个网页的必不可少的部分。css是html的样式。如果没有css样式，整个网页就基本上没有美可言，它只是标签的堆叠。因为有了css样式，网站才多姿多彩。

php是服务器端动态语言。如果没有php整个网页只是个静态网页。只供人浏览，不能实现其他的功能。因为服务器端语言php最终编译成客户端html。

javaScript 跟 HTML 关系，网页前台分三个层次 内容,样式,行为 这是最新网页设计的要素，w3c标准要求内容用html表现，样式用css规定， 行为用脚本控制，  html的作用基本就是把一整块的东西切成一小块一小块的，必要的就标识一下(如id,class)

以方便css和脚本引用和控制相应内容， css就是给这些小块内容排队的，规定谁站哪，怎么站。 脚本就是让那些小块内容做事的 .比如页面的图片轮播，就是由脚本控制相应元素的css属性达到切换的目的。

而目前网页前台用的最多的脚本就是javascript.是ecma标准的一个实现.各种浏览器都能支持。

1、什么是HTML

（超文本标记语言 Hyper Text Markup Language），HTML是用来描述网页的一种语言。

不仅可以包含文字，还可以包含图片、链接，甚至音乐、程序等非文字元素的标记语言（展示给用户，不能太单调，css）

2、CSS

(层叠样式表Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值})

是一种用来表现HTML的计算机语言，能使HTML页面变得更加美观，（要展示给用户光漂亮是不够的，用户还要能够动态的操作HTML页面，也就是让浏览器和用户之间的交互不仅仅是用户能浏览html中的内容，还要能对html页面操作，JavaScript）

3、JavaScript

是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。用来给HTML网页增加动态功能、交互行为，是一种解释性脚本语言（不进行预编译）

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置。

翻译的方式有两种，一个是编译，一个是解释。

• 1）编译：Java语言的运行先经过编译，但是JAVA语言的编译不是直接编译成计算机能识别的语言，而是编译成JAVA虚拟机能识别的class文件。

JAVA语言就是典型的翻译方式为编译的编程语言，虽然不是编译成计算机能直接识别的语言，但是同其他以编译为翻译方式的高级编程语言的原理大体上是相同的。

最明显：C/C++，可以编译成二进制代码,以可执行文件的形式存在（exe文件）
都是先编译再运行，而且是一次编译到处运行，效率非常高。（只需要在第一次运行的时候编译一次）

• 2）解释：解释性脚本语言的程序不需要编译，解释性脚本语言在运行程序的时候才翻译

解释性脚本语言有专门的解释器来负责解释，不过每次都需要翻译，效率比较低。JavaScript 就是一种解释性脚本语言

JavaScript也有自己专门的解释器——JavaScript引擎，它存在于浏览器端，作为浏览器的一部分

一句话：html（超文本标记语言）、css（层叠 样式表）、JavaScript脚本语言这三样东西在浏览器端相互配合、相辅相成形成了比较成熟的前端界面

URI = Universal Resource Identifier 统一资源标志符，用来标识抽象或物理资源的一个紧凑字符串。 
URL = Universal Resource Locator 统一资源定位符，一种定位资源的主要访问机制的字符串，一个标准的URL必须包括：protocol、host、port、path、parameter、anchor。 
URN = Universal Resource Name 统一资源名称，通过特定命名空间中的唯一名称或ID来标识资源。
通俗易懂讲解

   首先给大家举个例子，有一家公司的总经理，某天，给了我一张名片，上面写了他的头衔，北京XXX公司总经理 张三，还有他的办公室地址，北京市海淀区长安街35号北京XXX公司总经理办公室，那么，我以后给我的朋友吹牛，我认识北京XXX公司的总经理张三，我的朋友都知道北京XXX公司的总经理是一个叫张三的人，那么，这个头衔就和张三对应起来了，只要一说到这个头衔，大家都知道说的是张三，反应到网络世界，这个头衔就叫做URI，只要你给我一个URI，我就知道它代表了什么，比如，http://www.sina.com.cn代表了新浪网，admin@qq.com代表了某一个人的qq邮箱，你的qq号也是一个URI(腾讯服务器内可以识别就是你的QQ账户)，URI就是网络资源的头衔，通过URI标记可以把网络世界里面的每一个事物都加以标记并区分开来。

    好的，现在出现了一个问题，你现在知道北京XXX公司总经理是张三，“北京XXX公司总经理”就是张三这个人的URI，可是，我让你亲自去和张三见一面，你做得到吗？你肯定做不到，因为你不知道他的地址，虽然你有他的URI头衔，但是除此以外，你对他具体的情况一无所知，于是你要定位到他，你就必须得到他的办公室地址，通过“北京市海淀区长安街35号北京XXX公司总经理办公室”这个地址，你就找到了张三。反应到网络世界，网络世界里面的每一个资源不光有自己的头衔，还要能够被人访问，被人找到，所以，网络地址是必须的，否则，这个网络资源的存在没有任何意义，这个地址就叫做URL。

    通过上面的描述，可以发现，URI强调的是给资源标记命名，URL强调的是给资源定位，但是你会发现，URL显然比URI包含信息更多，我通过URL也可以知道张三是总经理，并且我还知道了他的地址，所以大多数情况下大家觉得给一个网络资源分别命名和给出地址太麻烦，干脆就用地址既当地址用，又当标记名用，所以，URL也充当了WWW万维网里面URI的角色，但是他比URI多了一层意义，我不光知道你叫什么，我还知道你在哪里。我们在浏览器输入的都是URL，因为我们输入的目的是为了找到某一个资源，当然你输入的是URI也是没错的，因为URL也是URI。
    总结：URI标记了一个网络资源，仅此而已；  URL标记了一个WWW互联网资源（用地址标记），并给出了他的访问地址。(URI是Uniform Resource Identifier,表示是一个资源； URL是Uniform Resource Locator，表示是一个地址，光看英文缩写确实难懂)

URL是URI的子集，所有的URL都是URI，但不是每个URI都是URL，还有可能是URN

感谢各位的阅读，以上就是“web前端三要素怎么理解”的内容了，经过本文的学习后，相信大家对web前端三要素怎么理解这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！