争议之一：链接是否应该在新窗口打开

正方:

外部链接应该始终从新窗口打开，当你浏览一个站点的时候，点击了一个链接，却被带到另外一个站点，你在这个站点的会话也因此丢失，这实在令人恼怒。因此，站点内的链接可以在现有窗口打开，而站点外链接则应该在新窗口打开。

反方:

作为 Web 设计师，我们不该控制用户的行为，一个链接是否在新窗口打开，应该是用户自己的选择。剥夺用户的控制权，在用户的桌面上打开一堆窗口或标签，这才是真正让人恼怒的事。如果用户想打开新窗口，他们可以自己选择，而对非熟练用户，新窗口让他们丢失了后退按钮更让他们无所适从。

和事佬:

总体来讲，应该避免使用新窗口打开链接，但在某些场合，如打开购物车中的帮助链接，打开一个非 html 文件（如 PDF 文件），应该使用新窗口。为了提高易用性，最好在需要打开新窗口的地方，用一个小图标提示一下。

争议之二：在链接中应该使用诸如Click here 一类的笼统词汇吗？

正方:

事实证明，Click here 比描述性的链接更容易获得点击，因此应该使用该词汇以获得更好的点击率。

反方:

Click here 一类的链接损害 Web 的易用性，用户在点击之前，只能通过周围的上下文关系猜测这个链接是做什么的。Quality guidelines 建议，任何链接文字都应该明确描述该链接的目的。

和事佬:

为了提高站点的易用性，可访问性和 SEO 性能，应该始终使用描述性链接。很有趣听到有人说 Click here 比描述性链接可以获得更多点击率，不知道那些点击进来的人是不是看两眼就离开了。

争议之三：使用该继续使用 b 和 i 两个标签?

正方：

如果你仅仅想把一个词设为粗体，而这个词并没有强调表示重要的意思，应该使用 b 标签，不该用 strong 标签，读屏软件对 b 和i 标签有不同的发音，而 HTML5 规范中仍包含这两个标签。

反方:

这两个标签的作用是将文字设置为粗体或斜体，从语义角度看，任何装饰性的东西都应该使用 CSS 实现，如果要强调一个词语，应该使用 strong 或 em 标签。

和事佬：

b 和 i 标签不应该用于修饰文字的式样，这些视觉的修饰应该交由 CSS 处理。如果要强调一个词汇或语句，应该使用 strong 或 em 标签。只有在那些没有别的标签可用的场合，才可以考虑 b 和 i 。

争议之四：站点 Logo 是否因出现在 h1 标签中?

正方:

Logo 不应包围在标题标签中，标题标签应该包含这个页面的标题或描述性内容，这是 SEO 的最佳方式，否则，站点中的每个页的标题岂不是全变成公司名字了？

反方:

一个站点最明显的标志是它的 Logo， 而 h1 是一个页面最顶级的标题，将 Logo 包围其中很自然，这样，即使没有 CSS 人们也很容易该明白这个页面的结构。

和事佬:

标题标签的作用是描述内容的层级结构，如果一个站点有一个描述站点内容的标题，应该放在 h1 中，否则，第二级结构或描述性的对象，就是 Logo。

争议之五：是否应该支持 IE6？

正方:

IE6 现在仍占有 10% 的市场份额（在国内更高-译者注），因此，网站毫无疑问应该支持 IE6。世界上仍然有很多公司的系统仍需使用 IE6 访问，另外，还有很多人根本不知道怎么升级他们的浏览器。

反方:

IE6 已经过时，不支持最新的 Web 技术，它给在线用户带来安全隐患，也是众多 Web 开发设计师的噩梦。包括 YouTube 在内的大型站点已经停止支持 IE6。你也不例外。

和事佬:

IE6 毫无疑问在衰退，随着大公司对它的抛弃，它的死亡可能来得比预期还快，是否支持 IE6 要看的具体情况，可以考虑为 IE6 用户提供最基本的页面格式，而不必为它挣扎。

本文来源：http://line25.com/articles/top-5-web-design-debates-that-cause-the-most-riots

在 Web 空前繁荣的今天，有关 Web 设计中的各种观点很多会成为话题，有的很快达成一致，有的则一直争议下去，本文讲述 Web 设计中的 5 大经典争议，这些争议从它们诞生的那天起，就被正反两方争得不亦乐乎。

争议之一：链接是否应该在新窗口打开

正方:

外部链接应该始终从新窗口打开，当你浏览一个站点的时候，点击了一个链接，却被带到另外一个站点，你在这个站点的会话也因此丢失，这实在令人恼怒。因此，站点内的链接可以在现有窗口打开，而站点外链接则应该在新窗口打开。

反方:

