仓酷云

标题: 来谈谈：Web的真理:HTML5究竟是甚么意义 [打印本页]

作者: 灵魂腐蚀 时间: 2015-1-15 23:13
标题: 来谈谈：Web的真理:HTML5究竟是甚么意义
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……破洛洛文章简介：我以为像如许的计划道理都十分好。而有了计划道理，我以为才更有但愿计划出真正有代价的产物。计划道理是Web开展面前的驱动力，也是经由过程HTML5反应出来的某种头脑体例。我想，上面这条道理你相对不会生疏.
JeremyKeith在Fronteers2010上的主题演讲
下载PPT（PDF）
寓目视频
明天我想跟人人谈一谈HTML5的计划。次要分两个方面：一方面，固然了，就是HTML5。我能够站在这儿只讲HTML5，但我其实不盘算如许做，由于假如你想懂得HTML5的话，你能够Google，能够看书，乃至能够看标准。
实践上，的确有人漫谈到标准的内容。史蒂夫·福克纳（SteveFaulkner）会讲HTML5与可会见性。而保罗·艾里什（PaulIrish）则会讲HTML5供应的各类API。因而，我明天站在这里，不会光讲一讲HTML5就算完事了。
说厚道话，在正式入手下手之前，我想先交代分明我所说的HTML5究竟是甚么意义。这话听起来有点弄笑：这会子你一向在说HTML5，岂非我们还不晓得甚么是HTML5吗？人人晓得，有一个标准，它的名字叫HTML5。我所说的HTML5，指的就是这个标准。但成绩是，有些人所说的HTML5，指的不单单是这个标准，另有其余意义。好比说，用HTML5来代指CSS3就是一种罕见的叫法。我可不是如许的。我所说的HTML5，不包括CSS3，就是HTML5。
相似的术语成绩之前也有过。Ajax原本是一种寄义明白的手艺，但过了不久，它的寄义就酿成了“用JavaScript来做统统好玩的器材”。这就是Ajax，对不合错误？明天，HTML5也面对一样的成绩，它原本指的是一个特定的标准，但现在寄义却成了“在Web上做统统好玩的事。”我说的不是这类HTML5，不是这类涵盖了比来方才呈现的各类新东东的HTML5。我说的仅仅是标准自己：HTML5。
方才已说了，我明天想要讲的内容未几，也没有盘算先容HTML5都包括甚么。明天我要讲的是它的另外一方面，即HTML5的计划。换句话说，我要讲的不是标准里都包括甚么，而是标准里为何会包括它们，和在计划这个标准的时分，计划者们是怎样对待这些器材的。
计划道理
计划道理实质上是一种信心、一种设法、一个观点，是你举动的支柱。不论你是制订标准，仍是打造一种无形的物品，大概编写软件，乃至创造编程言语。你都能找到面前的一个大概多个计划道理，多人合作的任何功效都是例证。不单单Web开辟范畴是如许。纵不雅人类汗青，像国度和社会如许年夜范围的构建举动面前，一样也有计划道理。
就拿美国为例吧，美国的计划道理都写在了《自力宣言》中了。
我们以为这些真谛是不问可知的，大家生而同等，造物主付与了每一个人不成褫夺的权力，包含保存、自在和寻求幸运。

这里有一句标语：保存、自在和寻求幸运。这是被写进宪法中的中心理念，它干系到我们一切人的统统，也就是我们构建本人社会的准绳。
另有一个例子，就是卡尔·马克思（KarlMarx），他的著作在20世纪曾被奉为建立社会主义的圭臬。其基础头脑大抵能够回结为上面这条计划道理：
各展其长，各取所需。

这实在就是一种经济系统面前的计划道理。
另有一个例子，比后面两个的汗青更长远一些，不外迥然不同：
大家为我，我为大家。

这个极其复杂的计划道理，是两千年前的拿撒勒犹太人耶稣基督提出来的。而这条准绳成了厥后很多宗教的中心教义。道理与理论偶然候并非同步的。
上面是小说中的一个例子。英国小说家乔治·奥威尔（GeorgeOrwell）笔下的《植物庄园》，就是在一条计划道理的基本上构建起来的假造社会。这条计划道理是：
四条腿的都是坏人，两条腿的都是好人！

《植物庄园》中成心思的是，跟着社会的变迁——变得愈来愈坏，这条计划道理也随着产生了改动，酿成了“四条腿的都是坏人，两条腿的就更好了。”最关头的是，即便是在假造的作品里，计划道理都是存在的。
另有一套假造的作品是以三条计划道理为基本构建起来的，那就是美国出名小说家艾萨克·阿西莫夫（IssacAsimov）的呆板人典范系列。阿西莫夫创造了呆板人学这个术语，并提出了呆板人学三年夜法例，然后在这三个复杂的计划道理基本上创作了一系列典范作品——约莫有50本书。不管作品的情节怎样变更，实践上都是从分歧的角度来阐释这三年夜计划道理。我想，在坐列位对呆板人三年夜法例都不该该生疏。
呆板人不得危险人类，或作壁上观人类受危险。
呆板人必需从命人类命令，除横死令违背第一法例。
呆板人必需侵占，只需不违反第一和第二法例。

