具体写法很容易：

#someNode{
    position:fixed;
    #position:fixed;
    _position:fixed;
}


说明和解释：

• 第一排给Firefox以及其他浏览器看
• 第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看
• 第三排给IE6以及更老的版本看

最好的应用就是可以让IE6也“支持”position:fixed，而且，配合这个原理，可以做到不引入JavaScript代码（仅用IE6的expression），我这里有一个现成的页面，CSS如下写：

#class{
    position:fixed;
    _position:absolute;
    right:15px;
    top:15px;
    _top:expression(eval(document.compatMode &&
    document.compatMode=='CSS1Compat') ?
    documentElement.scrollTop+15 :
    document.body.scrollTop +
    (document.body.clientHeight - this.clientHeight));
}


CSS 的自动换行问题：

div,p{white-space:normal;word-break:break-all;word-wrap:break-word;}
table{table-layout:fixed;}
table th,table td{word-wrap:break-word;overflow:hidden;}
pre{white-space:pre-wrap;word-wrap:break-word;width:auto;}

pre 下面添加宽度自动的属性是为了防止在 IE7 里面的某些情况下宽度失效。

另外附赠 收集到的常见浏览器的默认 CSS 样式，下载在这里

FireFox 4.0 Beta 1下载地址：

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/4.0b1-candidates/

最近网上流传着这样一个说法: Flash 会被 HTML5取代. 起源是由于 Apple 的 iPhone 和 iPad 不支持 Flash. 然后就是一些媒体的夸大和不实的宣传,大慨意思说是 Flash 的末日到了,人们该放弃 Flash 了. 我不认同这个, 但是 Flash 迟早是会被淘汰并逐步放弃的, 至少不再是主流的技术了. 这一点从国外网站的 Flash 应用上面来看已经在逐渐的用其他的技术手段来放弃 Flash 了.

熟悉网页制作的人都知道网页上面要使用 Flash 就必须插入 Flash 插件的调用代码, 这样浏览器才能通过网页来展示 Flash 的内容. 这就表明了 Flash 只是插件. 而不是一个浏览器直接支持的东西,要想用它就必须装插件. 那浏览器直接支持是什么呢? 那就是 HTML了.

HTML 是超文本置标语言（HyperText Markup Language)，简称为HTML. 是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种置标语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用置标语 言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。

既然浏览器直接支持 HTML, 应该说是原生支持HTML. 那么 HTML5 又是什么呢?

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。 其中有些是技术上类似 <div> 和 <span> 标签，但有一定含义，例如 <nav>（网站导航块）和 <footer>。 这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如 <audio> 和 <video> 标记。

这就表明了 HTML5 的目的不是取代 Flash 而是减少浏览器对插件的依奈, 其实就是现有的 HTML 的升级版. 现在HTML 5 的标准还在制定中, 这就产生了一个问题: 比如上面提到的 <audio> 和 <video> 标记. 这两个标记是用来在 HTML 里面插入音频和视频的代码支持的文件格式的标准了. 拿 <video> 来说, <video>使用的 H.264 来作为默认的视频解码标准. H.264 目前 Windows 和 Mac OS X 还有Linux 都是支持了的.

下面是 <video> 的代码格式
<video class='sublime' height='255' poster='http://assets3.jilion.com/05072010142052/images/embed/sublime/video/poster.jpg?1273242047' width='600'>
<source src='' title='http://medias.jilion.com/sublimevideo/dartmoor.mov' type='video/mp4' />
<source src='' title='http://medias.jilion.com/sublimevideo/dartmoor.mp4' type='video/mp4' />
<source src='' title='http://medias.jilion.com/sublimevideo/dartmoor.ogv' type='video/ogg' />
</video>

从现在流出的这个实例代码里面就知道了 <video> 不支持 Flv 的视频的. flv 视频的播放需要通过 Flash Player 插件的支持, 然后调用 Flash 的播放器来播放. 不过可惜的是 Flash 不支持 64位.

当然这个不支持64位的原因还是被一些细心的家伙发现了.其实这个不能怪 Adobe, 要怪就怪 Macromedia 了. Macromedia 为了尽可能的减少 swf 文件的尺寸, 在一部分对象中采用非字节对齐的文件格式. 简单的说, 一部分对象不是以 int/short 这样存储的, 而是以 bit 位这样存储的. 详细的请看这里.

当时 Macromedia 在设计 swf 的时候, 隐含就是假设一个 int=32 位, 根本就没有考虑到会有 64 位的出现. 恐怕 Adobe 也是在收购 Macromedia 以后才发现, Macromedia 原来这么原始. 所以需要 Adobe 要重新编写 Flsah 解析和文件格式的代码的虚拟机才能顺利的拓展成 64 位. 但是从 flex 的 sdk 来看, 我觉得 Adobe 在这个上面还有很多的事情要做.

