headermask image

header image

category archive listing Category Archives: 网站应用

Transitional vs. Strict Markup

推广Web Standards的人经常说XHTML比HTML更加严格,当然从某种意义上说是的,比如它要求所有的标签关闭并且所有的属性都用引号。但其实XHTML 1.0还分两种(加上Frameset DOCTYPE的话算三种,本文不讨论),Transitional(过渡型)和Strict(严格)DOCTYPEs。并且HTML 4.01也有同样的文档声明。
从字面上就可以看出来意思:Transitional DOCTYPEs只是为了实现从旧时代到新时代的过渡,而且Strict DOCTYPEs是默认的文档声明, 对构造HTML 4.01和XHTML 1.0都适用。
使用Transitional DOCTYPE一般是由于代码中含有过多陈旧的写法,并且一下子很难完全转换到Strict DOCTYPE来。但是Strict DOCTYPE才应该是你的目标。它鼓励甚至有时是强迫你把结构与表现区分开来,把表现层的代码都写在CSS里。HTML 4 Document Type Definition: -
本HTML 4.01 Strict DTD不包括表现层属性和标签,W3C将逐渐淘汰这些属性和标签,您完全可以使用样式表来实现。您应该使用Strict DTD,如需获得表现层属性和标签的支持,请使用Transitional DTD。

用Strict DOCTYPE还有一个好处,即可以让浏览器使用它们最严格、(一定程度上)最符合标准的模式来渲染页面。
Tommy Olsson在Web Standards Group的Ten questions for Tommy Olsson一文中很好的阐述了使用Strict的好处:
我觉得,使用Strict DTD,无论是HTML 4.01 Strict还是XHTML 1.0 Strict,远比讨论是用HTML还是XHTML重要的多。它代表了未来互联网的质量。它将结构和表现分开,使得维护一个站点非常容易。

对于刚开始接触web standards和正确的、语义化的结构的人,认清Transitional和Strict DOCTYPEs的区别非常重要。更多详细列表请参考:XHTML: Differences between Strict & Transitional、Comparison of Strict and Transitional XHTML和XHTML1.0 Element Attributes by DTD。
对于准备向Strict进发的人来说,两者的有些区别很可能会使开发者犯错误,接下来我将会谈到。
在Strict DOCTYPEs下不支持的标签

center
font
iframe
srike
u

在Strict DOCTYPEs下不支持的属性