这些生怕是第一次呈现在小说中的针对软件的计划道理了。固然基于这三个计划道理的软件运转在假造的呆板人的“正电子脑”中，但我想这应当是软件计划道理的现实初步。今后今后，我们才看到大批优异软件面前的计划道理。
蒂姆·伯纳斯-李（TimBerners-Lee），Web的创造者，在W3C的网站上宣布过一份文档，个中有一个URL给出了他本人的一套计划道理。这些计划道理其实不那末简单了解，不但多，并且跟着不时间推移，他还会不休增补、修正和删除。不外我仍是以为把本人认同的计划道理写出来放在某个中央真是个不错的主张。
实践上，CSS的创造人之一伯特·波斯（BertBos），也在W3C的网站上放着一份文档，个中讲的都是基础的计划道理，好比如何计划并构建一种格局，不管是CSS仍是其他格局。保举人人看一看。
只需你在W3C的站点中任意找一找，就能够发明十分多的这类计划道理，包含蒂姆·伯纳斯-李团体的。固然，你还会看到他从软件工程黉舍里借用的一些标语：分权（decentalisation）、容忍（tolerance）、浅易（simplicity）、模块化（modularity）。这些都是在他创造新格局的时分，思想中无时无刻不在想的那些关头词。
在坐列位对蒂姆·伯纳斯-李的奉献都长短常熟习的，由于人人天天都在用。他创造了Web，与罗伯特·卡里奥（RobertCailliau）配合创造了Web，并且在创造Web的同时，也创造了我们天天都在Web上利用的言语。固然，这门言语就是HTML：超文本标志言语。
HTML
HTML最早是从2.0版入手下手的。历来就没有1.0版。假如有人告知你说，他最早是从HTML1.0入手下手利用HTML的，那他相对是在忽悠你。夙昔的确有一个名叫HTMLTags的文档，个中的部分标签一向用到如今，但谁人文档并不是官方的标准。
利用标签、尖括号、p或h1，等等，并非蒂姆·伯纳斯-李创始的设法。事先的SGML里就有了这些观点，并且事先的CERN（ConseilEuropeenpourlaRechercheNucleaire，欧洲核子研讨委员会）也在利用SGML的一个特定的版本。也就是说，即使在谁人时期，他也没有自力更生；这一点在HTML厥后的开展过程当中也表现了出来：承上启下、承上启下，而不是另立流派、重新入手下手。
换句话说，这篇名为HTMLTags的文档能够算作HTML的第一个版本，但它却不是一个正式的版本。第一个正式版本，HTML2.0，也不是出自W3C之手。HTML2.0是由IETF，因特网工程义务组（InternetEngineeringTaskForce）制订的。在W3C建立之前，IETF已公布了很多尺度。但从第三个版本入手下手今后，W3C，万维网同盟（WorldWideWebConsortium）入手下手接办，并卖力后续版本的制订事情。
20世纪九十年月HTML有过几回疾速的开展。尽人皆知，在谁人时期要想构建网站，但是一项非常庞大的工程。扫瞄器年夜战曾使人头疼不已。市场合作的了局就是各家扫瞄器里都塞满了各类专有的特征，都试图在专有特征上胜人一筹。事先的凌乱水平不胜回想，HTML究竟还重不主要，大概它作为Web格局的远景怎样，谁都说不分明。
从1997年到1999年，HTML的版本从3.2到4.0到4.01，履历了十分快的开展。成绩是到了4.01的时分，W3C的熟悉产生了发展，他们说“好了，这个版本就如许了，HTML也就如许了；HTML4.01是HTML的最初一个版本了，我们用不着HTML事情组了。”
W3C并没有中断开辟这门言语，只不外他们对HTML不再感乐趣了。在HTML4.01以后，他们提出了XHTML1.0。固然听起来完整分歧，但XHTML1.0与HTML4.01实际上是一样的。我的意义是说，从字面上看这两个标准的内容是一样的，辞汇表是一样的，一切的元素是一样，一切的属性也都是一样的。独一一点分歧的地方，就是XHTML1.0请求利用XML语法。也就是说，一切属性都必需利用小写字母，一切元素也必需利用小写字母，一切属性值都必需加引号，你还得记住利用停止标签，记住对img和br要利用自停止标签。
从标准自己的内容来看，实践上是不异的，没有甚么分歧。分歧的地方就是编码作风，由于对扫瞄器来讲，读取切合HTML4.01、HTML3.2，大概XHTML1.0标准的网页都没有成绩，对扫瞄器来讲这些网页都是一样的，城市天生不异的DOM树。只不外人们会对照喜好XHTML1.0，由于很多人认同它对照严厉的编码作风。
到了2000年，Web尺度项目（WebStandardsProject）的举动展开得热火朝天，开辟职员对扫瞄器里包括的那些七零八落的专有特征已忍辱负重了。人人都很朝气，就骂那些扫瞄器厂商“恪守个标准就他妈的真有那末难吗？”事先CSS有了长足的开展，并且与XHTML1.0分离得也很严密，CSS加XHTML1.0基础上就能够算是“最好理论”了。固然在我看来HTML4.01与XHTML1.0没有实质上的分歧，但人人都承受了。专业的开辟职员能做到元素全体小写，属性全体小写，属性值也全体加引号：因为专业职员起到了圭臬标准带头感化，愈来愈多的人也都入手下手撑持这类语法。
我就是一个例子！已往的10年，我一向都利用XHTML1.0文档范例，缘故原由是如许一来考证器就可以给我帮上很年夜的忙，对不合错误？只需我写的是XHTML1.0，然后用考证器测试，它就可以告知我是否是忘了给属性值加引号，是否是没有停止某个标签，等等等等。而假如我写的是HTML4.01，一样的成绩就酿成了无效的了，考证器就纷歧定会提示我了。
这就是我一向利用XHTML1.0的缘故原由。我估量良多人都……利用XHTML1.0的伴侣，请把手举起来。好的。HTML4.01呢？人少多了。一向没有举手的呢，高声点，你们用甚么？HTML5，也很好！更早的呢，另有人利用更早的文档范例吗？没有了？
10年来我一向利用XHTML1.0，就是由于考证器可以真正帮到我。有人用XHTML1.1吗？你晓得有人用吗？请举手，别放下。有人把网页标志为XML文档吗？有吗？那你们利用的就不是XHTML1.1。
这就是个年夜成绩。XHTML1.0以后是XHTML1.1，只是小数点前面的数字加了一个1，并且从辞汇表的角度看，标准自己没有甚么新器材，元素也都不异，属性也都不异。但对XHTML1.1来讲，独一的变更是你必需把本人的文档标志为XML文档。在利用XHTML1.0的时分，还能够把文档标志为HTML，而我们也恰是如许做的，不然把文档标志为XML没准真会把人逼疯的。
为何这么说呢？起首，把文档标志为XML后，InternetExplorer不克不及处置。固然，IE9是能够处置了。生怕有人会讲“真是太心爱了”，他们到如今竟然都没有忘了这件事。这艘船终究泊岸了！不外当时候，作为环球抢先的扫瞄器，IE没法处置吸收到的XML文档范例的文档，而标准又请求你以XML文档范例来发送文档，这不把人逼疯才怪呢。
以是说XHTML1.1有点离开实际，而你不想把文档以XML格局发送给那些可以了解XML的扫瞄器，则是由于XML的毛病处置模子。XML的语法，不管是属性小写，元素小写，仍是一直要给属性值加引号，这些都没有成绩，都很好，现实上我也喜好如许做，但XML的毛病处置模子倒是如许的：剖析器假如碰到毛病，中断剖析。标准里就是这么写的。假如你把XHTML1.1标志为XML文档范例，假定你用Firefox翻开这个文档，而文档中有一个和号（&）没有准确编码，就算全部页面中就这一处毛病，你看到的也将是黄屏，扫瞄器逝世失落了。Firefox会说：“没戏了，页面中有一个毛病，你看不到这个网页了。”依据XML标准，如许处置是准确的，对Firefox而言，碰到毛病就中断剖析，而且不出现其他任何内容是严厉依照XML标准做的。由于它不是HTML，HTML基本就没有毛病处置模子，但依据XML标准，如许做没错。
这就是为何你不会把文档标志为XML的另外一个缘故原由。接上去，新的版本是XHTML2，人人注重前面没有日期，由于这个标准并没有完成。
如今就说说XHTML2，我很乐意把成绩说分明，XHTML2实践上真是一个十分十分好的标准，的确十分好……从实际的角度来讲。我的意义是说，制订这个标准的人都长短常十分有思想的。直说吧，向导制订这个标准的家伙是斯蒂芬·彭伯顿（StephenPemberton），他应当是当地人，是一个伶俐过人的家伙。标准自己也很了不得，假如一切人都批准利用的话，也必定是一个十分好的格局。只不外，还不敷实践。
起首，XHTML2仍旧利用XML毛病处置模子，你必需包管以XML文档范例发送文档；这一点不言自明：没人乐意如许做。其次，XHTML2成心不再向后兼容已有的HTML的各个版本。他们乃至已经会商过取销img元素，这对天天都在做Web开辟的人来讲的确有点疯了的滋味。但我们晓得，他们之以是如许做，实际上的确有充分的来由——利用object元素大概会更好。
因而，不管XHTML2在实际上是何等完善的一种格局，但却从未无机会付诸理论。而之以是难以将其付诸理论，就是由于像你我如许的开辟职员永久不会撑持它，它不向后兼容。一样，扫瞄器厂商也不会，扫瞄器厂商必需要包管向后兼容。
为何XHTML1.1没有像XML那样失掉真正普遍地使用，为何XHTML2从未落到实处？由于它违背了一条计划道理，这条计划道理就是出名的伯斯塔尔法例（Postel’sLaw）。人人都晓得：
发送时要守旧；吸收时要开放。