从 05年 Adobe 收购  Macromedia 开始到现在已经过去5年了 Flash 的版本升级了 3个版本. 64位支持的问题却一直没有解决. 其实 Adobe 在每次升级版本的时候都有一个机会来推出支持 64位的解析器和提供一个文件格式的转换工具的. Adobe 在这方面却没有任何的动作.

按照现在操作系统的发展来看 64 位必然会成为主流的. 128 位的以上的操作系统以后也会出现的. 在64位操作系统上运行 32位程序的效率会比运行 64位的程序还要慢很多. 难道等 128位的系统出来后还要在 128位的系统上面运行 32位的 Flash吗? 难怪 Jobs 要骂 Flash 的运行效率达不到 Apple 的需求了, 因为现在的 Mao OS X 都已经是 64 位的了.

现在 Adobe 却在宣传说 Adobe 爱 Apple. 还不如去做点实质性的动作. 现在我那 64 位的操作系统却要忍受着用 64位浏览器来观看只支持32位的 Flash 插件来播放 flv 视频带来的浏览器崩溃的困扰. 而且这个困扰还不知是 64 位的浏览器.

现在你知道了 HTML5 取代的只是 Flash 视频播放这块应用而已.而不是完全的取代 Flash 的. 不过在动画绘制方面 HTML5 也有威胁到 Flash 的东西,  那就是 HTML5 的 <canvas> .

<canvas> 相比 Flash 显然是有其优点的. 它不依赖于外部插件, 与浏览器渲染引擎紧密结合, 节约资源, 最重要的是极大的简化了图形和网页中其他元素的交互过程.

对于 Flash 来说, 使 Flash中的元素与网页中其他元素进行交互是要消耗大量时间和资源的, 另外在编程上也相当不方便.

而<canvas>本身就是 HTML5 的一个元素, 可以像操作普通 HTML 元素一样操作它. 开发人员可以将所有的代码整齐的写在一个文件里, 降低了维护与更新的难度.

然而<canvas>也有其缺点:

1. 开发者不得不编程描绘每一个点和矢量曲线, 在旋转缩放时更需要和矩阵变换打交道, 这会增加描绘复杂图形的难度.
2. 动画的实现存在缺憾.<canvas>虽然提供了不同于传统的通过 div 块实现动画的方法, 但这种方法仍然非常繁琐.
3. 没有提供一套方便的事件体系. 开发者也许需要通过捕获鼠标在<canvas>中点击的坐标, 判断用户到底点击了什么图形元素.

由以上分析我们可以看出, HTML5 需要的几个非常重要的东西: 一个强大易用的图形库, 硬件加速的图形解析和重绘, 一个强大的编辑器(IDE).

目前已经出现了基于<canvas>实现的游戏引擎. 但是从效果上看仍然无法与 Flash 媲美.但 WebGL 的提出让我们看到了硬件加速的希望, 这将极大的改进图形显示的速度. 但是目前它只被少数开发版本的浏览器支持.

IDE 方面, 讽刺的是恰恰是 Adobe 为 Adobe Flash CS5 添加了一个将 Flash 转化为<canvas>的功能. 在 JavaScript 方面, 鉴于其为非强制类型的编程语言, 对其进行代码提示等非常困难, 提高编程效率较难.

如果以上三个问题不能被良好解决, 将会限制<canvas>所能实现的效果的丰富度, 增加开发的复杂度, 从而最终阻碍其普及.

不过对于 64位 <canvas> 是不会存在像 Flash 那样的问题的.

Grub/ Grub4dos 和 Grub2

GRUB 是多系统引导管理器，简单的说既能引导 Linux，同时也能引导 Windows；Linuxsir 这里有详细的介绍，这些无论是对 Windows 版本的 WINGRUB 还是 Linux 版本的 GRUB都是适用的。

Grub4dos 其实就是用 grub 的源码编译的 dos 使用的版本。这个版本 Windows 也可以使用。

Grub 2 就是 Grub 的升级版。不过目前还没有正式版发行出来。还在开发和测试中。有些尝鲜的Linux 发行版已经开始使用了，比如 Ubuntu 9.10。

BootMgr

BootMgr 全称是 Windows Boot Manager 也就是 Windows 引导管理器。这个是从 Windows Vista 系统的发布才开始出现的(Windows 2000 和 Windows XP 用的引导程序是 NTLoader,也就是C盘里面的那个名字为 “NTLDR” 的隐藏文件)。主要用于 Windows 系统的引导。现在最广泛的应用代表是 Windows Vista 和 Windows 7。

