【web开发】HTML\CSS\JavaScript与PHP\ASP\JSP之间的区别

html/css/javascript 都是前端的，给浏览器执行、渲染的，你本地打开就可以看到效果

php/asp/jsp 等是后端的程序，在服务器运行的，他们生成前端的代码发送给客户端(浏览器)

前端的也叫静态代码，后端的叫动态代码，是指一个php文件，可以根据参数的不同，生成不同的前端代码。如果服务器直接放的是html文件，用户请求页面的时候就直接发给浏览器了。

早期的网站都是静态(html)的，有多少个页面就要有多少个html文件,1000条新闻要1000个html页面，而php等动态网站，只要一个php文件就够了，所以叫动态

动态网站才可以交互，比如用户留言什么的

html : 前端、静态、客户端执行

php : 后端、动态、服务器执行

php是服务器端语言，必须要运行在支持php脚本的web服务器上
html是标记语言，不需要web服务器就可以在浏览器上被解析

HTML（Hypertext Markup Language）即，超文本标记语言，是用于描述网页文档的一种标记语言。

编辑HTML

HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种，

1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。

2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出HOMEPAGE，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。

3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有FRONTPAGE2003，DREAMWEAVER。

既然php中可以嵌套html，为什么不直接用html来编写php文档啊？还要记那么多新东东西，解释下。谢啦 也就是为什么同一个网站需要同时用PHP+html

你是想问例如写

<?php

echo "<font>你好</font>";

?>

不如直接<font>你好</font>

是吧？

这是因为上述的情况还没有和服务器，数据库挂勾，也看不出PHP是动态的效果..

//test.php

<?php

if($_GET['a']==1) echo "<font>你好</font>";

else echo "<font>你们好</font>";

?>

这里，虽然也没有用到数据库，但起码有了动态的效果，同一个页面会根据$_GET['a']传来的参数不同且页面内容不同。

你想一想，如果一个新闻网里面有几十万篇新闻，那只用HTML写岂不是要写几10万个结构相似页面？

但有了PHP，只需要根据一个参数，例如ID值，通过url上面 ?id=1 , ?id=n...这样的形式传参数，然后PHP程序根据不同的参数去数据库找出相应文章内容输出在相应位置就行，而页面其它东西例如CSS样式均不用重新再写...

html是客户端语言。是由浏览器解释的。只用HTML做出来的网页是静态网页，没任何交互功能。

php是服务端语言。是由服务端的程序解释的。php的输出代码，最终还是要转换为HTML

php的出现主要为了处理动态网页，也就是处理html

你可以看到php虽然可以嵌套html但是实际上是为了输出和处理html

html并不能替代php的功能。html是展示而，php是处理怎样展示

html是用来做网页的表现层的，也就说你可以看到的。如字体、链接，图片等。

php是用来处理逻辑层的，也就是你要网页提供什么功能，完成什么动作。如查询数据，计算利息，生成图表等。php代码是嵌入html中的。

jsp，php可以动态连接数据库，但是最终都是由服务器解析成html的。html是一切网页语言的基础。就是说，jsp，php可以嵌套在html中。

什么是静态HTML，什么是动态的HTML？二者有什么区别？

静态网页，动态网页主要根据网页制作的语言来区分:

静态网页使用语言:HTML(超文本标记语言)

动态网页使用语言:HTML+ASP 或 HTML+Php 或 HTML+JSP 等。

静态网页与动态的区别

程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。

静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。

静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。

动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。

我们将动态网页的一般特点简要归纳如下:

(1)动态网页以数据库技术为基础，可以大大降低网站维护的工作量;

(2)采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等;

(3)动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“?”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

CSS，级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。

fireworks是一个强大的网页图形设计工具，你可以使用它创建和编辑位图、矢量图形，还可以非常轻松的做出各种网页设计中常见的效果，比如翻转图象，下拉菜单等，设计完成以后，如果你要在网页设计中使用，你可以将它输出为html文件，还能输出为可以在photoshop,illustrator和flash等软件中编辑的格式。

DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。XHTML基于可扩展标记语言（XML），是一种在HTML 基础上优化和改进的的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

XML可扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML是标准通用标记语言 (SGML) 的子集，非常适合 Web 传输。XML 提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。

XML与HTML的设计区别是：XML是用来存储数据的，重在数据本身。而HTML是用来定义数据的，重在数据的显示模式。

dreamweaver cs4以前的时代是表格嵌套大行其道的时代，对div+css支持较差，而如今谁用表格嵌套做网页就被视为“老古董”了，即dreamweaver cs4 以前的版本不要学不要用，一定要用最新的版本!