没错，吸收的时分要开放，而这也恰是Web得以构建的基本。开辟扫瞄器的人必需关闭襟怀，吸收一切发送给扫瞄器的器材，由于它们已往一向都在吸收那些不敷尺度的器材，对不合错误？Web上的良多文档都不标准，但那恰是Web开展的动力。从某种角度讲，Web走的恰是一条浑沌开展之路，固然浑沌，但却十分俊丽诱人。在Web上，格局不标准的文档到处可见，但那又如何呢？假如一切人都可以写出精准的XML，一切文档的格局都非常准确，那固然好了。但是，那不实际。实际是伯斯塔尔法例。
作为专业人士，在发送文档的时分，我们会只管守旧一些，只管接纳最好理论，只管确保文档格局优秀。但从扫瞄器的角度说，它们必需以开放的姿势往吸收任何文档。
有人大概会说XML有毛病处置模子，XHTML1.1和XHTML2都利用该模子，但谁人毛病处置模子太刻薄了。它相对不切合吸收时开放这个法例，碰到一个毛病就中断剖析怎样能叫开放呢？我们只能说它与强健性法例（也就是伯斯塔尔法例）是对峙的。
HTML5
以后，就到了HTML5，但HTML5并非由W3C间接制订的。故事的经由是如许的，到20世纪末的时分，还没有HTML事情组，W3C外部的一些人就入手下手揣摩了，“HTML大概还能够更短命一点，只需我们对它略加扩大就好了。只需把我们放在XHTML上的工夫和精神拿出一部分来，就能够提拔一下HTML中的表单，可让HTML更靠近编程言语，就能够让它更上一层楼。”
因而，在2004年W3C成员外部的一次研究会上，事先Opera公司的代表伊恩·希克森（IanHickson）提出了一个扩大和改善HTML的倡议。他倡议新义务组能够跟XHTML2并行，可是在已有HTML的基本上展开事情，方针是对HTML举行扩大。W3C投票表决的了局是——“否决”，由于HTML已逝世了，XHTML2才是将来的偏向。然后，Opera、Apple等扫瞄器厂商，和其他一些成员说：“那好吧，不期望他们了，我们自已一样能够做这件事，我们离开W3C。”他们建立了WebHypertextApplicationsTechnologyWorkingGroup（Web超文本使用手艺事情组，WHATWG）——碰巧的是，他们自称事情组，而不是出格小组（taskforce），这就为HTML5未来的运气埋下了伏笔。
WHATWG决意完整离开W3C，在HTML的基本上展开事情，向个中增加一些新器材。这个事情组的成员里有扫瞄器厂商，因而他们不但能够说加就加，并且还可以逐一完成。了局，人人不休提出一些好点子，而且一一做到了扫瞄器中。

破洛洛文章简介：我以为像如许的计划道理都十分好。而有了计划道理，我以为才更有但愿计划出真正有代价的产物。计划道理是Web开展面前的驱动力，也是经由过程HTML5反应出来的某种头脑体例。我想，上面这条道理你相对不会生疏.

WHATWG的事情效力很高，不久就初见效果。在此时代，W3C的XHTML2没有甚么本色性的停顿。出格是，假如从完成的角度来讲，用原地踏步描述仿佛也不为过。
了局，一件成心思的事变产生了。那是在2006年，蒂姆·伯纳斯-李写了一篇博客，说：“你们晓得吗？我们错了。我们错在妄图一夜之间就让Web跨进XML时期，我们的设法太不实在际了，是的，大概我们应当从头组建HTML事情组了。”善哉斯言，厥后的故事变节果然就是如许开展的。W3C在2007年组建了HTML5事情组。这个事情组面对的第一个成绩，毫无疑问就是“我们是重新入手下手做起呢，仍是在2004年景立的谁人叫WHATWG的事情组既有功效的基本上入手下手事情呢？”谜底是不言而喻的，他们固然但愿从已获得的功效动手，以之为基本睁开事情。因而他们又投了一次票，批准“在WHATWG事情功效的基本上持续展开事情”。好了，这下他们要跟WHATWG并肩战役了。
第二个成绩就是怎样理顺两个事情组之间的干系。W3C这个事情组的编纂应当由谁担当？是否是还让WHATWG的编纂，也就是如今Google的伊恩·希克森来兼任？因而他们又投了一次票，同意“让伊恩·希克森担当W3CHTML5标准的编纂，同时兼任WHATWG的编纂，更有助于新事情组展开事情。”
这就是他们投票的了局，也就是我们明天看到的场合排场：一种格局，两个版本。WHATWG的网站上有这个标准，而W3C的站点上一样也有一份。
假如你不懂得内幕，极可能会发生如许的疑问：“哪一个版本才是真实的标准？”固然，这两个版本内容是一样的……基础上不异。实践上，这两个版本未来还会各奔前程。如今已有了各奔前程的迹象了。我的意义是说，W3C终极要制订一个详细的标准，这个标准会成为一个事情草案，定格在某个汗青时候。
而WHATWG呢，他们还在不休地迭代。即便今朝我们说的HTML5，也不克不及完整涵盖WHATWG正在处置的事情。最正确的了解是他们正在开辟一项复杂的HTML或Web手艺，由于这才是他们事情的中心方针。但是，同时存在两个如许的事情组，这两个事情组同时开辟一个基础不异的标准，这不管怎样也简单让人发生曲解。曲解便可能形成贫苦。
实在这两个事情组面前各自有各自的流程，由于它们的理念完整分歧。在WHATWG，能够说是一种专制的事情机制。我方才说了，伊恩·希克森是编纂。他会听取各方定见，在一切成员各持己见，充实报告本人的概念以后，他同意本人以为准确的定见。
W3C则截然相反，能够说是一种平易近主的事情机制。一切成员都能够宣布定见，并且每一个人都有投票表决的权力。这个流程的关头在于投票表决。从外表上看，WHATWG的事情机制让人欠好承受。岂止是欠好承受，几乎是汗青的发展。信任谁城市以为“运作任何项目都不克不及接纳这类体例！”
W3C的事情机制听起来让人很恬逸。最少表现了大家同等嘛。但在理论中，WHATWG的事情机制运转得十分十分好。我以为之以是会如许，次要回功于伊恩·希克森。他的切实其实确是一个十分称职的编纂。他在听取各方定见时，一直能够做到涓滴不带团体情感色采。
从道理上讲，W3C的事情机制很公允，而实践上却十分简单在某些流程或环节上卡壳，形成事情故步自封，一件事变要告竣决定常常必要消费很长工夫。那究竟哪一种事情机制最好呢？我以为，最好的事情机制是将两者分离起来。而现实也是两个标准制订主体在配合制订一份不异的标准，我想，这却是十分有益于两种事情机制互相扬长避短。
两个事情组之以是可以一心一德，次要缘故原由是HTML5的计划头脑。由于他们从一入手下手就断定了计划HTML5所要保持的准绳。了局，我们不但看到了一份标准，也就是W3C站点上发布的那份文档，即HTML5言语标准，还在W3C站点上看到了另外一份文档，也就是HTML计划道理。而这份文档的一名编纂明天也离开了我们年夜会的现场，她他就是安妮·奇泰丝（AnneVanKesteren）。假如人人对这份文档有成绩，能够就教安妮。
这份文档十分好，真的十分杰出。这份文档，能够说见证了W3C与WHATWG同床异梦同谋开展的过程。岂非你们不以为他们像是一对欢乐朋友吗？那他们还怎样一心一德呢？这份文档忠厚地纪录了他们一道做了甚么，他们配合反对甚么。
接上去，我想要讲的就是这份文档。由于，既然他们能就这份文档告竣共鸣，那末我信任，HTML5势必是一个巨大的标准，而他们已承认这就是他们的配合举动大纲。为此，你才会看到诸如兼容性、有用性、互用性之类的观点。即使W3C与WHATWG之间再有多年夜的不合——的确相称多——最少他们另有这份文档中纪录的共鸣。这一点才是相当主要的。正由于他们有了共鸣，才有了这份基于共鸣形貌计划道理的文档。
制止不用要的庞大性
上面我就给人人先容一些这份文档中纪录的计划道理。第一个，十分复杂：制止不用要的庞大性。仿佛很复杂吧。我用一个例子来讲明。
假定我利用HTML4.01标准，我翻开文档，输出doctype。这里有人记得HTML4.01的doctype吗？好，没有，我猜没有。除非……我的意义是说，你是傻冒。现场生怕真有人背过，这就是HTML4.01的doctype：
<!DOCTYPEhtmlPUBLIC"-//W3C/DTDHTML4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