作为 Web 设计师，我们不该控制用户的行为，一个链接是否在新窗口打开，应该是用户自己的选择。剥夺用户的控制权，在用户的桌面上打开一堆窗口或标签，这才是真正让人恼怒的事。如果用户想打开新窗口，他们可以自己选择，而对非熟练用户，新窗口让他们丢失了后退按钮更让他们无所适从。

和事佬:

总体来讲，应该避免使用新窗口打开链接，但在某些场合，如打开购物车中的帮助链接，打开一个非 html 文件（如 PDF 文件），应该使用新窗口。为了提高易用性，最好在需要打开新窗口的地方，用一个小图标提示一下。

争议之二：在链接中应该使用诸如Click here 一类的笼统词汇吗？

正方:

事实证明，Click here 比描述性的链接更容易获得点击，因此应该使用该词汇以获得更好的点击率。

反方:

Click here 一类的链接损害 Web 的易用性，用户在点击之前，只能通过周围的上下文关系猜测这个链接是做什么的。Quality guidelines 建议，任何链接文字都应该明确描述该链接的目的。

和事佬:

为了提高站点的易用性，可访问性和 SEO 性能，应该始终使用描述性链接。很有趣听到有人说 Click here 比描述性链接可以获得更多点击率，不知道那些点击进来的人是不是看两眼就离开了。

争议之三：使用该继续使用 b 和 i 两个标签?

正方：

如果你仅仅想把一个词设为粗体，而这个词并没有强调表示重要的意思，应该使用 b 标签，不该用 strong 标签，读屏软件对 b 和i 标签有不同的发音，而 HTML5 规范中仍包含这两个标签。

反方:

这两个标签的作用是将文字设置为粗体或斜体，从语义角度看，任何装饰性的东西都应该使用 CSS 实现，如果要强调一个词语，应该使用 strong 或 em 标签。

和事佬：

b 和 i 标签不应该用于修饰文字的式样，这些视觉的修饰应该交由 CSS 处理。如果要强调一个词汇或语句，应该使用 strong 或 em 标签。只有在那些没有别的标签可用的场合，才可以考虑 b 和 i 。

争议之四：站点 Logo 是否因出现在 h1 标签中?

正方:

Logo 不应包围在标题标签中，标题标签应该包含这个页面的标题或描述性内容，这是 SEO 的最佳方式，否则，站点中的每个页的标题岂不是全变成公司名字了？

反方:

一个站点最明显的标志是它的 Logo， 而 h1 是一个页面最顶级的标题，将 Logo 包围其中很自然，这样，即使没有 CSS 人们也很容易该明白这个页面的结构。

和事佬:

标题标签的作用是描述内容的层级结构，如果一个站点有一个描述站点内容的标题，应该放在 h1 中，否则，第二级结构或描述性的对象，就是 Logo。

争议之五：是否应该支持 IE6？

正方:

IE6 现在仍占有 10% 的市场份额（在国内更高-译者注），因此，网站毫无疑问应该支持 IE6。世界上仍然有很多公司的系统仍需使用 IE6 访问，另外，还有很多人根本不知道怎么升级他们的浏览器。

反方:

IE6 已经过时，不支持最新的 Web 技术，它给在线用户带来安全隐患，也是众多 Web 开发设计师的噩梦。包括 YouTube 在内的大型站点已经停止支持 IE6。你也不例外。

和事佬:

IE6 毫无疑问在衰退，随着大公司对它的抛弃，它的死亡可能来得比预期还快，是否支持 IE6 要看的具体情况，可以考虑为 IE6 用户提供最基本的页面格式，而不必为它挣扎。

本文来源：http://line25.com/articles/top-5-web-design-debates-that-cause-the-most-riots

其实我是很不屑的，错谁都会有啊，希望他们快点看到，快点修正。嘿嘿

　　元素必须嵌套，尽管SGML规定层叠非法，但现有的浏览器普遍允许层叠。

　　正确：嵌套元素。
　　<p>here is an emphasized <em>paragraph</em>.</p>

　　不正确：层叠元素。
　　<p>here is an emphasized <em>paragraph.</p></em>

　　元素和属性名必须小写
　　对所有HTML元素和属性名，XHTML 文档必须使用小写。 因为XML是大小写敏感的，所以这个差别是必须的。如 <li> 和 <LI> 是不同的标签。

　　对非空元素，必须使用结束标签
　　在基于 SGML的 HTML 4 中，一些隐含结束意义的元素允许忽略结束标签。而在基于XML的XHTML中，这种忽略不被允许。除了在DTD中被声明为空的元素，所有元素必须有结束标签。

　　正确：结束了的元素。
　　<p>here is a paragraph.</p><p>here is another paragraph.</p>

　　不正确：未结束元素。
　　<p>here is a paragraph.<p>here is another paragraph.

　　属性值必须在引号中
　　所有的属性必须用引号，即使是数字。

