pzg's blog » w3c

W3C认为HTML5目前暂无法大规模应用

countmeon — Fri, 01 Oct 2010 05:14:41 +0000

HTML规范的制定方W3C今天警告网络内容生产者：HTML5尚未成熟，并有可能发生规范上的重大变化以增加互操作性，W3C期望这些工作能在2011年年中完成。

这是W3C首次如此正面地向业界告知HTML5的应用风险，现在看来这种新的技术还并不适合全面部署。

以HTML5标记规范为例，并不是所有的浏览器都支持相同的格式，Safari和Chrome支持使用该标签实现本地MP3播放，而Firefox和Opera则不可以，此外由于专利问题HTML5规范将不会配备本地视频编解码器。

诸如这些技术和专利上的分歧将在很长一段时间内存在，在这段过渡时期里现有的Silverlight或Flash等专有技术将继续流行。此外W3C还表示，面向HTML5的创作工具的选择非常匮乏，这也是原因之一。

W3C标准的SEO

countmeon — Fri, 19 Mar 2010 02:04:33 +0000

　　1、W3C标准的“网页结构、表现、行为分离，互不干涉抢功”理念
　　且不说SEO，其实按照这个理念建设起来的网站，网页打开速度会明显的加快。因为按照这个理念，网页将会分成html、css、js三种类型的文件，而css、js又是可以缓存的，所以浏览一个这样的网页其实就是下载html代码就行了，速度当然变快啦。
　　W3C标准不能滥用标签，代码冗余，所有不会出现表格那样多层嵌套的问题。
　　SEO作用有五：
　　之间的代码不会很多；
　　网页META标签会添加的比较齐全，如keywords、description、robots；
　　被搜引擎抓取的内容，代码比较精简，非内容代码大大减少，文件小；
　　文本会比较靠前。几乎都在200字内就可以搜索到正文，重要内容；
　　不会出现表格那样多层嵌套的问题。
　　2、修饰性图片文本替换，js、flash文字图片还原
　　有些网站为了追求炫眼效果，采用了图片按钮，图片新闻flash切换，文本的js跑到效果……这样大大将原本属于图片，文字链接的代码变成了搜索引擎读不懂的js代码、flash，或者是直接插入原本不是内容的修饰性图片替换了文字。如果这些刚好又包含了热门关键字，那么搜索收录量将损失很大。
　　对此按照W3C标准做的话，就可以避免以上问题：
　　修饰性图片文本替换：就是说将不是内容而是修饰的图片变成底图显示，不干扰搜索引擎，让它忽略它。而有增加文字，之后使用css隐藏掉，这样也增加了可以搜索的文字。常见使用于logo，按钮，菜单。js、flash文字图片还原：这是我近来提出来的一个思路，还没有广泛给大家知道的方法(呵呵，大家接不接受还是个问题)：将js，flash显示的内容转为html，之后使用js读取html，传递参数启动原来的效果、并且隐藏html，只是比原来增加了几个步骤。详细可以参考我写的文章：如何减少JS对搜索的负面影响。
　　3、W3C要求必须添加链接标签的title、图片标签的alt属性
　　这样的话，所有的a标签都会规范的添加有title文本，img有alt文本。而不是等到要优化的时候临时的把几个含有关键字的链接(描文本)添加上title，图片加好alt。W3C标准不是为了SEO优化而添加title、alt，而是为了网页亲和力添加它们。
　　4、合理安排使用
　　本加粗，斜体，下划线
　　这是语义化标签都必须做到的一步。所以做到了W3C标准，这个问题也会在不知不觉中做到了。
　　5、网页标准可以随时将重要的内容调前，之后使用css重新定位。
　　例如页面效果图中中间的文字比较重要，可以先把重要的内容放在左边的代码的前面，方便搜索引擎，之后使用css将它调会到效果图的位置。
　　6、网页标准提到的好处
　　更少的代码和组件，容易维护
　　带宽要求降低(代码更简洁)，成本降低。更容易被搜寻引擎搜索到
　　改版方便，不需要变动页面内容
　　提供打印版本而不需要复制内容
　　提高网站易用性。
　　SEO的另一半工作是编辑，编程
　　编辑涉及的工作有：频道栏目的设计、取名，页面的布局(关键词的位置安排)，创建栏目时，录稿时，文件夹，文件的取名；关键词管理，了解当前使用的关键词流行度，竞争度；专题、当前热门的关注；录稿时关键词的提炼、图片alt的插入习惯；与同类型网站的交流，交换链接……
　　编程涉及的工作有：页面实现静态化；URL实现伪静态，使用re_write重写技术；本站系统搜索中关键词的搜索功能，实现网站各个页面的关键词网；维护服务器，稳定服务器。评论的广告过滤；自动将关键词加粗、添加含有title关键字的链接；避免网站过多死链接，提供死链接自动删除或修复功能；相关文章取文章链接格式：先是关键词相同的关连，二关键字与标题的关连，文章内容与关键词关连。……
　　所以制作完成符合W3C标准的网页后，你只是完成了50%的SEO工作，还有另一半需要编辑，编程共同完成。其它的作弊，或者是刻意重复关键词，body之间代码的开始或结束增加关键词出现机会……是没有必要。
　　制作、编程是SEO的“打地基”
　　网站的制作、编程与编辑：就好比建设一座大厦，网站制作、编程是“建筑工程师”、“建筑设计师”，编辑就是使用大厦的老板。工程师按照老板的需求，做好地基，楼架，之后的美化，装修就看老板了。
　　没有好的制作，符合搜索优化的代码结构，那么无论编辑的水平怎么样，搜索引擎也不会有好效果。但也可以看到：“地基”打好以后，随着时间的增长，编辑的作用效果就会原来越明显，因为地基不需要经常变动的。一动就是伤筋骨的“大工程了”。
　　不符合标准的网站，赶紧网站重构吧.
　　Christopher Schmitt
　　更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。