我不记这个两行代码，否则还要记事本、要Google、要模板有甚么用呢？
如果我利用XHTML1.0呢，这个标准我都已用了10年了。有谁记得住这个doctype吗？没错，它的长度跟HTML4.01的差不太多：
<!DOCTYPEhtmlPUBLIC"-//W3C/DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

是否是，基础上不异。它要告知扫瞄器的是：这个文档是XHTML1.0的文档。那末在HTML5中，免却不用要的庞大性，doctype就简化成了：
<!DOCTYPEhtml>

仅此罢了。好了，就连我也能过目成诵了。我用不着把这几个字符记在记事本里了。我得说，在我第一次看到这个doctype的时分——我固然觉得这是一个HTML文档的doctype——被它吓了一跳：“是否是还少一个数字5啊？”我内心想：“这个doctype想告知扫瞄器甚么呢？就说这个文档是HTML吗？岂非这是有史以来独一一个HTML版本吗，这件事我得起首弄分明，HTML从此永久不会再有新版本了吗？”好一副妄自尊大的架势！我错了，由于这个doctype并没有这个意义。为此，必需先弄分明为何文档一开首就要写doctype。它不是写给扫瞄器看的。Doctype是写给考证器看的。也就是说，我之以是要在文档一开首写那行XHTML1.0的doctype，是为了告知考证器，让考证器依照该doctype来考证我的文档。
扫瞄器反倒无所谓了。假定我写的是HTML3.2文档，文档开首写的是HTML3.2的doctype。而在文档中某个中央，我利用了HTML4.01中才呈现的一个元素。扫瞄器会怎样处置这类情形？它会由于这个元素呈现在比doctype声明的HTML版本更晚的标准中，就不注释出现该元素吗？不会，固然不会！它还是会注释出现该元素，别忘了伯斯塔尔法例，别忘了强健性。扫瞄器在吸收的时分必需要开放。因而，它不会反省任何格局范例，而考证器会，考证器才体贴格局范例。这才是存在doctype的真正缘故原由。
而依照HTML5的另外一个计划道理，它必需向前向后兼容，兼容将来的HTML版本——不论是HTML6、HTML7，仍是其他甚么——都要与以后的HTML版本，HTML5，兼容。因而，把一个版本号放在doctype内里没有多年夜的意义，即便对验器证也一样。
方才，我说doctype不是为扫瞄器写的，如许说年夜多半情形下没有成绩。在有一种情形下，你利用的doctype会影响到扫瞄器，信任在坐诸位也都晓得。但在这类情形下，Doctype并不是真正用得其所，而只是为了到达某种特别的目标才利用doctype。现在微软在引进CSS的时分，走在了尺度的前头，他们领先在扫瞄器中撑持CSS，也推出了本人的盒模子——厥后尺度公布了，但尺度中利用了纷歧样的盒模子。他们怎样办？他们想撑持尺度，但也想向后兼容本人已往推出的编码体例。他们怎样晓得网页作者想利用尺度，仍是想利用他们已往的体例？
因而，他们想出了一个十分奇妙的主张。那就是使用doctype，使用无效的doctype来触发尺度形式，而不是兼容模子（quiksmode）。这个主张十分奇妙。我们明天也都是如许在做，在我们向文档中到场doctype时，就相称于声了然“我想利用尺度形式”，但这并非创造doctype的本意。这只是为了到达特别的目标在使用doctype。
上面我出一道有奖抢答题，听好：“一分钟后入手下手，假如你手快的话，第一个在文档后面写完doctypehtml，然后我用InternetExplorer翻开你的文档，会触发它的尺度形式，仍是会触发它的兼容形式？”
谜底是，这是在InternetExplorer中触发尺度形式的起码字符数量。我以为这也申明了HTML5标准的实质：它不寻求实际上的完善。HTML5所表现的不是“噢，给作者一个冗长好记的doctype欠好吗？”，没错，冗长好记是很好，但假如这个好记的doctype没法顺应现有的扫瞄器，还不如把它忘了更好。因而，这个均衡掌控得十分好，不但实际上看是个好主张——冗长好记的doctype，并且理论中一样也是个好主张——仍旧能够触发尺度形式。应当说，Doctype是一个十分典范的例子。
另有一个例子，一样能够申明标准是怎样省略不用要的庞大性，制止不用要的庞大性的。假如后面的文档利用的是HTML4.01，假定我要指定文档的字符编码。幻想的体例，是经由过程服务器在头部信息中发送字符编码，不外也能够在文档这个级别上指定：
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">

一样，我也不会把这行代码背上去。我还想省下本人的脑细胞往记点其余更有代价的器材呢。不外，假如我想指定文档利用UTF-8编码，只能增加这行代码。这是在HTML4.01中必要如许做。如果你在XHTML1.0指定一样的编码，就很多敲一下键盘，由于你还得声明meta元素位于一个入手下手的XML标签中。
<?xmlversion="1.0"encoding="UTF-8"?>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

在HTML5中，你要敲的字符只要：
<metacharset="utf-8">