align (表格相关的支持:col, [...]

Xhtml文档声明的区别

在你每一个页面的顶端,你需要文档声明。是的,必须。
如果不指定文档类型,你的HTML不是合法的HTML,并且大部分浏览器会用“怪癖模式 (quirks mode)”来处理页面,这意味着浏览器认为你自己也不知道究竟做什么,并且按浏览器自己的方式来处理你的代码。你可以是一个HTML大师,在地球上打遍 天下无敌手,或者你的HTML可以无瑕疵,CSS可以很完美,但如果没有文档声明,或者错误的文档声明,你的网页与一个短视的,独眼的长臂猿婴儿十分艰难 地堆砌起来的没两样。
XHTML 1.0 Strict(严格)的文档声明是这样的:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
下面的是XHTML 1.1的文档声明,作为XHTML的最新版本,看起来更完美,但还是有一些问题,随后我们会稍微讲解……
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd“>
如果你不愿放弃HTML 4或者你还有Netscape 4死忠用户,你可以使用XHTML 1.0 Transitional(过渡型):
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
你使用这的唯一理由是你还要兼容老版本的,少用的浏览器。过渡型XHTML 1.0允许HTML 4的表现元素,其也可能在如Netscape 4的浏览器中表现更好。但使用这些元素将对你网页的效率和可用性有害。
最后,如果你是使用框架的怪人之一,可以使用像下面一样的XHTML 1.0 Frameset(框架)文档类型声明:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd“>
注意DOCTYPE标签必须大写和前置一个英文半角感叹号!。它是唯一一个打破规则的标签,它不需要关闭。
语言声明
即使HTTP头或者在html起始标签内设置了xml:lang属性,你也必须为文档指定一个主 要语言。尽管处理一个合法的XHTML文档这不是必须的,但也是一个易用性的考虑。值是缩写的,比如en(English,英语),fr(French, [...]

配置 Apache 为 XHTML 发送正确的 MIME 类型

2007 年 6 月 18 日
http://www.ibm.com/developerworks/cn/xml/x-tipapachexhtml/
本文将向您展示:如何配置 Apache 以便为支持可扩展超文本标记语言(Extensible Hypertext Markup Language,XHTML)的浏览器标记文档的媒体类型为 application/xhtml+xml,同时仍然向不支持该语言的浏览器(如 Microsoft® Internet Explorer®)发送 text/html。
当 Web 服务器向浏览器发送文档时,它会给文档加上一个响应报头作为前缀,如 清单 1 所示。此报头包含了用于告诉浏览器如何解释文档的元数据。元数据的一个最重要的部分是最后一行中的 Content-Type。它将告诉浏览器如何呈现内容。例如,浏览器用于显示 JPEG 和 GIF 的代码是不同的。最重要的是,很多浏览器用于显示 XHTML 和超文本标记语言(Hypertext Markup Language,HTML)的代码也是不同的。
清单 1. 一个典型的 HTTP 响应报头

HTTP/1.1 200 OK
Date: [...]

WordPress 2.7 新特征预览

WordPress 新版本的开发进度越来越快了,可能还有好多博客还没有来得及升级到 WordPress 2.6 版 Features Planned for WordPress 2.7 这篇文章就已经开始向我们介绍 WordPress 2.7 新的特性。以下为文章的译文:
WordPress 2.6 仅仅发布了两个星期,但是已经有很多关于 WordPress 下一个版本的讨论。 WordPress 2.7 将会包含一些令人兴奋的特征,这些功能既来自原有的开发计划也有来自 IRC 上的讨论,新版本可能会在2008年底放出。
下面是一些将会在 WordPress 2.7 中出现的新的特征:

Comments API – 对我来说,这是最让人兴奋的功能, 它将允许开发者创建离线的留言管理应用,也就是说我们能够以此开发出一些桌面版的客户端,可以对留言进行编辑、审核、回复、删除等操作。
Keyboard shortcuts for comment moderation – 此功能将帮助用户迅速处理留言,用户可以自定义快捷方式。比如,按 Ctrl + S 删除垃评论,按下 Ctrl  + A 审核留言等。
Theme Update API – WordPress 2.5 以后的版本已经在插件管理上变得很容易,你可以自动收到插件更新提示并自动更新到最新版本。 新版的 WordPress 将会弥补主题和插件上的差距,届时我们将会看到主题更新甚至一键升级。
One Click Plugin [...]

IE 8 Beta 2即将发布,您的网站准备好了吗?

新闻来源:博客堂
在奥运会期间, IE 8 Beta 2将会发布,而且随着英文版的发布,中文版也会在第一波当中进行发布。
IE 8将会是Internet Explorer历史上最重要的一个版本发布,除了其带有中国传统的吉祥数字“8”以外,最主要的是其对标准的兼容性上得到了极高的增强,这对于网页开发人员来说,最大的便利就是不用再为每种浏览器(甚至某种浏览器的不同版本)开发不同的CSS来进行适应。以后网页开发人员只需要兼容W3C的标准即可,而不需要把过度的精力放在不同浏览器标准的相异性上。发布时间在即,那么您的网站是否已经准备好了呢?
1) 兼容性考虑
目前的网站由于各种历史原因,可能针对不同的浏览器设置了不同的CSS文件。而针对IE 8,可能大部分网站尚没有做好准备。可能很多朋友知道,IE 8带有一个“切换IE 7模仿模式”的按钮,而且在Beta 1以及Beta 2期间,这个按钮是设置在默认选中状态。但是在IE 8正式发布的时候,该按钮默认将会是非选中状态,这就表示着如果一个网站没有做任何准备功课,在IE 8下将会以严格模式来常解析CSS。
前段时间,我与合作伙伴见面时,曾经特意使用IE 8 Beta 2的严格模式浏览过大部分合作伙伴的网页,都会出现或多或少的显示变形的问题,使得网站无法进行正确浏览。如果您的网站尚未做过IE 8的兼容性测试,建议您尽快下载IE 8的Beta 1,并且将其切换到IE 8严格模式,对您的网站进行浏览。
如果您发现问题,并且感觉在短期内无法修复,您也可以通过在页面当中添加Meta标签,在服务器端强制IE 8使用“IE 7模仿模式”,做法很简单:
a.  针对全站页面:  您可以修改Web服务器(如Apache/IIS/Resin等)的HTTP头信息,在其中增加以下指令: X-UA-Compatible: IE=EmulateIE7。这个是我个人强烈推荐的做法,在您无法进行全站测试的情况下,可以先使用此方式使IE 8的严格模式暂时失效。
b. 针对单独页面:如果您的网站大部分页面在IE 8严格模式下显示正常,只有个别页面出现问题,建议在出现问题的页面的页首,即Head标签内添加以下Meta标签:
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />。
更多信息,请参考: http://support.microsoft.com/kb/952030/
2) 制作Activity以及WebSlice
IE 8在Beta 1期间曝光了两个新特性,即Activity(活动)以及WebSlice(源剪辑),目前国内很多网站已经基于Activity以及WebSlice制作了相关的内容,在IE 8 Beta 2期间,您会发现更多的网站会发布这些实用的小工具。以下是目前已经对外发布的一些网站:
a. 淘宝:http://ie8.taobao.com
b. 网易:http://ie8.163.com
c. 百度:http://stock.baidu.com/ie8/ie8.html
d. 腾讯:http://labs.qq.com/e/49/
甚至包括.NET开发人员常去的博客园也已经发布了其最新文章的Web Slice,有兴趣的话可以使用IE 8 Beta 1来访问博客园的首页。另外,如果您也使用Firefox 3,您可以发现已经有人开发了面向Firefox 3的Activity以及WebSlice插件。
Activity的使用场景:您的网站提供一系列的服务,允许贵网站的用户通过在其它网站的主动操作来调用此服务。比如假设您是一个财经网站,提供查询股票/基金信息的服务,通过Activity,您可以让您的用户在其它网站上浏览股评信息时,不需要跳转到贵网站,即可以通过右键菜单调用贵网站的相应服务。如果感兴趣,可以下载Activity开发白皮书。
WebSlice的使用场景:您的网站提供一些实时性信息,比如新闻、股票信息等,而希望用户可以在不返回相应页面的时候,当内容发生改动时,即可以推送给最终用户,您可以选择WebSlice。而开发代价仅仅只是将页面当中的某一个标签内的“Class”元素设置为“hslice”这个特殊名称即可,详细信息请阅读WebSlice开发白皮书。
另外,在IE 8 Beta 2发布时,微软将会发布一个面向IE 8全新的Gallery网站,用以搜索各个网站开发的WebSlice/Activity等面向IE [...]