学习和使用web标准的十大理由

countmeon — Tue, 09 Feb 2010 05:18:47 +0000

如果你是一个新接触web标准这个概念并且还犹豫是否应该花时间去学习它的web开发者或者设计者，这里有一些让你去学习它的重要理由。对于已经使用web标准的web专业人士，当你需要很好的论据的时候这份清单可能可以派上用场，并且随意添加任何你所想到的好处。

1. 让自己看起来更专业

其他web开发者和潜在的雇主将可以看看你的工作，知道你一个喜欢跟上技术的变化的人，并确保你的知识和技能的总是最新的。它将使你像一个真正的web专业人士。

2. 让你的客户看好

使用web标准和可访问性相结合的最佳做法，让你的客户有机会谈论他们如何满足所有的人，以及他们如何发现重要的是，每个人都可以使用他们的服务或了解他们产品的信息。你也避免由于将残疾人，Mac用户和移动手机用户等访问者拒之门外所带来的负面影响。

3. 最大限度的潜在客户人数

你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道，但除非你为一个规定使用某种浏览器的公司搭建一个内联网。

你唯一可以相当肯定的是，他们使用的是一个可以解析的HTML的东西。通过使用Web标准你可以相当肯定，你所做的使你的网站在尽可能多的浏览设备上工作。

你不知道访问者将使用什么设备来访问你的网站。你可能认为你知道，但除非你为一个规定使用某种浏览器的公司搭建一个内联网。你唯一可以相当肯定的是，他们使用的是一个可以解析的HTML的东西。通过使用Web标准你可以相当肯定，你所做的使你的网站在尽可能多的浏览设备上工作。

4. 更快的加载和减少带宽的使用

结构良好的标记从表现中分隔的结构和内容，一般比使用表格和间隔图片的标记更加紧凑。文件更小并且使用户下载更快。无论怎样，仍然有很多，通过拨号连接到互联网上的人。

如果您的网站托管计划在免费带宽使用上受限制，较小的文件，将降低成本—提供的流量不会增加。

5. 为可访问性提供基础

使用Web标准并不能保证您网站的所有方面会使得残疾人士可访问，但它是一个很好的开始。确保您的文件是有效的，结构合理和语义化，那你就是在通往拥有一个可访问的网站的路上。