冗长好记。我能背上去。
一样，如许写也是无效的。它不但合用于最新版本的扫瞄器，只需是明天另有人在用的扫瞄器都一样无效。为何？由于在我们把这些meta元素输出扫瞄器时，扫瞄器会如许注释它：“元数据（meta）点点点点点，字符集（charset）utf-8。”这就是扫瞄器在注释那行字符串时真正看到的内容。它必需看到这些内容，依据就是伯斯塔尔法例，对不合错误？
我屡次提到强健性道理，但总有人不睬解。我们换一种说法，扫瞄器会想“好，我以为作者是想要指定一个字符集……看，没错，utf-8。”这些都是标准里明文划定的。现在，不但谁人斜杠能够省了，并且统共只需写metacharset=”utf-8″就好了。
关于省略不用要的庞大性，大概说制止不用要的庞大性的例子另有很多。但关头是既能制止不用要的庞大性，还不会妨害在现有扫瞄器中利用。好比说，在HTML5中，假如我利用link元素链接到一个款式表，我说了rel=”stylesheet”，然后再说type=”text/css”，那就是反复本人了。对扫瞄器而言，我就是在反复本人。扫瞄器用不着同时看到这两个属性。扫瞄器只需看到rel=”stylesheet”就够了，由于它能够猜出来你要链接的是一个CSS款式表。以是就不必再指定type属性了。你不是已说了这是一个款式表了嘛；不必再说第二次了。固然，乐意的话，你能够再说；假如你想包括type属性，请便。
一样地，假如你利用了script元素，你说type=”text/javascript”，扫瞄器差未几就晓得是怎样回事了。对Web开辟而言，你还利用其他的剧本言语吗？假如你真想用其他剧本言语，没人会拦阻你。但我要劝告你一句，任何扫瞄器都不会撑持你。
乐意的话，你能够增加一个type属性。不外，也能够甚么都不写，扫瞄器天然会假定你在利用JavaScript。制止-不用要的-庞大性。
撑持已有的内容
撑持已有的内容。这一点十分主要，由于良多人都以为HTML5很新，很闪亮；它应当代表着将来开展的偏向，应当把Web推向一个新的开展阶段。这就是HTML5，对吗？明显，我们城市思索让Web的将来开展得更好，但他们则必需思索已往。别忘了W3C这个事情组中有良多人代表的是扫瞄器厂商，他们一定是要思索撑持已有内容的。只需你想构建一款扫瞄器，就必需记着这个准绳：必需撑持已有的内容。
上面我们就来看一个HTML5撑持已有内容的例子。
这个例子展现了编写一样内容的四种分歧体例。下面是一个img元素，上面是带一个属性的段落元素。四种写法独一的分歧点就是语法。把个中任何一段代码交给扫瞄器，扫瞄器城市天生不异的DOM树，没有任何成绩。从扫瞄器的角度看，这四种写法没有区分。因此在HTML5中，你能够随便利用以下任何语法。

<pclass="foo">Helloworld

<pclass=foo>Helloworld</p>

好了，看到这几段代码，生怕有人会说“不合错误不合错误不合错误。个中只要一个是对的，别的三个——说欠好。”不合错误，应当给属性值加引号！奉求，我们但是一向都给属性值加引号的！元素名年夜写对吗？这类做法10年不是就被丢弃了吗？
看到HTML5同时同意这些写法，我内心不由得一阵阵想吐。我写了10年的XHTML1.0，已十分顺应严厉的语法了。但你必需分明，站在扫瞄器的角度上，这些写法实践上都是一样的。的确没有甚么成绩。
另有谁也感应不恬逸了吗？有谁看到这些以后想“噢，这不是乱写嘛，如许做不合错误”？只要我如许想吗？另有他人吗？
可是，HTML5必需撑持已存在的内容，罢了有的内容就是这个模样的。不是吗？依据伯斯塔尔法例，扫瞄器没有其余选择。
有人大概会说“如许不可。我以为言语自己应当供应一种开关，让作者可以标明本人想做甚么。”好比说，想利用某种特定的语法，像XHTML，而不是利用其他语法。我了解这些人的设法。但我不同意在言语里设置开关。由于我们会商的只是编码作风大概写风格格，跟哪一种语法准确有关。关于像我们如许的专业人士，我以为可使用lint工具（一种软件质量包管工具，大概说是一种加倍严厉的编译器。它不但能够象一般编译器那样反省出一样平常的语法毛病，还能够反省出那些固然完整符合语法请求，但极可能是潜伏的、不容易发明的毛病），对其他手艺我们不是也在利用lint工具嘛。
好比说对JavaScript利用lint工具。JavaScript一样也是对照凌乱、不松散的例子，但它十分壮大，缘故原由恰好是它凌乱、不松散，并且有良多分歧的编码体例。在JavaScript，你能够在每条语句开端加上分号，但不是必须的，由于JavaScript会主动拔出分号……是否是听起来有点欠好承受？
正由于云云，才有了像JSlint如许的工具，在道格拉斯·克劳克福德（DouglasCrockford）的网站jslint.org下面。有个网页上写着“JSlint大概会危险你的情感。”但这的确是个十分棒的工具，它能够把JavaScript代码变得完善无瑕。假如你经由过程JSlint运转JavaScript，它会告知你“好，你的JavaScript代码无效，但写法不当。你这类编码作风啊，我不喜好。不同意你如许写。如许写欠好。”出格是对团队，关于要利用一致的编码作风的团队，JSlint长短常便利的工具。

破洛洛文章简介：我以为像如许的计划道理都十分好。而有了计划道理，我以为才更有但愿计划出真正有代价的产物。计划道理是Web开展面前的驱动力，也是经由过程HTML5反应出来的某种头脑体例。我想，上面这条道理你相对不会生疏.

我团体以为，不但对团队来讲，就算是你本人写代码，也要保持一种语法作风。从扫瞄器剖析的角度讲，不存在哪一种语法比另外一种更好的成绩，但我以为，作为专业人士，我们必需可以自傲地讲“这就是我的编码作风。”但是，我不以为言语里应当内置这类开关。你可使用lint工具来一致编码作风。如今就来讲说lint工具。人人能够登录htmllint.com，在个中运转你的HTML5文档，它会帮你反省属性值是不是加了引号，元素是不是小写，你还能够经由过程勾选复选框来设置其他反省项。
但这不料味着回绝粗枝大叶的标志，做不做清算完整取决于你本人。我说过，由于扫瞄器必需撑持已有的内容，HTML5天然也不克不及破例。归根结柢仍是伯斯塔尔法例。我们一直离不开伯斯塔尔法例。
办理实际的成绩
HTML5的另外一个计划道理是办理实际的成绩。不言而喻的是，办理各类成绩的格局和标准已屈指可数了，因而在我看来，这个道理实际上是要办理实际成绩，而非办理实际的成绩。这条计划道理是要从实际上供认人们广泛存在的成绩，打消敏感成绩。
上面我来举个例子。信任这个例子有很多人都碰到过。假定我利用HTML4或XHTML1，页面中已有了一块内容，我想给整块内容加个链接，怎样办？成绩是这块内容里包括一个题目，一个段落，大概另有一张图片。假如我想给它们全体都能够点击，必需利用3个链接元素。因而，我得先把光标放在题目（好比说h2元素）中，写一个链接标签，然后再选中一切要包括到链接内里来的文本。接着，再把光标放在段落里，写一个链接标签，然后把段落中的文本放在链接里……
<h2><ahref="/path/to/resource">Headlinetext</a></h2>
<p><ahref="/path/to/resource">Paragraphtext.</a></p>

在HTML5中，我只需复杂地把一切内容都包装在一个链接元素中就好了。
<ahref="/path/to/resource">
<h2>Headlinetext</h2>
<p>Paragraphtext.</p>
</a>