SYSLinux

SYSLinux 是一个轻量级的启动装载器，只用 Windows 的人可能不明白是什么东西，如果玩过Linux，一定知道 lilo和 Grub，是的，所谓轻量级我想就是跟 Grub们相比而言的，尤其是 Grub2。

SYSLinux 有很多变种（都是官方的）适用于各种媒质，如 SYSLinux 用于从微软的文件系统fat 16/32 引导，ISOLinux 用于从光盘引导，PEXLinux 用于从网络引导，EXTLinux 用于从 ext2/3 文件系统引导。

这些都是常用的，当然还有其他的引导程序。但是目前来说最通用和容易制作成功的就是 Grub 和 BootMgr。

使用 BootMgr 制作U盘启动

BootMgr 这个东东我感觉比较通用点。制作的成功率高些。所以推荐用这个方法来处理。

假设 U盘的盘符是 u: ，具体的操作的步骤如下：

1. 打开Windows 的命令行提示符，需要用管理员权限来打开。
2. 敲入命令：bootsect /nt60 u: (这个命令是向 U盘的引导扇区写入引导记录，U盘的盘符为 U:)。
3. 复制 Win7 安装光盘里面的 bootmgr 文件到 U盘根目录里面，然后在命令行里面敲入命令：attrib +a +r +s +h bootmgr (这个命令是把引导程序设置为系统隐藏文件)。
4. 复制 Win7 安装光盘里面的 boot 目录到 U盘根目录里面。

这样就制作基于 BootMgr 的启动盘就制作好了。

启动菜单的修改就请用 bcdedit 来修改了。具体方法在这里

使用 Grub制作U盘启动

Grub4dos 的方法有2种。一种是直接写入 U盘的 MBR 来引导启动。另外一种是 通过 BootMgr 来引导启动.

这里 先说 BootMgr 来实现的方式了，直接写入 MBR 的方式还有 Grub2 的启动方式下次继续了。

Grub4dos 通过 BootMgr 来引导需要以下命令来处理，依然需要管理员权限来运行命令行提示符。

首先敲入命令：bcdedit /store .\bcd /create /d “Boot Grub.” /application bootsector 来获得一个ID。

正常情况下，你会得到一个形如“{05d33150-3fde-11dc-a457-00021cf82fb0}成功创建”的提示。这个“{…}” 就是新引导项的ID，将要用在下面的几条命令中（注意将{id}替换为上述提示中的“{…}”)：

bcdedit /store .\bcd /set {id} device boot
bcdedit /store .\bcd /set {id} path \grldr.mbr
bcdedit /store .\bcd /set {id} Description “Boot Grub”
bcdedit /store .\bcd /displayorder {id} /addlast

然后将文件 grldr.mbr、gdldr 和 menu.lst 复制到U盘的根文件夹下即可。

先这样了，Grub2 和 SYSLinux 的方法就下次继续了。

昨天得到 Xuhel 的消息说他在 MacBook 上面测试成功了用U盘启动的 Grub2 来引导Snow Leopard。

TabExposé 这个 Safari 的插件是不错的。但是你不想用了，你就发现它恶心的地方了。要是你依照 TabExposé 网站上面提供的方法来卸载你会发现它还在 Safari 那里好好的活着。

正确的方法如下：

1. 退出 Safari
2. 打开 Activiy Monitor 和搜索 Pumba 进程检查是否运行中, 找到并关闭它
3. 找到并删除文件夹 ~/Library/Application Support/Pumba/TabExpose.bundel
4. 找到并删除文件 ~/Library/ScriptingAdditions/PumbaLoader.osax
5. 找到并删除文件 ~/Library/LaunchAgents/com.cocoamug.Pumba.plist
6. 好了，现在重新打开 Safari

另外推荐一个 Safari 用的插件 ClickToFlash.

这个插件可以把 Flash 内容屏蔽, 想看的时候再点击加载, 可以设置 white list.

不过这个插件 Windows 版的 Safari 就没法用了

做得好一点的公司，一般是项目经理/部门主管+投资方（项目管理中的投资方，实际上就是老板，反正就是决定你要做什么并给你钱的人）来承担产品工程师的角色，由美工来承担Web前端工程师的角色，特别是Web前端工程师，是最容易被忽略的角色。

企业想挤出利润，无非两个方面，一个是开源，另一个是节流。而这两个角色，恰恰可以用开源节流来比喻，产品工程师可以设计出更好的产品，这就是开源，Web前端开发工程师可以精简网页代码，提高用户访问速度，减小企业带宽上的支出，甚至可以减小服务器上的支出，这不是节流是什么？相比有些企业，以靠克扣员工工资来实现节流，这个节流要节省得多。