高达79.24%网民会选择注册“.中国”域名

“.中国”域名将启用极大的调动了2亿中国网民的互联网归属感和认同感.
近日,ICANN理事会通过一项重要决议,允许使用其他语言包括中文等作为互联网顶级域字符,“.中国”将于2009年写入全球根域名系统,成为首批新设的非拉丁语系字符顶级域之一.最新调查显示,高达79.24%的网民会选择注册“.中国”域名.而有业内人士却指出,近八成网民欲注册“.中国”域名对广大企业来说并不是好事.
●中国域名有利品牌文化传播 八成网民欲注册
这意味着,届时全球华人在浏览器地址栏不仅可以通过输入英文域名lenovo.com.cn,还将可以通过直接输入中国域名“联想.中国”在互联网上访问联想公司的网站.
网友冯健表示,中国网民这么多,完全可以借此机会向世界推广中国的文学、语言,意义深远;现在我们都是用英文输入,也应该让外国人来学学汉语,以后让世界也流行中文域名.
“外国人用外文域名,中国人用中文域名,不是很好吗?”一位腾讯威海网友如是表示.显然,中国域名将启用在网民中获得了巨大的认同,这在一项调查中得到充分证实.网易的最新调查显示,高达79.24%的网民会选择注册“.中国”域名.
●专家提醒:企业应及早行动 防范品牌遭遇“强娶”
近八成网民欲注册中国域名对广大企业来说并不是好事.
网络法律学者张樊指出,一个新域名后缀启用之后必然带来注册剧增问题.据了解,欧洲联盟的顶级代码“.eu”在向欧盟居民开放注册后,就吸引了大批民众集中注册.据欧盟委员会统计,在注册开放后100分钟内注册人数高达30万,仅当天便有数十万个人用户提交了注册申请.
张樊认为,“.中国”域名的类似情况可能会更突出,因为它允许将更多的中文商标直接注册成域名.据介绍,对于国内企业来说,绝大部分企业商标用的是中文,过去由于无法直接将其商标注册成域名,极大阻碍了企业品牌在互联网上的传播.
如今,中国域名的启用将给企事业单位的网络品牌传播带来一种全新的体验.相比之下,更多国人能够记住的是企事业单位的中文品牌,而非英文商标.如在十三亿国人中,“海信”的知名度要比“Hisense”高得多.
由于“.中国”域名与“.com”、“.cn”结尾的域名一样,遵循“先注先得”的国际惯例,因此同样具有稀缺性与唯一性的特点.网舟咨询总经理翟文军表示,具有唯一性的域名存在着被他人或竞争对手提前注册的可能性,从而产生企业网络资源和品牌边缘化,因此企业要提高域名品牌意识,加强自身资源保护.
《北京晨报》消息