没错，链接包括的都是块级元素，但如今我能够用一个元素包括它们。如许太好了。由于我碰着过相似的情况，必需给几个块级元素加上不异的链接，一切能如许写就太好了。为此，我就十分接待HTML5这个新尺度。
它办理了一个实际的成绩。我敢说在坐很多伴侣都曾碰到过这个成绩。
那这究竟办理的是甚么成绩呢？扫瞄器不用因而从头写代码来撑持这类写法。这类写法实在早就已存在于扫瞄器中了，由于早就有人如许写了，固然之前如许写是分歧乎标准的。以是，说HTML5办理实际的成绩，其实质仍是“你都如许写了良多年了吧？如今我们把尺度改了，同意你如许写了。”
求真务虚
在一切计划道理中，这一条生怕是最嘹亮的了——求真务虚。不晓得人人有无在公司里闭会时听到过这类标语：“开辟朝上进步，求真务虚。”实践上，除作为企业的标语，它仍是一条十分主要的计划道理，由于求真务虚关于HTML的寄义是：在办理那些使人头痛的成绩之前，先看看人们为应对这些成绩都想出了哪些举措。会合精神往了解这些“官方的”办理计划才是燃眉之急。
HTML5中新的语义元素就是遵守求真务虚道理的反应。新增的元素不算多，谈不上无穷的扩大性，但却不掉为一件功德。只管数目不计其数，但意义却非统一般。这些新元素触及头部（header）、脚部（footer）、分区（section）、文章（article）……，信任人人都不会以为生疏。我的意义是说，即使你不利用HTML5，也应当熟习这些称号，这些都是你已经利用过的类名，好比class=”header”/“head”/“heading”，或class=”footer”/“foot”。固然，也多是ID，id=”header”，id=”footer”。这些不都是我们已习以为常了的嘛。
好，举个例子吧，假定你明天写了上面这个文档。
<body>
<divid="header">...</div>
<divid="navigation">...</div>
<divid="main">...</div>
<divid="sidebar">...</div>
<divid="footer">...</div>
</body>

这里有一个div利用了id=”header”，另外一个div利用了id=”navigation”，……。怎样，都得心应手了吧？在HTML5中，这些元素都能够换失落。提及新增的语义元素，它们代价的一方面能够如许来表现：“嘿，看啊，如许多好，用HTML5新增的元素能够把这些div都交换失落。”
<body>
<header>...</header>
<nav>...</nav>
<divid="main">...</div>
<aside>...</aside>
<footer>...</footer>
</body>

固然了，你能够如许做。在文档级别上利用这些元素没有成绩。可是，假设新增这些元素的目标仅仅是为了代替本来的div，那就真有点画蛇添足了。
固然在这个文档中，我们用这些新元从来交换的是ID，但在我团体看来，将它们作为类的替换品更有代价。为何这么说呢？由于这些元素在一个页面中不止可使用一次，而是可使用屡次。没错，你能够为文档增加一个头部（header），再增加一个脚部（footer）；但文档中的每一个分区（section）还是也都能够有一个头部和一个脚部。而每一个分区里还能够嵌套另外一个分区，被嵌套的分区仍旧能够有本人的头部和脚部，是如许吧？
这四个新元素：section、article、aside和nav，之以是说它们壮大，缘故原由在于它们代表了一种新的内容模子，一种HTML中亘古未有的内容模子——给内容分区。迄今为止，我们一向都在用div来构造页面中的内容，但与其他相似的元素一样，div自己并没有语义。但section、article、aside和nav实践上是在明白地告知你——这一块就像文档中的另外一个文档一样。位于这些元素中的任何内容，都能够具有本人的提要、题目，本人的脚部。
个中最为通用的section，能够说是与内容最相干的一个。而article则是一种特别的section。Aside呢，是一种特别的section。最初，Nav也是一种特别的section。
好，即使是如今，你还是可使用div和类来形貌页面中分歧的部分，就像上面如许：
<divclass="item">
<h2>...</h2>
<divclass="meta">...</div>
<divclass="content">
...
</div>
<divclass="links">...</div>
</div>

个中包括多是有关内容作者的元数据，而上面会给出一些链接，差未几就如许。在HTML5中，我完整能够说这块内容就是一个文档，经由过程对内容分区，利用section或article或aside，我能够说“这一块完整是能够自力存在的。”因而，我固然可使用header和footer。
<sectionclass="item">
<header><h1>...</h1></header>
<footerclass="meta">...</footer>
<divclass="content">
...
</div>
<navclass="links">...</nav>
</section>

请注重，即使是footer，也纷歧定非要呈现鄙人面，不是吗？这几个元素，header、footer、aside、nav，最主要的是它们的语义；跟地位没有干系。一想到footer这个词，我们总会情不自禁地想，“噢，应当放鄙人面。”一样，我们把aside设想成一个侧边栏。但是，假如你看一看标准，就会发明这些元素只跟内容有关。因而，放在footer中的内容也能够是签名，文章作者之类的，它只是你利用的一个元素。这个元素并没有说“必需把我放在文档大概分区的上面。”
这里，请注重，最主要的还不是我用几个新元素交换了本来的div加类，而是我把本来的H2换成了H1——震动吧，我看到有人抖动了。我碰着过很多职业的Web开辟职员，多年来他们一向以为标准里说一个文档中只能有一个H1。另有一些自夸为全能的SEO法门一样说要如许。良多SEO的技能实际上是很教条的。所谓教条，意义就是不信任数据。已往，这类教条体现为“不可，页面中包括两个以上的H1，你就会逝世失落的。”在HTML5中，只需你创建一个新的内容块，不论用section、article、aside、nav，仍是其余元素，都能够在个中利用H1，而不用忧虑这个块里的题目在全部页面中应当排在甚么级别；H2、H3，都没有成绩。
这个变更太凶猛了。想想吧，这个变更对内容办理是反动性的。由于如今，你能够把每一个内容分区设想一个自力的、可以从页面中拿出来的部分。此时，依据高低文分歧，这个自力部分中的H1，在全部页面中没准会饰演H2或H3的脚色——取决于它在文档中呈现的地位。面临这个突如其来的变更，大概有人的头脑会临时转不外弯来。没关系，但我能够告知你，我以为这才是HTML5中这些新语义标志的真正代价地点。换句话说，我们如今有了自力的元素了，这些元素中的题目级别能够从头界说。
我的文档中大概会包括一个分区，这个分区中大概会嵌套另外一个分区，大概一篇文章，然后文章再嵌套分区，分区再嵌套文章、嵌套分区，文章再嵌套文章。并且每一个分区和文章都能够具有本人的H1到H6。从这个意义上讲，H元素真可谓“子子孙孙，无量匮也”了。可是，在你在编写内容大概内容办理体系的时分，它们又都是自力的，完整自力的内容块。这才是真实的代价地点。
实践上，这个点子其实不HTML5事情组拍脑门想出来的，也不是W3C比来才提出来的。上面这几句话摘自蒂姆·伯纳斯-李1991年的一封邮件，邮件是发给丹·康纳利（DanConnolly）的。他在邮件中注释了对HTML的了解，他说：“你晓得……晓得我的设法，我以为H1、H2如许单调地排下往欠好，我但愿它成为一种能够嵌套的元素，大概说一个通用的H元素，我们能够在个中嵌套分歧的条理。”但厥后，我们没有看到通用的H元素，而是一向在利用H1和H2——那是由于我们一向在撑持已有的内容。20年后的明天，这个幻想终究完成了。
安稳退步
下一条道理人人应当都很熟习了，那就是安稳退步。究竟，我们已恪守这条划定规矩很多多少年了。渐进加强的另外一面就是安稳退步。
有关HTML5遵守这条道理的例子，就是利用type属性加强表单。上面列出了能够为type属性指定的新值，有number、search、range，等等。
inputtype="number"
inputtype="search"
inputtype="range"
inputtype="email"
inputtype="date"
inputtype="url"

