网站制作基本概念积累--------之二

本文介绍了网页开发中的关键技术,包括HTML、XHTML、XML、AJAX等,并解释了它们之间的区别和应用场景。此外,还探讨了网页结构、表现与行为的分层概念。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. HTML:
    HTML(HyperTextMark-upLanguage)即超文本标记语言,是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

 

 

2.xhtml:
    HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言,看起来与HTML有些相象,只有一些小的但重要的区别,XHTML就是一个扮演着类似HTML的角色的XML,所以,本质上说,XHTML是一个过渡技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。

    XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

 

 

 

3.XML:
    结构化的信息中包含了一些内容(例如文字,图片等)和一些指示出内容的重现手段的标记(例如,在一个章节头部的信息和其脚注处的信息是有不同含义的。)所有的文档都有不同的结构。一种标记语言,是定义文档结构的机制。XML规范定义了一个对文档进行标记的标准。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述

    只要是网页,用的都是HTML.XHTML只是HTML的一个相对高点的版本.XML和HTML是不相干的.虽然看起来很像.如果网页中使用了XML技术,那么就需要通过某种程序把XML解析为HTML.通常解析是用xslt技术来实现

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

 

 

 

 

4.AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。AJAX依赖浏览器的JavaScript和XML,AJAX的概念中最重要而最被忽视的是他也是一种JavaScript编程语言。AJAX的最大机遇在于用户体验。在使应用更快响应和创新的过程中,定义Web应用的规则正在被重写;因此开发人员必须更注重用户。现在用户已经逐渐习惯如何使用Web应用了。例如用户通常希望每一次按钮点击会导致几秒的延迟和屏幕刷新,但AJAX正在打破这种长时间的状况。因此用户需要重新体验按钮点击的响应了。

    传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然後返回一个新的网页。这个做法浪费了许多带宽,因为在前後两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

    与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的web service接口,并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少,结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。

 

通过在用户和服务器之间引入一个Ajax引擎,可以消除Web的开始-停止-开始-停止这样的交互过程. 它就像增加了一层机制到程序中,使它响应更灵敏,而它的确做到了这一点。

5.一张网页分为三层,即结构层,表现层,行为层,而这三层分别对应的代码技术就是,xhtml(html),css,javascrpt。
完美的结构层要求其代码除了用于结构的代码以外没有任何其他的代码,比如<p>就用来控制段落而不是用来创建一个空行,<font>之类的控制页面表现的代码一律清除
css用于控制页面的表现,如页面的背景图片,文字大小,颜色,行高,链接样式等,额外css滤镜不是特殊需要尽量不用,
行为层则是javascript的掌权区了,javascript常常用于提高站点的交互性,使站点使用更方便,提高站点的装载性能等,如使用javascript创建动感的动画;创建页面装载的提示信息;ajax技术创建局部刷新等
xml用于描述数据,应用广泛,即将崛起的新技术

6.DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

 

7.拿一个汽车来做比喻

HTML代码就好像是汽车的车架;
javscript就好像是汽车的装饰;
JSP,ASP,PHP,ASP.NET 这些都是不同类型的汽车发动机

HTML代码就是表现的界面,他规定了一个页面以如何的方式表现,例如左右结构,上下结构,国字型结构。导航栏在哪,内容框在哪等等,就好像有的车发动机必须安装在前面,有的必须安装在后面。

javascript脚本是运行于客户机器上的,他本身也是一种脚本语言,但是他只负责帮助HTML提高用户体验的东西,例如注册的时候,可以马上提示用户的密码是否输入,否则不提交表单。如果只有HTML,网页虽然可以运行,只是用户体验相对较差,试想下,内部装饰非常差的汽车,开是能开,只是你看了还会去买吗。

JSP,ASP,ASP.NET及PHP,这些是运行在服务器上的,经过服务器的运行后,到客户机,他们能动态改变一些东西,能存储一些东西,让HTML更具有程序性质的支持,有了他们的支持,网页才变的更强大,各种服务才更加多样化。他们让网页具备了可访问数据库,可存储用户信息等等功能。有了他们,网页才会有更多的服务,就好象汽车有了发动机,才会跑各种地方

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值