PHPWind与动网达成战略合作伙伴关系

近日,同为国内领先的网络社区论坛提供商PHPWIND与动网达成了战略合作关系.
据了解,双方在多方面达成共识,将共同规划未来社区论坛及相关解决方案、共同开拓社区论坛市场及相关的增值服务.双方在技术、产品、市场等方面的深入合作,希望为国内社区市场创造更大价值,也希望为国内互联网站长和网民提供更加优质的产品和服务.
PHPWind的CEO王学集表示,双方产品存在平台差异,双方的技术和市场都拥有相当大的互补性,建立战略合作关系的目的也在于此,此番合作符合PHPWind“专注”的发展理念.动网CEO宋海波认为领先者之间的合作可以给双方带来一起制定行业标准、弱化恶性竞争、提升行业门槛及技术领先等益处.并且合作可以让PHPWind更专注于PHP技术,而动网则专注于Windows平台.宋海波表示为了本次合作及为用户提供更好的社区产品,他将重新担任动网技术总监一职.
2008的互联网,已有越来越多人的目光转移到网络社区当中来,是潮流还是机遇?好的开头等于成功的一半,拥有良好基础的PHPWind与动网接下来到底创造出什么样的奇迹呢?让我们一起拭目以待.
关于PHPWind
PHPWind创立于2002年,在过去的6年时间里,PHPWind一直定为于建站软件开发及提供增值服务,致力于为站长提供简便、有效、可持续的建站解决方案.公司核心产品论坛系统是一套开源软件系统,同时PHPWind拥有众多原创的核心技术包括:独创的模版设计体系、数据库的多表散列设计理念、索引数据文件的利用及其算法、文件读写稳定性算法、数据库索引负载均衡算法、多重安全防护体系等,目前已经成为国内应用广泛的论坛软件之一.
关于动网
动网成立于2000年,是国内最早为站长和开发者提供资讯和产品服务的平台之一,国内领先的社区服务提供商,Windows平台90%以上的网站社区采用动网.动网以创新、领先的产品,为广大互联网用户提供优质网络社区生活和体验,是国内独家拥有ASP、Asp.Net、PHP全系列产品的服务商.致力于为国内网站和站长提供多样化的服务,为网站建设提供多种建站解决方案.

AdSense 推介计划即将暂停

今天收到Google的邮件说adsense推介即将暂停:
您好:
2008 年 8 月的最后一周,我们将暂停 AdSense 推介计划。这可能会给正在投放推介广告的发布商带来一些不便,我们在这里表示歉意。Google 一直努力为发布商和广告商提供更好的广告产品和体验,也在不断评估各种广告产品的表现,一旦 AdSense 推介计划重新启动,我们会在第一时间通知大家,非常感谢各位发布商对我们工作的支持和理解。
对于在正在投放 AdSense 推介广告(包括Google 产品推介和 AdWords 广告商的推介广告)的发布商,为了避免推介计划暂停给您带来不便,我们建议您在我们暂停推介计划之前,采取如下操作:
第一步:从您的网站撤下所有 AdSense 推介代码。8 月最后一周之前,请您把所有 AdSense 推介代码从您的网站撤下,然后您可以继续利用这些空出的广告位赚取收益。
第二步:用 AdSense 文字广告替代之前的 AdSense 推介广告。如果您的网页目前只投放了一个或两个AdSense文字广告单元,我们建议您在撤下 AdSense 推介广告后,在这些广告位投放 AdSense 文字广告。
第三步:把所有 AdSense 推介的报告数据保存到您的电脑。AdSense 推介报告会在您的 AdSense 帐户保存到10月底。我们建议您在10月底之前备份所有的推介报告,以便日后查看。
如果您有其他问题,可以访问我们的帮助中心,或者稍后访问我们的官方博客。
非常感谢大家一直使用 AdSense 推介,也希望大家继续使用我们的其他广告产品,祝大家一切顺利!
Google AdSense 小组敬上
—————————————-
电子邮件首选项:我们向您发送此封必读电子邮件服务通告旨在通知您我们即将停止提供某项 AdSense 功能。
Google Inc.
1600 Amphitheatre Parkway
Mountain View, CA 94043