产品工程师

很多公司的流程基本上是这样的，由需求部门（一个或者多个，如果公司小，可能就是老板等几个人）提出需求，提交到项目经理或者IT部门主管，然后 IT部门主管根据需求进行开发，这中间可能要判断是做还是不做，判断的依据主要是开发难不难，麻烦不麻烦，很少去考虑合不合理。各位，看到什么问题没有，很多IT的部门主管，他只是一个管理者+项目经理的组合，或者干脆就是一个项目经理。需求部门交给我的需求，我按照要求按时按质做完就OK了。但时，需求部门往往是不懂互联网的，这种情况很多公司大量存在，对于一些老板本身就是做互联网的，或者较大的公司，这种情况会比较少。

问题就来了，一个不懂互联网的人，根据自己的喜好或者自己的判断来提出一些需求，有些需求可能很无理，有些时候可能是自己的喜好，有些时候可能是违背互联网的基本准则的。而技术部门往往是只要没有技术难度就开发吧，反正我就按你要求做了，这个中间，没有一个懂互联网的人来把关。注意，懂互联网的人，不是懂技术的人，懂技术的人很多都是不懂互联网的。比如说我曾经见过有公司的老板要在网站的两边加一副对联，结果别人说像灵堂一样，也曾经有公司的老板要把网站做得像电视一样（不是视频网站，就是一个非常酷的过场动画这样子，想法是好的，可惜不适合大型网站，不利于访问也不利于SEO）。

这个时候一定要有一个产品工程师或者产品组来承担这个中间人，注意，还没有到美工的层面，他需要根据需求方的需求，再加上自己对互联网的了解，来设计这个产品。他要考虑到浏览器、带宽、用户习惯等等内容，以确定如何布置页面中的内容，确定功能之间的关联。在这个时候，如果产品工程师不懂技术，可以邀请Web前端工程师和项目经理/部门主管参与，因为某些地方为了用户体验可能要使用到一些技术，需要由这些人来确定是否要行。

Web前端工程师

相对于产品工程师，这个职位显得很加缺乏，因为产品工程师很多时候可以由项目经理或者部门主管兼任，但Web前端工程师这个职位，是很多公司都不重视的职位，很多公司是这样的，Html和CSS由美工负责，而Javascript由程序员负责。但问题是，很多美工对Html/CSS只能实现，至于规范也速度很少考虑，而程序员对Javascript就更加了，从我接触过的程序员中，绝大多数人觉得Javascript是一个比较简单的语言，没什么前途，看不起这种语言，也认为Javascript只能实现一些交互而已。

所以实际上，很多企业是用两个懂一点点的人，来做这个重要的工作。如果让我来选择，我愿意放弃一个，甚至两个程序员，来换一个Web前端工程师。为什么要这么做？我认为，一个网站两个非常重要的地方，就是他的交互性与速度。很多程序员喜欢划分前台与后台，他们都认为前台不重要，只要后台功能完成了，前台不是很简单的事么！不！不是这样的，前台比后台重要，为什么这么说？你想想，一个用户是通过什么接触到你的网站的，是前台，是Web页面，而不是后台冷冰冰的程序。你有再强大的功能，如果用户操作起来很复杂，那么用户也会抛弃你的，除非用户别无选择，比如说工信部的备案，但问题是，现在互联网同质化越来越厉害，抄袭也变得风行，你真的有这么高的技术壁垒让其它公司没有办法做到和你一样的产品么？

注意，不要钻牛角尖，我并非说后台完全不重要，你要非说就算你前台再好，我后台一个死循环出不来，那不是也没戏，这是抬杠！除了大型网站和逻辑错误，现在多数网站并不存在后台影响速度的问题，或者说影响不是那么明显。前台所带来的问题，要比后台带的问题多得多，也容易解决得多，往往是可以花少量的代价来解决大问题的，可是往往很多企业愿意去花钱买带宽买服务器租CDN以提高速度，却不愿意请一个Web前端工程师来解决这个问题。同时，请注意，就算你服务器再快你的带宽再高，用户的带宽是不变的，如果你超出了用户带宽的阀值，你所做的一切将都是豪无意义的。

程序员往往可以实现Javascript的功能，但是由于Javascript的特殊性，他们很难以最优化的方式来开发Javascript代码，就可能就造成他们去网上Copy一段Javascript，然后只要实现效果即可，大量重复的甚至是有Bug的代码被应用到网站中，这些代码将会影响到用户的执行效率，降低用户体验。在HTML方面，这也是程序员的弱项，他们也觉得这个东西太简单，实现起来很容易，但是HTML和Javascript都是入门易深入难的东西，如何合理地组织Html+CSS，让浏览器更快更有效率地执行，这个也是需要很多年的经验的。