　　正确：在引号中的属性值
　　<table rows=”3″>

　　不正确：不在引号中的属性值。
　　<table rows=3>

　　属性最小化
　　XML 不支持属性最小化. 属性值对必须写全。象compact，checked这样的属性名不能不指定属性值而在元素中出现。

　　正确：没有最小化的属性
　　<dl compact=”compact”>

　　不正确：最小化属性
　　<dl compact>

　　空元素
　　空元素要么必须有结束标签，要么起始标签以/>结束. 例如，<br/>或<hr></hr>. 请参看HTML兼容性指导 HTML Compatibility Guidelines 中的信息，以保证向后兼容HTML 4用户代理程序

　　正确：结束的空元素
　　<br/><hr/>
　　错误：未结束的空标签
　　<br><hr>

　　属性值中的空白字符处理
　　对属性值，用户代理程序将删去引导和后序空白符，将一个或多个空白符(包括换行)转换成单个字符间空间(在西方书写体中是一个ASCII空格) See Section 3.3.3 of [XML]。

　　Script and Style 元素
　　　　在XHTML中，script和style元素声明为#PCDATA内容形式，因此，< 和 & 被看作是标识的开始，<和& 这样的实体被XML处理程序看作为实体引用而分别被认为是< 和 & . 将script和style元素的内容包裹在CDATA记号部分中避免了这些实体的扩张。

　　CDATA 部分被 XML 处理程序识别，是文档对象模型中一个结点。请参看1.3节Section 1.3的DOM LEVEL 1推荐标准[DOM]。

　　替代的方式是使用外部script和style文档。

　　SGML 禁止

　　SGML 给作者的DTD可以指定在一个元素内部禁止出现的元素。这样的禁止在XML中是不可能的。

　　例如，严格的 HTML 4 DTD 禁止任何深度的’a’元素对另一’a’元素的嵌套。在XML中无法写出这样的禁止。尽管这些禁止不能在DTD中定义，一些元素不应该被嵌套。在标准化的附录B Appendix　B中是这些元素的汇总。

　　具有 ’id’ 和 ’name’ 属性的元素

　　HTML 4 定义了name属性的元素有 a，applet，form，frame，iframe，img，and map. HTML 4还引入了 id 属性. 这两个属性都是被设计作为片段标识符。

　　在XML中，片段标识符是ID类型，每个元素只能有一个ID类型的属性。因此，在XHTML1.0中，id属性被定义为ID类型。为保证XHTML1.0文档是结构良好的XML文档，在定义一个片段标识符时，XHTML文档必须使用id属性，即使是对那些以前用name属性的元素。请参看 HTML Compatibility Guidelines 的信息，确保XHTML文档以text/html媒体类型使用时，这些”锚”能向后兼容。 

　　注意，在XHTML 1.0中，name 属性不被正式支持，在以后的XHTML版本中将被删除。

下载地址：http://www.webrebuild.org/

我百度了一下，有办法说是：设置一下关联就行了.打开"工具",点"文件夹选项",选"文件类型"改一下，我实在想问问，出这个办法的人自己试过没有？

最佳办法：
1. 删除
HKEY_LOCAL_MACHINE\SOFTWARE\MICROSOFT\INTERNET EXPLORER下的View Source Editor

2.将下面代码保存为*.reg（其中星号是任意字母）双击运行

Windows Registry Editor Version 5.00

[-HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\View Source Editor]

即可

点击下载DW cs4的jQuery语法提示插件：点击下载

可以这里预览：

http://www.sonyes.cn/demo/daoshu/index.html

具体的参数可以改成自己的，我这里只说XML文件吧：

< ?xml version="1.0" encoding="utf-8"?>
endMonth="1"
endDate="1"
endHour="0"
endMinute="0"
endSecond="0"
timeZoneGMT="-5"
useTimeZoneOffset="true"

numberBgColor="0xCC0000"
numberBgAlpha="100"
numberColor="0xFFFFFF"
numberBorderInnerColor="0x191919"
numberBorderInnerAlpha="100"
numberBorderOuterColor="0x4B4B4B"
numberBorderOuterAlpha="100"
windowHiliteAlpha="75"
windowShadowAlpha="75"

textLabelColor="0xFFFFFF"
textLabelAlpha="100"
textLabelSize="10"
daysLabel="DAYS"
hoursLabel="HOURS"
minutesLabel="MINUTES"
secondsLabel="SECONDS"

displayEndMessage="true"
endMessageText="HAVE A GREAT 2020!"
endMessageTextColor="0xFFFFFF"
endMessageTextAlpha="100"
endMessageTextSize="18"
endMessageTextPaddingX="20"
displayEndMessageBG="true"
endMessageBGcolor="0x009900"
endMessageBGalpha="100"
endMessageBGpaddingX="10"
endMessageBGpaddingY="10"
endMessagefadeInTime="0.75"