五个更好被Technorati索引的技巧

  如果你感到奇怪,为何Technorati不索引你的博客文章和Tags,那么也许因为Technorati的蜘蛛不能访问或者评估你的博客,因此你需要做一些Technorati蜘蛛希望你做的事情。这里有一些简单的技巧可以使你的博客能被Technorati索引的更好,这样你就可以从Technorati那里获得更多的流量。
  1、对网页HTML代码进行合法性校验
  以它需要的那种方式来显示你网页的内容,这样Technorati蜘蛛就可以更有效的索引收录你的网站。W3C校验服务是一个免费校验页面HTML和XHTML数据合法和一致性的服务,可以帮助你发现并纠正你网站上面的错误标识。
  2、校验你的Feed的合法性
  Technorati蜘蛛索引你的Feed来获得一些额外的信息和辨别文件结构,Feedvalidator就是一个检验RSS 0.9-2.0和Atom Feed的校验工具,它有助于你尽快改进你的Feed。
  3、标记单独的文章地址
  在每篇博客文章的超级链接中增加一个名为“bookmark”的定义,可以帮助Technorati蜘蛛找到正确的独立博客文章URL地址,所以在你的文章的超级链接中加入这段代码来帮助Technorati蜘蛛吧。例如:
<_a href=”http://technorati.com/tag/[tagname]” rel=”tag”>[tagname]<_/a>
  4、使用Technorati Tags
  如果你博客软件支持目录和RSS Feed(例如Movable Type,WordPress,TypePad等),那么你的分类会被自动标记,如果你的博客软件不支持目录标记,那么你可以在你的博客中增加一个Tags的超级链接,这个链接中包含一个特殊的定义即可。例如:
  <_a href=”http://apple.com/ipod” rel=”tag”>iPod<_/a>
  注意,你加的Tags超级链接可以不必指向Technorati,只要链接中包含rel=”tag”就可以了。
  5、通过Ping来通知Technorati更新
  使用Ping来通知Technorati,让Technorati知道你的博客已经更新了,并邀请Technorati来索引你的页面,很多博客软件都支持自动Ping Technorati,你也可以手动去Ping Technorati。
  我看到很多博客都抱怨Technorati不来索引自己的博客,那么试试上面几点吧,看看做了之后Technorati是否会索引正常。总之,要有耐心,相信Technorati总会更好的索引你的博客的。

Google Analytics允许数据共享及参与基准分析

Google Analytics今天进行了一次比较重大的更新,不仅改变了数据共享政策,还允许用户参与行业内基准分析(benchmarking)。简言之,你现在可以将Google Analytics里的统计数据共享至其它应用,包括Google的其它产品,以及行业内基准分析。共享至前者则可以令Google Analytics与其它产品更密紧地结合,从而获得更多额外的功能,而共享至行业内基准分析,则可以令你直接将你的网站与同行业内网站进行对比。
  登录Analytics,你应该会看到一个设置选项,这时你可以自由设定数据的共享:

  点击accept即表示你愿意将Analytics里的统计数据与Google其它产品共享。你还可以在Edit Account and Data Sharing Settings里设置Analytics统计数据的其它共享功能,比如参与行业内基准分析。不必担心,假如你的网站在同行业内有主要的竞争对手,它们也不会知道哪些数据是来自你的网站,因为Google会自动将数据内与你的身份有关的所有信息移除,变成全匿名式:

  以下是一个基准分析的截图(Google提供):

  此外,Analytics今天也已经和Google音频广告正式整合。