在用户体验方面，大公司可能用UE/UI等部门，而小公司的话，一定要有Web前端工程师，美工只是设计页面，很难照顾到用户体验这个层面，当然不排除有些美工已经有这样的水平。实际上用户体验也和产品设计一样，都属于开源的一部分，因为如果用户体验好就能带来更多的用户，不是开源是什么。

最后，我想分析一下造成这两个职位被忽视的原因，产品工程师一职，往往被项目经理或者部门主管+投资人代替了，一般来说，做到主管级的人对行业多多少少算比较了解，所以这个职位的缺失可能不会带来大问题，但也有时候会因为这个职位的缺失而导致项目失败的安例发生，这就要求主管同时也要有产品工程师的能力。

Web产端工程师是最容易被忽略也是最不好招聘的职位，究其原因，是因为部门主管往往是做技术出身的，而技术人员常常会轻视或者忽视前台的工作，也正是这个原因，造成了Web前端工程的工作比较低，所以很多人不愿意去做这个职位，我就常常看到新人如果让ta学习Html/CSS /Javascript，ta就会问你，什么时候我才可以真正编程啊，这样就形成了一个恶性循环，企业不重视，工资上不去，程序员也就不愿意学习了。然后，这个职位可以给公司省下非常高的费用，可以节省数个程序员，减少带宽及服务器。不信？试试看吧！

(via)

W3C 标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的 行为等等，特别是制定了包括 XML 和 CSS 等的众多影响深远的标准规范。但是，W3C 制定的 Web 标准似乎并非强制而只是推荐标准。也就是说 W3C 组织只是引导网页设计者进行标准化设计。

一般对 SEO（http://www.kseo.cn）了解的人都会明白，搜索引擎是通过蜘蛛爬虫读取网页源码的内容进行分析的，所以 SEO 的任务之一是对网页内容进行优化，而不是对网页代码优化。另外，从我一些 SEO 案例来看，或者通过某些热门关键词搜索的结果看，排名好的而又通过 W3C 标准的网页少之又少。而前面所谓符合 W3C 标准的网页等同于 SEO 工作的一半，SEO 优化实践认为其相当没有理论和实践基础了。

当然，我不否认符合 W3C 标准网页的优势，有利于解决浏览器兼容性问题， 而且其代码简洁及清晰度让人舒畅的，但与 SEO 的关系真的没有那么大。

回到开头，如果客户老是拿 W3C 标准来要求 SEO 也未免太牵强了。 CSS+DIV 网页设计，也能达到内容与表现分离的效果，有时候觉得 W3C 标准太苛刻，毕竟设计符合 W3C 标准的网页需要优秀的 CSS+DIV 能力，一般的人可能需要花很长的时间才能调试成功。

——

原文地址：http://firecacada.blog.163.com/blog/static/7074376201031304654976/

PS：这又是一篇好文章。初学者还有一个误区就是：“ DIV+CSS 就是 W3C 标准”。前者是技术实现的手段，后者是代码结构的规范条文。不要把这两个混为一谈。这可是两回事。

为了总结 SEO WordPress 的方法，前些天做了很多准备工作，收集相关文章和工具。而这篇文章主要参照了“SEO for WordPress”和“WordPress and SEO”这 2 篇文章，另外还参考了“Google 搜索引擎优化技术的12个要点”，我要做的就是把他们的方法用自己的语言归纳了一下，然后加入一点自己的看法。

SEO WordPress 首先就要选一个好主题 (注意：在 WP 主题中普遍存在的 6 个 SEO 问题)，当然现在市面上的 WordPress 主题都是按照 Web 标准来设计制作 的，对搜索引擎已经够友好了，而 WordPress 本身就很适合 SEO，下面就来说说优化过程。

1、设置一个友好链接 这里介绍了 很多种 Permalinks 结构，对个人博客 Jim 推荐最好的结构是 /%postname%/ ，而我认为 /%year%/%monthnum%/%postname%.html 这种结构更加合理。

2、让 WordPress 的 URL 地址唯一化 在使用了 Permalinks 后、URL 结束 “/” 标签问题、WWW问题，都会导致一篇文章会出现多个地址，这样对搜索引擎是很不友好的。我们需要利 用一些方法来改善这些问题，让你的 WordPress 的 URL 规范化。

3、合理设置一个 robots.txt 在站点下放置一个 robots.txt 带来的好处很多，有文章说通过将 comment feeds 与 Trackbacks 排除在外，网站访问量上升了11.3%，在 WordPress 下我们可以这样设置。

