WEB标准学习,认识两种网页声明的含义

2016-02-19 23:20 9 1 收藏

下面是个简单易学的WEB标准学习,认识两种网页声明的含义教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

即网页标准推出来以后,我们时常会看到两种不同的网页的声明,一个是Dhtml,一个是Xhtml。如下所示:

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

baidu了一下什么是dhtml?

首先我们看一看微软中国站点中的一个重要界面特性当浏览者将鼠标指针移动到页面导航条上时,会动态地弹出一个菜单,在该菜单中移动鼠标,所指向的菜单项变为红色显示;如果将鼠标指针移出菜单所在范围,则菜单自动隐藏:如果将鼠标指针移动到导航条上另外一个区域,则会弹出另外一个菜单。

  这种效果非常类似于Windows应用程序的特性,即通过图形化的界面为用户提供尽可能多的功能。实际上,采用这种方式可以使同一个页面上包含更多的信息,对于微软中国这样庞大的站点来说十分有用(实际上,microsoft.com也是采用这种界面)。

  要实现这种效果,单纯依靠HTML和JavaScript已经无法实现,必须采用新的技术这就是动态HTML。所谓动态HTML(Dynamic HTML,简称DHTML),其实并不是一门新的语言,它只是HTML、CSS和客户端脚本的一种集成。

DHTML建立在原有技术的基础上,可分为三个方面:

一是HTML,也就是页面中的各种页面元素对象,它们是被动态操纵的内容;

二是CSS,CSS属性也是动态操纵的内容,从而获得动态的格式效果;

三是客户端脚本(例如JavaScript),它实际操纵Web页上的HTML和CSS。

  使用DHTML技术,可使网页设计者创建出能够与用户交互并包含动态内容的页面。实际上,DHTML使网页设计者可以动态操纵网页上的所有元素甚至是在这些页面被装载以后。利用DHTML,网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。DHTML还可使网页设计者在网页上显示外部信息,方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器,同时也无需重新装载网页。这是因为一切功能都包含在HTML文件中,随着对网页的请求而一次性下载到浏览器端。

  可见,DHTML技术是一种非常实用的网页设计技术。实际上,DHTML早已广泛地应用到了各类大大小小的网站中,成为高水平网页必不可少的组成部分。

什么是XHTML?

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

  2000年底,国际W3C组织(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言,目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的基于HTML语言设计的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。所以,建立XHTML的目的就是实现HTML向XML的过渡。目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用(即通常所说的CSS+DIV)。

来源:http://www.tulaoshi.com/n/20160219/1629678.html

延伸阅读
标签: 营养价值
菌类的营养价值都是比较高的,非常受到人们的喜爱,而其中花菇与香菇更是如此的。但是对于花菇与香菇很多人都是会人错的,但是它们在很多方面都是会有区别的,今天图老师小编就为大家介绍一下它们在营养、功效、存贮等方面的区别吧! 目录 1、花菇基本介绍 2、香菇基本介绍 3、花菇和香菇的基本区别 4、花菇与香菇营养...
标签: Web开发
这个格式是我自创的,经常有人问我为什么,这里做个简单总结: 1. 分类,一个模块或者同类功能定义为一类定义,每类定义之间用段落隔开。 2. 分级,每类定义中的每个定义语句,根据结构或语意级别使用Tab缩进纵向对齐。 3. 分断,每个定义内的每个属性定义之间,用分号+空格隔开,注意定义语句与分号间无空格,{}内前有空格而...
标签: Web开发
    我们在浏览某些网站的时候,看到不错的网页可能就想把上面的内容给复制下来,但是有的网站就是为了防止别人复制,而在每段文字的结尾处增加了干扰码——与背景颜色相同的文字。清除文字水印的方法比较多,主要有两种:手动在Word里简易清除、利用浏览器插件来清除。 1.颜色替换巧除“干扰码” 在选中网页中的一...
网页布局有哪些作用,有如何设计网页布局?今天飞屋睿UIdesign给同学们科普下这方面的知识,选用优秀的案例分析,一针见血的特点总结,通俗易懂,好学好用,刻不容缓感受下 。 从今天开始,我们也来聊聊UI设计。当我们谈论UI设计时,其实我的知识贡献范围也只能是WEB端,当然WEB端和软件端大同小异。但不管是设计网页界面还是软件界面,作为设...
标签: Web开发
进入eYou.com后,马上就给新版的邮件界面转化成XHTML+CSS的工作,还好平时基本功还够扎实,有条不紊的干了下来。当然会遇到新的问题,比如,平时做网页,因为没有跟程序打过什么交道,较少使用表单。还好,世界还有Google,让我可以轻松应对新挑战。一些经验,写出来大家分享。 基于易用性(accesibility)的考虑,表单的标准写法应该在form和...

经验教程

376

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部