网页三剑客，顾名思义，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。由Dreamweaver，Fireworks，Flash三个软件组成，俗称三剑客

JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。

JavaScript和Java是不同的语言。我们整理出以下四点帮助你了解两者的差异：

1、JavaScript是一种象文件一样的描述语言，透过浏览器就可以直接执行；而Java像正统的程式语言（如C/C++）一样，必须先进行编绎和连接等动作才可执行。

2、JavaScript必须编写在HTML文件中，直接查看网页的原始码，就可以看到JavaScript程式，所以没有保护，任何人都可以透过HTML文件复制程式；而Java应用在网页的程式称为Java Applet（Applet是[小程式]的意思），是和HTML文件分开的。

3、JavaScript的结构较为自由松散，譬如，程式中使用变数前并不需要明确的定义，而Java和正统的程式语言一样，结构较为严谨。

4、JavaScript不具有读写档案及网络控制等功能，Java则有提供这些功能，但是JavaScript在网页内容的控制和互动性方面，可算是最方便快捷的。

JavaScript的功能

1、显示信息提示。许多网站在你一连上时，画面上会先出现一个欢迎讯息对话盒，不但和你打招呼，还会发布一些重要讯息。

2、显示日期时间。某些网页会显示目前的日期和时间，可能你会觉得有点神奇，怎么浏览器会知道目前的时间呢？这也是JavaScript提供的功能，它可以侦测你的电脑目前的时间，并且显示在网页中。

3、显示更新日期。许多网页会公告最新更新日期让大家知道，Java Scirpt可以自动侦测网页修改的日期，让你省去在每次修改网页时就得修改日期的动作。

4、跑马灯文字。让你可以方便显示较长的讯息，又不占去大块的版面空间。

5、按钮变化效果。当你移动滑鼠游到左边的按钮上时，按钮便会变成色，在浏览器下方状态列上也会显示出相关文字，这也是利用JavaScript制作的动态效果。

web本意是蜘蛛网和网的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。

网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。

我们常用的开发组合:

IIS环境下：1.ASP+ACCESS 2.ASP+SQL SERVER 3.ASP.NET+ACCESS 4.ASP.NET+SQL SERVER

APACHE环境下：5.jsp+Oracale 6.JSP+MYSQL 7.PHP+MYSQL

ASP、ASP.net、JSP和PHP的优点和缺点：

HTML：当然这是网页最基本的语言,每一个服务器语言都需要它的支持

ASP优点:

1. 无需编译

2. 易于生成

3. 独立于浏览器

4. 面向对象

5. 与任何ActiveX scripting 语言兼容

6. 源程序码不会外漏

缺点:

1、Windows本身的所有问题都会一成不变的也累加到了它的身上。安全性、稳定性、跨平台性都会因为与NT的捆绑而显现出来。

2、ASP由于使用了COM组件所以它会变的十分强大，但是这样的强大由于Windows NT系统最初的设计问题而会引发大量的安全问题。只要在这样的组件或是操作中一不注意，哪么外部攻击就可以取得相当高的权限而导致网站瘫痪或者数据丢失。

3、由于ASP还是一种Script语言所没除了大量使用组件外，没有办法提高其工作效率。它必须面对即时编绎的时间考验，同时我们还不知其背后的组件会是一个什么样的状况。

4、无法实现跨操作系统的应用。当然这也是微软的理由之一，只有这样才能发挥ASP最佳的能力。可是我却认为正是Windows限制了ASP，ASP的概念本就是为一个能让系统运行于一个大的多样化环境而设计的。

5、还无法完全实现一些企业级的功能：完全的集群、负载均横。

ASP.NET优点：

1． 简洁的设计和实施。

2． 语言灵活，并支持复杂的面向对象特性。

3． 开发环境。

缺点：

1．数据库的连接复杂。

JSP优点：

1、 一处编写随处运行。

2、 系统的多台平支持。

3、 强大的的可伸缩性。

4、 多样化和功能强大的开发工具支持。

缺点：

1、 与ASP一样，Java的一些优势正是它致命的问题所在。

2、 缺少系统性的资料。

3、 速度超慢

PHP优点：

1、 一种能快速学习、跨平台、有良好数据库交互能力的开发语言。

2、 简单轻便，易学易用。

3、 与Apache及其它扩展库结合紧密。

4、 良好的安全性。

缺点：

1、 数据库支持的极大变化。

2、 不适合应用于大型电子商务站点

3、 安装复杂。

4、 缺少正规的商业支持。

5、 无法实现商品化应用的开发。