最关头的成绩在于扫瞄器在看到这些新type值时会怎样处置。现有的扫瞄器，不是未来的扫瞄器，现有的扫瞄器是没法了解这些新type值的。但在它们看到本人不睬解的type值时，会将type的值注释为text。
不管你写的是inputtype=”foo”仍是inputtype=”bar”，现有的任何扫瞄器城市说：“嗯，大概作者的意义是text。”因此，你从如今入手下手就能够利用这些新值，并且你也能够宁神，那些不睬解它们的扫瞄器会把新值当作type=”text”，而这真是一个扫瞄器理论安稳退步道理的好例子。
好比说，你如今输出了type=”number”。假定你必要一个输出数值的文本框。那末你能够把这个input的type属性设置为number，然后了解它的扫瞄器就会出现一个心爱的小控件，像带小箭头图标的微调控件之类的。对吧？而在不睬解它的扫瞄器中，你会看到一个文本框，一个你再熟习不外的文本框。既然云云，为何不克不及说输出type=”number”就会失掉一个带小箭头图标的微调控件呢？
固然，你还能够设置最小和最年夜值属性，它们一样能够安稳退步。这是成绩的关头。
再看inputtype=”search”。你也能够思索一下这类输出框，由于这类输出框在Safari中会被出现为一个体系级的搜刮控件，右侧另有一个点击便可扫除搜刮关头词的X。而在其他扫瞄器中，你失掉的则是一个文本框，就像你写的是inputtype=”text”一样，也就是你已十分熟习的文本框。那为何还不利用inputtype=”search”呢？它不会有甚么反作用，没有，对不合错误？
HTML5还为输出元素增添了新的属性，好比placeholder（占位符）。有人不晓得这个属性的用途吗，没有吧？没错，就是用于在文本框中事后放一些文本。不合错误，不是标签（label）——占位符和标签完整不是一回事。占位符就是文本框能够承受的示例内容，一样平常色彩是灰色的。只需你一点击文本框，它就消散了。假如你把已输出的内容全体删除，然后单击了文本框内部，它又会呈现。
利用JavaScript编写一些代码固然也能够完成这个功效，但HTML5只用一个placeholder属性就帮我们办理了成绩。
固然，关于不撑持这个属性的扫瞄器，你仍是可使用JavaScript来完成占位符功效。经由过程JavaScript来测试扫瞄器支不撑持该属性也十分复杂。假如撑持，前进一步，把路闪开，乐享其成便可。假如不撑持，能够再让你的JavaScript来摹拟这个功效。
如今，我不能不提到另外一个话题了：HTML5对Flash。大概你早传闻过了，大概在那里看到了这方面的会商。说假话，我一点也不分明。我弄不懂人们怎样会仅仅凭本人的推想来睁开争辩。
起首，他们所说的HTML5对Flash，并非指的HTML5，也不是指的Flash。而是指HTML5的一个子集和Flash的一个子集。详细来讲，他们指的是视频。因而，不论你在那里听到他人说“HTML5对Flash”，那极可能说的只是HTML5视频对Flash视频。
其次，一说HTML5对Flash，就仿佛你必需得作出选择一样：你站在哪一边？实践上不是如许的。HTML5标准的计划可以让你做到鱼和熊掌兼得。

破洛洛文章简介：我以为像如许的计划道理都十分好。而有了计划道理，我以为才更有但愿计划出真正有代价的产物。计划道理是Web开展面前的驱动力，也是经由过程HTML5反应出来的某种头脑体例。我想，上面这条道理你相对不会生疏.

好，上面就来看看这个新的video元素；真长短常知心的一个元素，并且计划又复杂，又有用。一个入手下手的video元素，加一个停止的video元素，两头能够放后备内容。注重，是后备内容，不是包管可会见性的内容，是后备内容。上面就是针对不撑持video元素的扫瞄器写的代码：
<videosrc="movie.mp4">

</video>

那末，在后备内容内里放些甚么器材呢？好，你能够放Flash影片。如许，HTML5的视频与Flash的视频就能够协同起来了。你不必作出选择。
<videosrc="movie.mp4">
<objectdata="movie.swf">

</object>
</video>

固然，你的代码实践上并没有这么复杂。由于这里我利用了H264，部分扫瞄器撑持这类视频格局。但有的扫瞄器不撑持。
对不起，请不要跟我谈视频格局，我一听就心烦。不是由于手艺。手艺倒无所谓，关头是会牵涉到一年夜堆专利另有状师、常识产权等等，这些都是Web的天敌，对我建网站一点优点都没有。
可你实践上要做的，仅仅就是把后备内容放在那罢了，后备内容能够包括多种视频格局。假如乐意怕话，可使用source元素而非src属性来指定分歧的视频格局。
<video>
<sourcesrc="movie.mp4">
<sourcesrc="movie.ogv">
<objectdata="movie.swf">
<ahref="movie.mp4">download</a>
</object>
</video>

下面的代码中包括了4个分歧的条理。
1、假如扫瞄器撑持video元素，也撑持H264，没甚么好说的，用第一个视频。
2、假如扫瞄器撑持video元素，撑持Ogg，那末用第二个视频。
3、假如扫瞄器不撑持video元素，那末就要尝尝Flash影片了。
4、假如扫瞄器不撑持video元素，也不撑持Flash，我还给出了下载链接。
不错，一入手下手就可以思索这么周密很可贵啊。有了这几个条理，已够完美了。
总之，我是倡议你各类手艺要分身，不管是HTML5，仍是Flash，一个也不克不及少。假如只利用video元素供应视频，不免搬起石头砸本人的脚，我团体以为。而假如只供应Flash影片，情形也好不到哪往，性子是一样的。以是仍是应当二者分身。
为何要分身这两种手艺呢？假定你必要面向某些不撑持Flash的手持设备——只是举个例子——供应视频，你固然但愿手持设备的用户可以看到视频了，不是吗？
至于为何要利用分歧的格局，为何Flash视频和音频云云乐成，我想能够回结为另外一个计划道理，即梅特卡夫定律（Metcalfe’sLaw）：
收集代价同收集用户数目的平方成反比。