6. 提高搜索引擎排名

通过提供干净，结构良好，和语义化标记的写得很好的内容是搜索引擎蜘蛛的美味食物，并会帮助你提升排名。当然，这将会增加的流量，这正是大多数网站拥有者所希望的。

7. 让你的标记易于维护

当你需要更新你的网站的时候，你会喜欢费力的使用许多以数千字节倍增的表格和嵌套间隔图片还是只是使用干净的及结构良好的浏览文件？

删除，插入或修改无表现内容比不得不保证你的所有不整齐的部分正确表现要更容易，更有效。使用CSS来控制布局使整个网站的设计变更容易。

8. 面向未来的内容

目前任何人都不可能100％的把握保证，今天这些以电子形式创建和储存的文件在百年后仍可读。甚至五十年。但是如果你从表现中分离内容，并使用当前的Web标准，尽你所能做到最好以确保即使你不在的时候你的内容仍然可读。

9. 良好的商业意识

为什么还会有企业主说，没有更多的访问者？一个更快的网站？改进的搜索引擎排名？潜在很好的宣传？这是没有道理这样做。

10. 这是处事的最好方法

Web标准方法是我们应该从一开始建立网站就采用的方式。现在我们为何不以正确的方式做一些事，并有一个真正极好的理由对自己感觉良好。

WEB标准最佳实践：五个需要注意的地方

countmeon — Tue, 09 Feb 2010 02:13:20 +0000

WEB标准的CSS网页布局，需要注意的地方有很多。我们已经作过很多介绍，今天介绍五个需要注意的地方。

一、永远使用小写字母

Example Source Code：
不好的做法：

Here's an interesting fact about corn.

好的做法：

Here's an interesting fact about corn.

二、让引号伴随着属性

Example Source Code：
不好的做法：
class=bookchinazcom

正确的做法：
class="bookchinazcom"

三、有必要的代码注释

“使得你的代码在长时间内依然能够保持容易理解和维护”。

作为开发人员，有必要给代码进行注释。

有注释的代码，它能帮助我们阅读，保持清晰的思维和思路。

日后也方便快速修改和调试。不仅方便了自己，也方便了别人。

四、切勿使用直线

或许大家有疑问，为什么不提倡使用直线呢，这是一个很有用的标签。

但大家不要忘记，Web标准一直强调的是表现与内容的分离。

直线是表现的一部分，将它写放于HTML文档中，显然是不合适的。因而切勿使用直线。

五、切勿使用内嵌样式

样式表文件分离到外部样式表文件中，与HTML文档分开。使用内嵌样式就失去了CSS网页布局的意义。但内嵌样式可以在调试是使用，在最终发布网站时，需要去除所有的内嵌样式。

w3c标准html5手册

countmeon — Fri, 25 Sep 2009 07:32:52 +0000

w3c的 html5标准出来了，我找来一份手册给大家分享

本站提供下载地址：点击下载

关于网页设计标准的一点感想

countmeon — Fri, 08 Aug 2008 04:58:17 +0000

在开这个博客之前其实已经做过很多网站了，很多原因从来都没有写出过通过W3C检测的标准页面，自身水平没有到位，要投放广告，添加统计，这些都会被W3C认为是不规范代码而拒绝通过，今天是开博的第三天，想要添加一些友情链接和统计，但是无一例外，俩个都被W3C给咔嚓掉啦。统计是在预料之中的，友情链接也被否决了，其实就是因为友情链接是在新窗口下打开，多了target="_blank"标签就不被通过，这个是最常用的代码之一了，因为我不希望一点友情链接就直接到友情站点而没有了自己的网站，其实大多数网页也都会在新窗口弹出，即使自己的网站也一样经常使用target="_blank" ，不过他不被通过，也因为我选用的这套模板采用的是严格模式Strict，如果是过渡模式的话是通过的，而后网上查找了下解决方法，大概就是用JAVA脚本代替，我看到一个方法比较简单onclick="window.open(this.href); return false 这样就可以了，不过暂时不想用了，就简单点吧，因为我对java脚本也不喜欢。统计代码在找寻下吧还没有找到合适的呢。