带来一篇DOCTYPE和XHTML的相干熟悉
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了。Web尺度使您能经由过程起码的事情,天生可被最宽大受众会见的Web站点。Web尺度的答应是:只需计划页面一次,便可让该页以完整不异的体例在任何古代的扫瞄器中显现和事情。比方,在依照尺度天生今后,旨在在MicrosoftInternetExplorer中以某种体例显现的页可在其他扫瞄器(如,MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari)中以不异的体例显现,而无需完成任何分外的事情。
Web尺度的一个分外优点是—使Web站点更容易于为残疾人士会见。这是一个局限普遍的受众群体,包含目力阑珊的中年人士,方才在滑雪时跌断胳膊的人士,和完整掉明的人士等。利用尺度可制止偶然中制止那些具有临时性或永世性身材残疾的人士会见Web页。
HTML在正式的场所已过期了。WorldWideWebConsortium(W3C)于2000年6月26日公布了XHTML的第一个版本作为保举尺度。XHTML尺度的方针是代替HTML。依照W3C的说法,“XHTML是HTML的承继者”(http://www.w3.org/MarkUp/)。
XHTML尺度的制订者具有两年夜方针:
在文档布局和暗示情势之间创立更分明的分别。
将HTML从头暗示为XML的使用程序。
为了完成第一个方针,W3C一向在刚强地从HTML中删除地道形貌性的元素和属性(他们是从HTML4.0入手下手这一历程的)。比方,XHTML1.0Strict不包括诸如<font>标志之类的元素或诸如bgcolor属性之类的属性,由于这些元素和属性完整用于形貌文档的表面,它们与文档的布局没有任何干系。
W3C一向在勉力使Web站点计划职员和开辟职员摒弃特定标志应该具有特定表面这一看法。比方,您大概会以为<h1>标志(题目标志)的用处是在页中出现年夜的加粗文本。这实践上是错的。<h1>标志用来在文档中标志题目而不是其他任何器材。怎样出现题目标志由扫瞄器断定。目力阑珊的人士利用的屏幕浏览器大概使用平铺直叙的声响来高声朗诵题目标志的内容。不撑持多个字体巨细的PDA大概用闪灼文本出现题目标志的内容。
您不该当试图利用诸如<h1>标志之类的页元从来把持Web页的表面。相反,您应该经由过程利用层叠款式表来唆使Web页的表面。并且,您所利用的层叠款式表应该是内部层叠款式表。请利用标志和属性来标志文档的布局,而利用款式表来把持文档的暗示情势。
XHTML的第二个方针是迫使HTML开辟职员恪守更加严厉的XML划定规矩。依照W3C的说法,“XHTML1.0是HTML4.01的作为XML1.0使用程序的订正”(http://www.w3.org/MarkUp/)。换句话说,利用XHTML天生Web页时,实践上是在创立XML文档。
XML文档具有比HTML文档更严厉的语法。比方,XML辨别巨细写,一切XML属性都必需放在引号内,并且XML标志不克不及堆叠。强制Web站点开辟职员和计划职员恪守有更高请求的言语划定规矩有良多优点。
优点之一,用XHTML标志编写的页具有更高的跨扫瞄器、跨设备和跨操纵体系兼容性。假如在扫瞄器中翻开传统的HTML页,扫瞄器将想方设法地出现该页。扫瞄器将试图出现该页,即便您的HTML一团糟。比方,InternetExplorer(和Firefox和Opera)可以很好地显现上面的HTML页。
<i><B>thisisboldanditalic</I>andthisisbold</body></HTML>InternetExplorer会得当地显现该页—即便该页短少<html>和<body>入手下手标志,<b>标志不具有婚配的停止标志,而且入手下手和停止<i>标志的巨细写纷歧致。一切次要的扫瞄器都能顺应几近任何HTML标志“夹杂物”,而且不顾地出现一些内容。
扫瞄器的这类顺应举动是伤害的,由于分歧的扫瞄器(或不异扫瞄器的未来版本,或在分歧操纵体系上运转的不异扫瞄器)大概以分歧体例出现庞杂的HTML。实践上,关于最新版本的InternetExplorer、MozillaFirefox和Opera而言,它们出现有效HTML的体例惊人地分歧。可是,一旦入手下手违背游戏划定规矩,就不会失掉任何包管。
但是,假如用XHTML的更严厉的划定规矩编写Web页,那末Web页就更有大概以分歧的体例与以后扫瞄器合作,而且它们将持续与以后扫瞄器的将来新版本合作。关于任何公司而言,几近都不具有针对每一个扫瞄器、在每一个操纵体系和每一个设备上测试其Web站点的资本。假如依照Web尺度编写页面,那末就不用具有如许的资本。
XHTML尺度的版本
有三个版本的XHTML1.0,它们分离对应三个版本的HTML4.01:
XHTML1.0Transitional
XHTML1.0Strict
XHTML1.0Frameset
XHTML1.0Transitional包括HTML4.01Transitional中的全体标志和属性。引进XHTML1.0Transitional尺度的目标是,使现有HTML计划职员和开辟职员无需履历太多的疾苦就可以迁徙到XHTML。
XHTML1.0Strict与XHTML1.0Transitional的分歧的地方在于,它在文档布局和暗示情势之间实行了一种更加分明的分别。与XHTML1.0Transitional分歧,XHTML1.0Strict强制您利用层叠款式表来把持页的表面。
XHTML1.0Frameset文档意在成为利用<frameset>标志将扫瞄器分别为多个框架的文档(XHTML1.0Transitional和Strict页不克不及包括<frameset>标志)。
W3C还公布了XHTML1.1以作为保举尺度(2001年5月31日)。XHTML1.1十分相似于XHTML1.0Strict。两者的次要区分在于,能够用附加模块扩大XHTML1.1以便撑持新元素。比方,能够天生特定的XHTML1.1页,该页还包括MathML(数学标志言语)、SVG(可伸缩向量言语)或创立的自界说模块中的元素。
最初,W3C正在制定XHTML2.0保举尺度。由于XHTML2.0仍旧处于草拟阶段,而且以后没有Web扫瞄器撑持该尺度,以是我们不在本文会商它。
创立XHTML页
与HTML页分歧,XHTML页必需是尺度格局且无效的XML文档。XHTML1.0保举尺度的第4部分对HTML和XHTML之间的区分举行了总结。这里给出身成无效XHTML页的最主要需求的列表:
页必需包括无效的XHTMLDOCTYPE。
无效的XHTML页必需在其任何内容之前包括一个XHTMLDOCTYPE。当在VisualStudio.NET2005或MicrosoftVisualWebDeveloper中创立新的ASP.NET页时,该页中将主动包括XHTML1.0Transitional的准确的DOCTYPE。上面列出四个尺度的XHTMLDOCTYPE:
XHTML1.0Transitional
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">XHTML1.0Strict
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">XHTML1.0Frameset
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">XHTML1.1
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">向页中增加DOCTYPE会影响该页在扫瞄器中的出现体例。请参阅以下题目为“XHTML和DOCTYPE切换”的一节。
根元素必需援用XHTML定名空间。
XHTML页的入手下手<html>标志必需指定默许定名空间http://www.w3.org/1999/xhtml。以下是XHTML1.0Transitional页的无效入手下手<html>标志的示例:
<htmlxml:lang="en"lang="en">一切元素和属性名都必需小写。
XML辨别巨细写。因而,在<p>标志和<P>标志之间存在差别。只要前者是无效的XHTML段落标志。
属性值必需一直放在引号内。
确保一直将属性值放在双引号或单引号中。比方,以下是有效的XHTML。
<ahref=SomePage.aspx>Next</a>在该示例中,href属性短少引号。以下代码是无效的XHTML。
<ahref="SomePage.aspx"mce_href="SomePage.aspx">Next</a>您能够经由过程选择菜单选项Tools、Options、Format,将VisualStudio.NET2005和VisualWebDeveloper设置为主动将属性值放在引号内。
一切具有入手下手标志的非空元素都必需具有婚配的停止标志。
假如具有入手下手<p>标志,则必需包括停止</p>标志来标志段落的停止。关于基本不包括任何内容的标志,比方<br>标志,可同时供应入手下手和停止标志<br></br>,也能够利用空元素简写。
为使XHTML页与现有的HTML扫瞄器向后兼容,必要当心处置翻开和封闭标志的体例。比方,现有HTML扫瞄器偏向于将入手下手和停止<br></br>标志毛病地注释为两个<br>元素。因而,您应该利用空元素简写</br>。
别的,除非您当心地在停止斜杠之前增加一个空格,不然现有HTML扫瞄器在处置空元素简写时会呈现成绩。因而,应该利用<BR<b>/>(而不是)向页中增加<br>元素。
不得存在堆叠标志。
可使标志嵌套,可是不同意使标志堆叠。比方,以下XHTML是无效的。
<b><i>Thisisboldanditalic</i></b>可是,以下XHTML是有效的。
<i><b>Thisisboldanditalic</i></b>不得存在属性最简化。
一切属性都必需具有值,即便该值看起来有一点儿奇异。比方,标志<inputtype=”checkbox”checked/>是有效的XHTML,由于checked属性不具有值。该标志应该写成<inputtype=”checkbox”checked=”checked”/>。
必需利用id属性而不是name属性。
在HTML中,可使用name属性来标识<a>、<applet>、<form>、<frame>、<iframe>、<img>和<map>元素。只管可使用name属性天生XHTML1.0Transitional页,但在XHTML1.0Strict和XHTML1.1尺度中已将name属性删除。您应该改而利用id属性来标识这些元素。
必需将<script>和<style>元素的内容包装到CDATA节中。
假如在剧本或款式表中利用特别字符(比方<或&)或实体援用(比方<或&),则必要将剧本或款式表的内容标志为CDATA(字符数据)节,以下所示。
<scripttype="text/javascript"><!]></script>利用CDATA节并不是对一切扫瞄器都无效。比方,InternetExplorer会将<script>标志中的CDATA节视为语法毛病。能够经由过程增加JavaScript正文制止该成绩,以下所示。
<scripttype="text/javascript">/*<!]>*/</script>JavaScript利用/*和*/来标记正文的入手下手和停止。因而,CDATA节对JavaScript埋没,但不合错误剖析该页的扫瞄器埋没。总之,较好的做法是将款式划定规矩和剧本放在内部文件中,而从XHTML页中援用这些文件。经由过程利用内部款式表和剧本,可以制止上述一切成绩。
XHTML和DOCTYPE切换
为Web页指定DOCTYPE会影响扫瞄器出现页的体例。InternetExplorer、MozillaFirefox和Opera全都撑持一种名为“DOCTYPE切换”(也叫“DOCTYPE嗅探”)的功效。
引进DOCTYPE切换的目标是使扫瞄器可以准确地出现切合尺度的Web站点和新式Web站点。年夜多半Web站点被开辟为出现HTML页而不是XHTML页。扫瞄器经由过程判别是不是存在DOCTYPE来断定什么时候应当利用尺度来出现页。
InternetExplorer6+撑持两种出现形式,分离叫做Quirks形式和Standards形式。当InternetExplorer出现包括无效XHTML(或HTML4.0)DOCTYPE的页时,它会以Standards形式出现该页;不然,它会以Quirks形式出现该页(有关具体信息,请参阅CSSEnhancementsinInternetExplorer6)。
Opera扫瞄器(Opera7+)撑持与InternetExplorer不异的两种出现形式:Quirks和Standards(有关具体信息,请参阅http://www.opera.com/docs/specs/doctype/)。
MozillaFirefox1+撑持三种出现形式:Quirks形式、AlmostStandards形式和Standards形式。Firefox的AlmostStandards形式对应于InternetExplorer和Opera的Standards形式。当页包括无效的XHTML1.0TransitionalDOCTYPE(而且该页被分派为text/htmlMIME范例)时,Firefox会以AlmostStandards形式出现该页。当页包括XHTML1.0Strict或XHTML1.1DOCTYPE(大概该页被分派为XMLMIME范例)时,该页将以Standards形式出现(有关具体信息,请参阅http://www.mozilla.org/docs/web-developer/quirks/doctypes.html)。
能够经由过程一时向页中增加以下客户端剧本(该剧本在最新版本的InternetExplorer、Firefox和Opera中无效)断定扫瞄器确当前出现形式。
<scripttype="text/javascript">alert(document.compatMode);</script>您必要体贴扫瞄器的出现形式,由于它会影响将层叠款式表使用于该页的体例。假如将现有HTML页转换为XHTML页,那末在扫瞄器中翻开它们时,它们大概看起来十分分歧。
比方,InternetExplorer以分歧体例盘算页元素的巨细,这取决于出现形式(它利用分歧的CSSBoxModel)。在Quirks形式下,元素的宽度是经由过程将元素的内容、内边距、边框和边距相加而盘算失掉的。在Standards形式下,元素的宽度是只思索元素内容的宽度而盘算失掉的。
更好的控制页面布局。不用多说。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器) 俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
页:
[1]