梅特卡夫的这个定律固然是针对德律风网提出来的，但在良多范畴里也是合用的。利用收集的用户越多，收集的代价也就越年夜。大家都上Facebook，还不是由于大家都上Facebook嘛。固然Facebook真实的代价不在于此，但只要大家都上才会让它的变得云云有代价。
梅特卡夫定律也合用于传真机。假如只要一团体购置了传真机，固然没有甚么用途。但假如其别人也连续购置了传真机，那末他的投资会就失掉报答。
固然，面临合作性的视频格局和分歧的编码体例，你感到不到梅特卡夫定律的感化，我也很厌恶以分歧的体例来编码视频，但只向扫瞄器发送用一种体例编码的视频是行欠亨的。而这也恰是Flash在视频/音频范畴云云乐成的缘故原由。你只需把Flash影片发送给扫瞄器就行了，然后安装了插件的扫瞄器都能一般播放。实质上讲，Flash使用了梅特卡夫定律。
终极用户优先
明天我要讲的最初一个计划道理，也是我团体最推许的一个，但没有要展现的代码示例。这个道理更有哲学的滋味，即终极用户优先。
这个计划道理实质上是一种办理抵触的机制。换句话说，当你面对一个要办理的成绩时，假如W3C给出了一种办理计划，而WHATWG给出了另外一种办理计划，一团体这么想，另外一团体那末想……这时候候，有人站出来讲：“对这个成绩我们如许来办理。”
一旦碰到抵触，终极用户优先，其次是作者，其次是完成者，其次尺度制订者，最初才是实际上的完美。

实际上的完美，大抵是指尽量创立出最完善的格局。尺度制订者，指的是事情组、W3C，等等。完成者，指的是扫瞄器厂商。作者，就是我们这些开辟职员，对吧？看看我们在这个链条内里的地位多靠上啊！我们的位置仅次于终极用户——事变原本就该这个模样。用户是第一名的。而我们的声响在尺度制订过程当中也一样十分十分主要。
Hixie（即IanHickson，Acid2、Acid3的作者及保护者，HTML5、CSS2.1标准的制订者）常常说，在有人倡议了某个特征，而HTML5事情组为此争辩不下时，假如有扫瞄器厂商说“我们不会撑持这个特征，不会在我们的扫瞄器中完成这个特征”，那末这个特征就不会写进标准。由于即便是把特征写进标准，假如没有厂商完成，标准不外是一纸空文，对不合错误？完成者能够回绝完成标准。
而依据终极用户优先的道理，我们在链条中的地位高于完成者，假设我们发明了标准中的某些中央有成绩，我们想“如许划定我们不克不及批准，我们不撑持完成这个特征”，那末就即是把响应的特征给否认了，标准里就得删除，由于我们的声响具有更高的权重。我以为如许挺好！实质上是我们具有了更年夜的讲话权，对吧？我以为开辟职员就应当具有更多的讲话权。
我以为这应当是最主要的一条计划道理了，由于它供认了你的权力，不管是计划一种格局，仍是计划软件，这条道理包管了你的讲话权。而这条道理也邪道出了事物运转的实质。岂非还不敷分明吗？用户的权力年夜于作者，作者的权力年夜于完成者，完成者的权力年夜于尺度制订者。但是，反不雅其他标准，好比XHTML2，你就会发明完整相反的做法。把寻求实际的完美放在第一名，而把用户——必要忍耐严厉毛病处置带来的各类贫苦的用户——放在了链条的最底端。我并没有说这类做法就是毛病的，但我以为这是一种完整分歧的头脑体例。
因而，我以为不管你做甚么，不论是构建像HTML5如许的格局，仍是构建一个网站，亦或一个内容办理体系，明白你的计划道理都相当主要。
软件，就像一切手艺一样，具有自然的政治性。代码一定会反应作者的选择、成见和希冀。

上面我们讲一个例子。Drupal社区曾接洽马克·博尔顿（MarkBoulton）和丽莎·雷贺特（LeisaReichilt）计划Drupal的界面。他们企图遵守一些计划道理。为此，他们并没有夸夸其谈，而是经由了一段工夫的思索和酝酿，提出引导未来事情的4个计划道理：
简化最多见的义务，让不罕见的义务不至于太贫苦。
只为80%计划。
给内容创立者最年夜的权力。
默许设置智能化。

实践上，我在跟马克谈到这个成绩时，马克说次要仍是那两个，即“只为80%计划。给内容创立者最年夜的权力。”这就很不错了，最少它标明了态度，“我们以为内容创立者比这个项目中的任何人都主要。”在制订计划道理时，良多人花了良多工夫都抓不住重点，由于他们想媚谄一切人。关头在于我们不是要媚谄一切人，而是要明白哪些人最主要。他们以为内容创立者是最主要的。
另外一条计划道理，只为80%计划，实际上是一条罕见的计划道理，也是一种通用形式，即帕累托道理（Paretoprinciple）。
帕累托是意年夜利经济学家，他提出这个比例，80/20，说的是天下上20%的生齿具有80%的财产。这个比例又暗合了天然界各个范畴的幂律散布征象。总之，不管你是编写软件，仍是打造甚么器材，都是一样的，即20%的勉力能够触及80%的用例。最初20%的用例则必要支付80%乃至更多的勉力。因而，偶然候据此断定只为80%计划是很公道的，由于我们晓得为此只需支付20%的勉力便可。
再好比，微格局一样也使用了帕累托道理，只处置罕见用例，而没有思索多数情况。他们晓得本人不会让一切人都中意；而他们的方针也不是让一切人都中意。他们遵守的计划道理良多，也都十分有代价，但最吸惹人的莫过于上面这条了：
起首为人类计划，其次为呆板计划。

一样，你我城市以为这是一条再分明不外的事理，但实际中仍旧有很多例子违背了这条道理：简单让呆板了解（剖析）比简单让用户了解更主要。
以是，我以为寻常多看一看他人推许的计划道理，有助于做好本人手头的事情。你能够把本人以为有事理的计划道理贴在墙上。固然，你能够保护一个URL，把本人以为有代价的计划道理分享出来，就像Mozilla基金会那样，对不合错误，以下是Mozilla的计划道理：
Internet作为一种大众资本，其运作效力取决于互通性（协定、数据格局、内容）、厘革及环球局限内的合作。
基于通明社区的流程有助于促进合作、任务和信托。

我以为像如许的计划道理都十分好。而有了计划道理，我以为才更有但愿计划出真正有代价的产物。计划道理是Web开展面前的驱动力，也是经由过程HTML5反应出来的某种头脑体例。我想，上面这条道理你相对不会生疏：
年夜多半人的定见和运转的代码。［1］

对不合错误？这句话常常在我脑际反响，它包括了Web的真理，触及了HTML5的魂灵。
大概我该把这条道理打印出来贴到办公室的墙上，让它时候提示我，这就是Web的计划道理：年夜多半人的定见和运转的代码。
我想，明天的演讲就到这里了。假如人人有甚么设法能够在twitter上经由过程@adactio找到我。偶然候我也会在本人的博客，adactio.com上写写有关这个主题的文章。最初，大概还要特地给我本人做个告白，我刚出了一本书，但愿人人存眷。
十分感激人人。［全文完］
原文地点：http://www.cn-cuckoo.com/2010/10/21/the-design-of-html5-2151.html
</p>
一些公司联合起来，成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup（Web超文本应用技术工作组-WHATWG）的组织。

作者: 山那边是海 时间: 2015-1-17 20:51
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 再现理想 时间: 2015-1-26 18:59
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: admin 时间: 2015-2-4 21:07
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 兰色精灵 时间: 2015-2-10 12:14
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 变相怪杰 时间: 2015-3-1 13:50
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 简单生活 时间: 2015-3-10 19:56
在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

作者: 老尸 时间: 2015-3-17 10:48
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

作者: 谁可相欹 时间: 2015-3-24 08:37
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

欢迎光临仓酷云 (http://ckuyun.com/)