Web规范:有关web规范的1些初学的专业知识

日期:2020-12-10 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

  Web规范使您能根据至少的工作中,转化成可被最众多受众浏览的Web站点。Web规范的服务承诺是:只需设计方案网页页面1次,便可让该页以彻底同样的方法在任何当代的访问器中显示信息和工作中。比如,在依照规范转化成之后,旨在在MicrosoftInternetExplorer中以某种方法显示信息的页可在别的访问器(如,MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari)中以同样的方法显示信息,而不用进行任何附加的工作中。
  Web规范的1个附加益处是—使Web站点更容易于为残疾人员浏览。这是1个范畴普遍的受众人群,包含眼睛视力衰落的中年人员,不久在滑雪时跌断胳膊的人员,和彻底失明的人员等。应用规范可防止不经意中阻拦那些具备临时性或永久性性人体残疾的人员浏览Web页。
  HTML在宣布的场所早已落伍了。WorldWideWebConsortium(W3C)于2000年6月26日公布了XHTML的第1个版本号做为强烈推荐规范。XHTML规范的总体目标是替代HTML。依照W3C的说法,“XHTML是HTML的承继者”(http://www.w3.org/MarkUp/)。
  XHTML规范的制订者具备两大总体目标:
  在文本文档构造和表明方式之间建立更显著的分离出来。
  将HTML再次表明为XML的运用程序流程。
  以便完成第1个总体目标,W3C1直在坚定不移地从HTML中删掉纯碎叙述性的元素和特性(她们是从HTML4.0刚开始这1全过程的)。比如,XHTML1.0Strict不包括诸如<font>标识之类的元素或诸如bgcolor特性之类的特性,由于这些元素和特性彻底用于叙述文本文档的外型,它们与文本文档的构造沒有任何关联。
  W3C1直在勤奋使Web站点设计方案人员和开发设计人员革除特殊标识理应具备特殊外型这1意识。比如,您将会会觉得<h1>标识(题目标识)的主要用途是在页中展现大的加粗文字。这具体上是错的。<h1>标识用来在文本文档中标识题目而并不是别的任何物品。怎样展现题目标识由访问器明确。眼睛视力衰落的人员应用的显示屏阅读文章器将会运用声音洪亮的响声来高声诵读题目标识的內容。不适用好几个字体样式尺寸的PDA将会用闪动文字展现题目标识的內容。
  您不可当尝试应用诸如<h1>标识之类的页元向来操纵Web页的外型。相反,您理应根据应用堆叠款式表来标示Web页的外型。并且,您所应用的堆叠款式表理应是外界堆叠款式表。请应用标识和特性来标识文本文档的构造,而应用款式表来操纵文本文档的表明方式。
  XHTML的第2个总体目标是驱使HTML开发设计人员遵循更加严苛的XML标准。依照W3C的说法,“XHTML1.0是HTML4.01的做为XML1.0运用程序流程的修定”(http://www.w3.org/MarkUp/)。换句话说,应用XHTML转化成Web页时,具体上是在建立XML文本文档。
  XML文本文档具备比HTML文本文档更严苛的英语的语法。比如,XML区别尺寸写,全部XML特性都务必放在引号内,并且XML标识不可以重合。逼迫Web站点开发设计人员和设计方案人员遵循有更高规定的語言标准有许多益处。
  益处之1,用XHTML标识撰写的页具备更高的跨访问器、跨机器设备和跨实际操作系统软件适配性。假如在访问器中开启传统式的HTML页,访问器将想方设法地展现该页。访问器将尝试展现该页,即便您的HTML1团糟。比如,InternetExplorer(和Firefox和Opera)可以很好地显示信息下面的HTML页。
  <i><B>thisisboldanditalic</I>andthisisbold</body></HTML>InternetExplorer会适当地显示信息该页—即便该页缺乏<html>和<body>刚开始标识,<b>标识不具备配对的完毕标识,而且刚开始和完毕<i>标识的尺寸写不1致。全部关键的访问器都能融入基本上任何HTML标识“混和物”,而且不管不顾1切地展现1些內容。
  访问器的这类融入个人行为是风险的,由于不一样的访问器(或同样访问器的未来版本号,或在不一样实际操作系统软件上运作的同样访问器)将会以不一样方法展现紊乱的HTML。具体上,针对全新版本号的InternetExplorer、MozillaFirefox和Opera而言,它们展现失效HTML的方法惊人地1致。可是,1旦刚开始违背手机游戏标准,就不容易获得任何确保。
  但是,假如用XHTML的更严苛的标准撰写Web页,那末Web页就更有将会以1致的方法与当今访问器合作,而且它们将再次与当今访问器的将来新版本号合作。针对任何企业而言,基本上都不具有对于每一个访问器、在每一个实际操作系统软件和每一个机器设备上检测其Web站点的資源。假如依照Web规范撰写网页页面,那末就无须具备这样的資源。
  XHTML规范的版本号
  有3个版本号的XHTML1.0,它们各自对应3个版本号的HTML4.01:
  XHTML1.0Transitional
  XHTML1.0Strict
  XHTML1.0Frameset
  XHTML1.0Transitional包括HTML4.01Transitional中的所有标识和特性。引进XHTML1.0Transitional规范的目地是,使现有HTML设计方案人员和开发设计人员不用亲身经历太多的痛楚就可以转移到XHTML。
  XHTML1.0Strict与XHTML1.0Transitional的不一样的地方在于,它在文本文档构造和表明方式之间执行了1种更加显著的分离出来。与XHTML1.0Transitional不一样,XHTML1.0Strict逼迫您应用堆叠款式表来操纵页的外型。
  XHTML1.0Frameset文本文档意在变成应用<frameset>标识将访问器区划为好几个架构的文本文档(XHTML1.0Transitional和Strict页不可以包括<frameset>标识)。
  W3C还公布了XHTML1.1以做为强烈推荐规范(2001年5月31日)。XHTML1.1十分相近于XHTML1.0Strict。2者的关键差别在于,能够用额外控制模块拓展XHTML1.1便于适用新元素。比如,能够转化成特殊的XHTML1.1页,该页还包括MathML(数学课标识語言)、SVG(可伸缩空间向量語言)或建立的自定控制模块中的元素。
  最终,W3C正在制定XHTML2.0强烈推荐规范。由于XHTML2.0依然处在起草环节,而且当今沒有Web访问器适用该规范,因此大家不在本文探讨它。
  建立XHTML页
  与HTML页不一样,XHTML页务必是规范文件格式且合理的XML文本文档。XHTML1.0强烈推荐规范的第4一部分对HTML和XHTML之间的差别开展了总结。这里得出转化成合理XHTML页的最关键要求的目录:
  页务必包括合理的XHTMLDOCTYPE。
  合理的XHTML页务必在其任何內容以前包括1个XHTMLDOCTYPE。当在VisualStudio.NET2005或MicrosoftVisualWebDeveloper中建立新的ASP.NET页时,该页中将全自动包括XHTML1.0Transitional的正确的DOCTYPE。下面列出4个规范的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切换”的1节。
  根元素务必引入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>。
  另外,除非您当心地在完毕斜杠以前加上1个空格,不然现有HTML访问器在解决空元素简写时会出現难题。因而,理应应用<BR<b>[space]/>(而并不是)向页中加上<br>元素。
  不可存在重合标识。
  可使标识嵌套循环,可是不容许使标识重合。比如,下列XHTML是合理的。
  <b><i>Thisisboldanditalic</i></b>可是,下列XHTML是失效的。
  <i><b>Thisisboldanditalic</i></b>不可存在特性最简化。
  全部特性都务必具备值,即便该值看起来有1点儿怪异。比如,标识<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"><![CDATA[functionisLess(a,b){if(a<b)returntrue;}]]></script>应用CDATA节并不是对全部访问器都合理。比如,InternetExplorer会将<script>标识中的CDATA节视作英语的语法不正确。能够根据加上JavaScript注解防止该难题,以下所示。
  <scripttype="text/javascript">/*<![CDATA[*/functionisLess(a,b){if(a<b)returntrue;}/*]]>*/</script>JavaScript应用/*和*/来标示注解的刚开始和完毕。因而,CDATA节对JavaScript掩藏,但不对剖析该页的访问器掩藏。总而言之,较好的做法是将款式标准和脚本制作放出外部文档中,而从XHTML页中引入这些文档。根据应用外界款式表和脚本制作,可以防止上述全部难题。
  XHTML和DOCTYPE切换
  为Web页特定DOCTYPE会危害访问器展现页的方法。InternetExplorer、MozillaFirefox和Opera统统适用1种名为“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 适用3种展现方式: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方式下,元素的宽度是只考虑到元素內容的宽度而测算获得的。