redirect="true"
redirectURL="http://www.google.com"
redirectPause="5"
newWindow="true"

daysNumber="4"
flipTime="0.3"
animationType="easeOutQuart"
blurMax="0"
fadeInTime="0.5"
fadeOutTime="0.5"

soundFXvolume="25">

第一行就是修改时间年的，以此类推，觉得需要的筒子自己去研究吧。

　　一、减少使用表格

　　表格层层嵌套，确实对SEO与用户体验有不利的影响，这同时也影响网页的下载速度。

　　二、降低网页体积

　　上百K的网页，不利于SEO，不利于搜索引擎的蜘蛛爬行。DIV+CSS设计网页，能够让精简网页HTML代码，让网页体积变得更小。

　　三、重要信息优先让搜索引擎蜘蛛爬取

　　通过DIV+CSS对网页的布局，可以让一些重要的链接、文字信息，优先让搜索引擎蜘蛛爬取。这对于SEO也有帮助。

　　给广大网编的建议：对于是用DIV+CSS设计网站还是用表格来设计网站，可以根据自己的技术实力来决定。DIV+CSS设计的网站，这个和域名一样，并没有多少先天性的优势，搜索引擎和用户一样，最终看重的是一个网站的内容。

　　提升网站价值，重点是在于后天的培养。
　　不为SEO而SEO，不为DIV而DIV，不会CSS而CSS， 选择适合自己的。做好站才是王道。

我们先来看看主流电子商务网站的处理结果（这里不需要讨论搜索引擎的返回结果，因为它就是做搜索的，没有也没必要去给你推送什么其他的内容）：
阿里巴巴中国站；弹出提示框“请输入产品名称”，点击确定后没有任何反应
慧聪；弹出提示框“请输入查询内容”，点击确定后光标落在输入框内“输入你感兴趣的内容”后面
百度有啊；跳转到查看所有分类页面
淘宝；跳转到查看所有分类页面
拍拍；跳转到查看所有分类页面
卓越；跳转到搜索结果页面，提示找到0条搜索结果
亚马逊；刷新一次页面
从结果上看，主要分为4类：弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么，哪个网站的设计的用户体验最爽呢？

前几天我正好对网站搜索部分做了一次改版，采取的是优化了的弹窗形式：弹出窗口提示输入关键词，该窗口自动在3秒内关闭，关闭后光标被移动到搜索输入框内，且框内原先的提示信息被清除掉，弹窗的位置控制在离搜索框很近的位置，目的在于不要造成宽屏用户的鼠标长途奔袭。
于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒，同时尽最大可能不给用户造成额外的负担。
洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户，同时想办法引导他们去点击去使用，那么，从这个角度来看，淘宝、拍拍的做法应该是合理的。
擦干身子抽了颗烟，觉得这样似乎也不是很妥，于是找wkcow讨教了一下，被点醒了，其实最好的用户体验设计应该是亚马逊。
首先，空搜索既然是用户的误操作就需要给用户一些提醒，那么没有任何反应的设计必然是错误的，因为用户看到没动，可能认为是网站出问题了，这种设计是最最傻的；其次，对于弹出窗口的设计用户是不愿意去等待那3秒的，那么就必须要点一次确定，这样就多了一次交互，还是给用户增加了负担，且在设计上要考虑弹出窗口的位置、光标的位置的问题，这种设计事实上很累也很傻；第三，返回列表页的设计是想给用户推送一些其他的内容，但是实际上用户是不会理睬这些内容的，且这个结果改变了用户的初衷，更改了最简单的流程。
亚马逊的设计恰恰是一个最最正常的流程，不需要交互、不需要解释，就是一个简单的刷新已经告诉了用户很多信息：点击搜索按钮，网址执行了该操作，但你输入的是空白，我也就给你一个空白的结果（这里，卓越跳转到搜索结果页，且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计）。

把这次的探讨总结成一句话共勉：注重用户体验，就需要尽可能的减少交互，不给用户增加不必要的负担！

Update：发布的5G之后，老白和白鸦给出2种更优化的方法；
之一：干嘛要刷新页面？ 这不还是让人和机器交互了一次吗，万一页面大这个刷新的成本有多少？ 就让他点了以后输入框做个简单的提醒（比如输入框的光标出现，或者输入框的颜色闪动等小到有那么有点反应即可），不行吗？
之二：没有空搜索，搜索栏默认热词，光标过去立即清空，等待用户录入同时提供下拉备选。

谁还有更好的方法？欢迎探讨。

Read more: 空搜索如何设计？ – 幻风阁|kent.zhu'sBlog – http://www.ikent.me/blog/1404#ixzz0CZ9V0VOo