4、关于 Meta 内容 有很 多关于设置 Meta 的 WordPrss 插件，如：Head META Description、HeadSpace 2、Add Your Own Headers，但 Jim 却不推荐这么做，因为 Keywords 属性目前在 Pagerank 的计算中已经不再使用了（或者极少使用），只是对其他搜索引擎的排名还有一定的作用，没有必要为了它而多安装一个插件。 description 属性应该还是有用的，为了提高排名，可以适当在里面提高关键词的密度，还可以使用 Head META Description 这个插件把文章内容截取到 description 里面。 2个有代表性的插件 HeadSpace 这个插件功能多得有点变态，不但可以单独设置首页、内容页、归档页、分类页等这些页面的 description/keywords/title 属性，还可以单独为它们定义一个主题，也可以在写文章的时候对每篇文章加入以上属性。 Add Your Own Headers 可以优化的你 title 页标题，自动把博客名字放在标题后面并加上分割符，可以把分类自动添加到 keywords 中。 而我的意见是没有必要这么做，最多开启 Ultimate Tag Warrior 插件自带的“Include meta keywords“选项，把 Tag 加入到 meta 中。就像 Matt，根本没有在 meta 中设置 keywords 和 description 属性，优化文章标题和内容更为重要。

5、优化 title（页标题）内容 title（页标题）是最重要的HTML标签，SEOmoz 的一篇文章说到， 在页标题中最好带有网站名称和一些关键词、长度不超过32个中文字、不要放置没有关联的关键词、使用分割符，可以是 “|”（竖线）“-”（中划线）“«” “»”、还可以在文章内容中用 H1 来重复一次页标题内容。

也可以参考 Matt 和 jeffrey 他们的结构，比较有权威性。

6、文章标题 (Headings) 二级标题、三级标题的使用 搜索引擎把（h1,h2,h3…）看得比其他内容（p,li…）都重要，所以写一个好的带有关键词的文章标题很重要，每个页面的标题都要不同，并 且要与自身网页的内容相符，每个页面的标题最好只重点突出 1-2 个关键词，不要太多。建议看看这篇阿宏翻译的《定义标题的最好方法》， 就可以对（h1,h2,h3…）有一个更深刻的认识。

7、建立一个合理的导航结构

• 导航清晰明了，方便用户浏览，无论页面多深，都有回到首页的链接;
• 把一些重要的文章链接到首页；
• 也可以链接你以前写过的文章（我这篇文章就链接了很多以前写的文章）；
• 不要在首页放很多外部链接，最好放在单独的一页；
• 链接最好不要使用 Flash 和图片按钮，而是文本;
• 安装 Related Posts 插件，可以带领你的读者深入阅读；
• 安装 Ultimate Tag Warrior 插件，可以很好地为你的读者提供导航。
• 可以安装 Landing sites 提高网站粘合度；

8、是否移除链接上的 nofollow 属性 是否移除 rel=”nofollow” 有很大的争论，但有一点要明白，如果你真的想删除评论链接上的 nofollow 属性，就得把好审核关，不能让 404 错误链接、色情、赌博和被处罚的网站链接出现在你的网页中。（摘自： 如果没有“NoFollow”……）；

9、建立一个 Site Map（站点地图） 站点地图有2个作用，一个是给来访者看的，可以带他们在你的博客上找到想要的文章，这个站点地图链接了所有的页面，所有的网页上都有一个链接指向这个站点 地图，内容要小于100K；另外一个是给搜索引擎准备的，推荐安装 Google Sitemaps Generator 这个插件，然后用 Tags Addon Plugin 把 UTW Tag 也加入到 Sitemap 中。

10、页面的设计 一个页面的设计如何对搜索引擎作用不大，也可能不属于 SEO 的范畴，但它对用户体验非常重要。所以页面最好保持简单的设计，使用有大而清晰的标题文字，设置合适的文字间距，这里推荐几款主题 Simpla Theme、Tarski、SEO Adsense WordPress Theme、AdSense WordPress Theme。

11、关键词的使用

• 关键词应该出现在 title（页标题）标签里面；
• 在 URL 里面包含关键词；
• 在网页导出链接的链接文字中包含关键词；
• 用粗体显示关键词；
• 在文章标题中提及该关键词（一致认为 h1 标签比 h2, h3 的影响效果更好）；
• 图像 alt 标签可以放入关键词；
• 整个文章中都要包含关键词，但最好在第一段第一句话就放入；
• 在元标签（meta）中放入关键词，虽然它的作用越来越小。 摘录自：Blog的搜索引擎优化

12、CSS 据说，在 html 代码中把有用的内容放在前面，有利于提高 rank 值。例如导航栏或侧边栏看起来在文章内容的左边，实际在 html 源代码中中却放在最后，然后通 CSS 来定位它的显示位置。无论这个说法有没有道理，但是做了总比没做好。 可以在 Firefox 的 “查看 – 页面风格”这里选择“无风格”，查看没有 CSS 的页面效果。

13、文章内容和反向链接 怎样做好高质量的内容，有很多这方面的文章，SEOmoz 写道，一个非常优秀的文章好过 1000 个好文章，一个好文章修改 10 次比写 10 个一般文章好。这点在柠檬的博客上得到了见证，他写的文章不多，但那几个主题拥有的大量反向链接， 所以知名度和 Pagerank 都很高。反向链接数的多少就能证明你这篇文章的质量，没人会链接一个垃圾页面到他的网站。还有就是你的文章一定得原创，而且内容简洁有力，一般情况下没人 会看你的长篇大论。 这可能也不属于 SEO 的东西，但却是写一个博客必须要注意的。 Jim 推荐了一个他自己的插件“Link to Me Textbox”，可以让别人快速链接你的文章。我每次链接别人的文章的时候，都要复制 2 次，一次是标题，一次是地址（如果你使用可视化编辑器就另当别论了）。 其实没有必要为了这个安装一个插件，复制下面一段到需要加入的地方就可以了。

注意：去掉?前面的空格 推荐阅读：30 个增进 Blogging 的技巧 里面提到的第 26 点，我是昨天才开始领会到的。

26. 标点正确（ Punctuate Properly ）：标点的正确不仅仅是把标点用对了，其实还包括：给文中的英文和数字的两边加上空格，这样的好处不用我多说。（加入煎蛋后我才明白了这一点，这一点也是 原文没有提到的。例如当前的标题。）

说明：如果有必要，这篇文章以后可以不断更新，就像 jim 一样，SEO for WordPress 这篇文章从 05 年一直写到现在。如果有什么不对的地方，也欢迎大家指正，以便及时修改。

原文地址：http://www.osxcn.com/wordpress/seo-for-wordpress.html

这是 Nicky 以前写的文章，我觉得非常不错就转过来保存了。而且这里面说的东西不只是 WordPress 用的，这都可以用在所有的网站优化上面。不过也不要优化的过头了，看看 Nicky 的这篇文章 WordPress 的搜索引擎优化 – 10 戒 就知道了。

我认为内容才是王道，然后用 SEO 来引导访问着尽快找到他所需要的东西才是正确的SEO，而不是 SEC(搜索引擎欺骗)。要了解什么是 SEC 可以看看 月光博客写的这个别把SEO做成了SEC。不过国内有些作SEO的就做成SEC了。

90年代，是中国软件产业的个人英雄主义时代，王江民是那个时代的代表。那时候，一个优秀的程序员就能完成一个明星级的软件产品。除了江民KV 系列产品外，还包括求伯君的金山WPS，王志东的中文之星，鲍岳桥的UCDOS，王永民的王码五笔，梁肇兴的豪杰解霸……这些产品后来都成了一代人共同的记忆：每台中国PC机里，都装有这几款产品，每款产品背后都有一个程序员英雄。

中国经济发展到今天，有两个源头需要厘清：一是中国企业的创新精神的源头，二是中国的创业精神的源头。而追思王江民，恰能厘清这两个源头。其中一个源头来自高校、科研院所出来的企业，比如联想、方正，可称之为官方源头；另一个来自脱离体制束缚的技术人员、大学生，比如江民、金山、 用友、巨人，也包括华为，或称之为草根源头。

随着风投、纳斯达克等概念的引入，大批海归回国创业，微软、英特尔式的团队协作研发模式取代个人作坊式研发，上述两个源头逐渐融合，典型的代表 如新浪、百度、腾讯等。王江民的时代逐渐远去，游戏规则、成功标准都被重新定义。

然而现在江民杀毒软件创始人王江民先生，于京西信翔鱼池钓鱼时，心脏病突发，抢救无效去世，享年59岁。王江民，作为中国反病毒领域最早一批开山者，这位被业内公认的 “杀毒王”传奇一生自此落幕。

我是在98年的时候才开始接触电脑的，那个时候遇到的软件里面就有 WPS，王码五笔，KV300，超级解霸3000，UCDOS，中文之星。要是当年微软购买了王志东的中文之星，那就不会有现在的新浪了。要是没有王江民请求伯君和雷军吃饭那现在的金山早就分家了。当时还有个杀毒软件叫 KILL 的。现在估计找不到了。

说一点题外话，KV 系列的杀毒软件我一直使用正版用到07年的，然后我就开始裸奔了。如果你想要知道这几年的杀毒软件的历史就请看看这里 http://bbs.kafan.cn/thread-514651-1-1.html。提到这个就要说说里面提到的那个东方卫士，东方卫士的确是一个不错的杀毒软件，它可以直接切断病毒感染和传播的三角关系，让病毒无法感染系统的文件。但是这个就有点武断了，它会把新安装软件的文件写入操作一起禁止了。不过在东方卫士在发布了一个病毒预苗的小工具后从市场上消失了，不过我感觉它可能就是现在的那个东方微点出的那个主动防御软件。

现在只有看着仍然保留的KV 2005的包装盒和以前搬家过程中幸存的 KV300 的软盘来怀念王江民老师了。

简单的来说一般计算机的启动过程的顺序是这样的：

1. 按下电源按钮，主板通电检查加载 BIOS 芯片里面的启动程序来检查主板等等的设备
2. BIOS 把设备检查完成后通过 INT 13 依据 BIOS 的启动设备设置来读取并执行启动设备上面的引导程序(也就是通常说的MBR)。
3. BIOS 把权限交给读取后的那段引导程序后 BIOS 的任务完成了。这启动设备上面的引导程序 会读取并执行操作系统的启动程序(比如 DOS 的启动程序 “io.sys” 或者是 WinXP 的启动程序 “ntldr” 文件,Win7 的是 “bootmgr”) 然后将继续启动的任务交给系统的启动程序了。
4. 操作系统的启动程序加载操作系统的驱动和服务来完成启动操作系统。

我们要做的U盘启动，其实就是将一个引导程序安装到U盘的启动扇区上面。

INT 13: 中断13(INT 13)，简单的说就是 BIOS 芯片里面的程序用来读写磁盘的一个接口。通过这个接口可以读写磁盘数据。比如硬盘保护卡这些的设备就是利用这个 中断 13来禁止向硬盘写入数据来保护硬盘的。

MBR：全称为Master Boot Record，即硬盘的主引导记录。引导扇区是 每个分区（Partition）的第一扇区，而主引导扇区是硬盘的第一扇区。它由三个部分组 成，主引导记录MBR、硬盘分区表DPT和硬盘有效标志。在总共512字节 的主引导扇区里MBR占446个字节，第二部分是Partition table区（分区表），即DPT，占64个字节，硬盘中分区有多少以及每一分区的大小都记在其中。第三部分是magic number， 占2个字节，固定为55AA。MBR是不属于任何一个操作系统，也不能用操作系统提供的磁盘操作命令来读取它，但可以通过汇编语言的命令来修改和重写。

U盘的常用启动模式：

1、 USB-HDD
硬盘仿真模式，DOS启动后显示C:盘，HP U盘格式化工具制作的U盘即采用此启动模式。此模式兼容性很高，但对于一些只支持USB-ZIP模式的电脑则无法启动。

2、 USB-ZIP
大容量软盘仿真模式，DOS启动后显示A盘，FlashBoot制作的USB-ZIP启动U盘 即采用此模式。此模式在一些比较老的电脑上是唯一可选的模式，但对大部分新电脑来说兼容性不好，特别是大容量U盘。

3、 USB-HDD+
增强的USB-HDD模式，DOS启动后显示C:盘，兼容性极高。其缺点在于对仅支持USB- ZIP的电脑无法启动。

4、 USB-ZIP+
增强的USB-ZIP模式，支持USB-HDD/USB-ZIP双模式启动(根据电脑的不同， 有些BIOS在DOS启动后可能显示C:盘，有些BIOS在DOS启动后可能显示A:盘)，从而达到很高的兼容性。其缺点在于有些支持USB-HDD的电 脑会将此模式的U盘认为是USB-ZIP来启动，从而导致4GB以上大容量U盘的兼容性有所降低。

5、 USB-CDROM
光盘仿真模 式，DOS启动后可以不占盘符，兼容性一般。其优点在于可以像光盘一样进行XP/2003安装。制作时一般需要具体U盘型号/批号所对应的量产工具来制 作，对于U盘网上有通用的量产工具。

常用的是 USB-HDD。不过对于 USB-CDROM 这个模式，我遇到过这个情况的，这个模式可以在一些老的电脑不支持 USB-HDD USB-ZIP 的机器上启动成功。具体原因我就不知道，我估计是老电脑的 BIOS 把这个模式当成普通光驱来做引导处理了。。。

先到这里，用到的程序和方法我就下一次说吧。

PS：我不是 xuhel 本人，是他的朋友，搞 Linux 的。