说实话，自从用上WordPress以来我不知道换了多少个后台编辑器了，从FCKEditor到CKeditor，甚至还有一些名不见经传的CodeRenderUnmi和WLW、FE editor等等，用来用去发现有些功能确实强大，但是要想用着顺手就必须修改很多东西，而且一旦WordPress或者插件本身自己升级，那些修改过的东西就必须重新再设置一遍，相当麻烦；要不就是一些离线的编辑器，复制来粘贴去的也很费心。到现在，我依然觉得，WordPress自带的编辑器才是最强大且实用的！正所谓“自此精修，渐进于无剑胜有剑之境”，抛开那些个浮夸的编辑器，回到WordPress自带的TinyMCE编辑器上来，要知道，WordPress自身也在不断的强大，每一次升级对自带编辑器的改动都是很实用的，不仅将多媒体功能融合到了一起，而且给人的感觉是越来越干净利落，从此我们也可以看到官方对自带编辑器TinyMCE的重视程度。下面我将我自己对自带编辑器TinyMCE的修改方法贴出来，所有代码只需写到主题里的functions.php文件里，即使日后升级WordPress也不需要重复操作。 更改编辑器默认视图为HTML 大家都知道，在后台新建文章后，编辑器就自动跳转到“可视化”视图，对于一些经常要插入代码或者WEB设计者们来说（我就是^_^），可能更习惯使用HTML视图手动编辑。而且，像CKEditor在可视化视图下编辑本来没有<p>或<div>标签，但切换到HTML视图之后就会自动添加，当然这是CKEditor的自动设置无可厚非，但是在日后想要重新编辑一篇发表过的文章时就会头疼了，因为CKEditor会自作多情的生成很多冗杂或混乱的代码，保持代码的干净整洁非常不便（当然你要想凑合着用也不会对实际显示效果有很大改变，但会对网页结构减分）。 设置方法：将以下代码添加到主题的functions.php文件里即可： [php]add_filter(‘wp_default_editor’, create_function(”, ‘return "html";’));[/php] 添加编辑器默认内容（编辑器内可见） 新建文章后编辑器里的内容默认是空的，有些朋友做的是WordPress主题站、插件站或单纯的下载站，一些标准的格式化的文章每次都会输入“主题名称”、“主题作者”、“下载地址”等内容，添加默认内容之后，这些重复性的工作以后再也不用了，一切都预定义好了。而且如果发表文章不需要这些预定义的内容，只需要全选-Delete就ok了，并不会很麻烦。 设置方法：在主题functions.php文件添加以下代码即可： [php]function insertPreContent($content) { if (!is_feed() && !is_home()) { $content.= "</pre> <div class="wpohome">"; $content.= " <h4>WordPress网站优化之家</h4> "; $content.= "这里的预定义内容在编辑器可见<a href="http://www.***.com">WordPress网站优化之家</a>"; $content.= "</div> <pre> "; } return $content; } add_filter(‘default_content’, ‘insertPreContent’);[/php] 添加编辑器默认内容（编辑时不可见） 此方法添加的内容在发布文章时自动添加在内容的最后，在编辑的时候是看不见的，用于添加订阅、文章版权信息等等。 设置方法：在主题functions.php文件添加以下代码即可： [php] function insertFootNote($content) { if (!is_feed() && !is_home()) { $content.= "</pre> [...]
本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1. 一定要闭合HTML标签 在以往的页面源代码里，经常看到这样的语句： <li>Some text here. <li>Some new text here. <li>You get the idea. 也许过去我们可以容忍这样的非闭合HTML标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的HTML标签，否则将无法通过验证，并且容易出现一些难以预见的问题。 最好使用这样的形式： <ul> <li>Some text here. </li> <li>Some new text here. </li> <li>You get the idea. </li> </ul> 2. 声明正确的文档类型( DocType ) 笔者早先曾加入过许多CSS论坛，在那里，如果有用户遇到问题，我们会建议他首先做两件事： 1. 验证CSS文件，解决所有可见的错误 2. 加上文档类型 Doctype DOCTYPE 定义在HTML标签出现之前，它告诉浏览器这个页面包含的是HTML，XHTML，还是两者混合出现，这样浏览器才能正确的解析标记。 通常有四种文档类型可供选择： <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <!DOCTYPE HTML [...]
最近在看文本相关的属性，觉得text-indent挺有意思的，就小小的总结了一下（这里不讨论用text-indent来隐藏文字）。 我将会从下面几个方面来进行说明： 1.text-indent应用于块级元素 2.text-indent应用于行内元素 3.text-indent应用于替换元素 4.text-indent应用于inline-block元素 5.继承 6.总结 一、text-indent应用于块级元素 text-indent常用于段落首行2字符的缩进。我们先来看一下demo1（所有demo文章最后会提供下载地址）。 各浏览器都可以正常的显示。如图： 我们也可以通过负的text-indent来制作一些效果，各浏览器表现相同（demo2）： 二、text-indent应用于行内元素 这里分两部分来说，一是text-indent应用于块级元素，块级元素里面有inline元素（通过继承或者指定text-indent），直接上demo3。 可见行内元素，虽然继承了text-indent的值（或者指定），却没有任何作用。 二是inline元素直接指定text-indent的值，或者块级元素不指定text-indent，而里面的inline元素指定。请看demo4。 chrome14、firefox7、opera10.6、safari5、ie8、ie9表现如下： ie6/7表现如下： 比较一下，chrome14、firefox7、opera10.6、safari5、ie8没有作用于inline元素，但ie6/7却作用于inline元素，而且用于inline元素上，不同的条件表现也不同。 直接用于inline元素上：前面有32px的空白 块级元素不设置text-indent，而inline元素设置（inline前有文字）：text-indent不会作用于inline元素。 块级元素不设置text-indent，而inline元素设置（inline前木有文字）：text-indent会作用于inline元素，且与demo中设置的相同2em（24px，文字大小为12px）。 三、text-indent应用于替换元素 这里以应用到image与input元素为例进行说明，请看demo5。 chrome14、firefox7、opera10.6、safari5中的表现：没有作用于image，但却作用于了input，且中英文没有区别。 ie6/7中的表现：作用于image，且在input中，当为中文与英文时有不同的表现，从这点真不得不佩服ie6/7。还有更加有趣的，当你在全英文的输入框中改它的值时，又会有新的表现。 改变英文输入框的值后： ie8、ie9中，没有作用于image，但却作用于了input，而且与ie6/7一样，英文与中文有上述的小bug。 改变英文的输入框的值后： 四、text-indent应用于inline-block元素 直接看demo6吧，结果说明一切（chrome14、firefox7、opera10.6、safari5、ie8、ie9中的表现）。 text-indent作用于inline元素 ie6/7的表现（作用于inline-block元素，而且前面多了32px）： 五、继承 text-indent这个属性是可以继承的，引用权威指南上的一句话“在css2.1之前，text-indent总是继承计算值，而不是声明值。”。请看demo7。 非ie系列浏览器继承的均是计算值。 ie系列继承的却是声明值。 如果将父元素中的text-indent:2em;改成text-indent:28px，就不会有这个问题。 六、总结 看到这么多的不同点，您是不是感觉到很乱？如果你觉得不乱，那好，你是一牛人。不管你乱不乱，反正我是乱了。 所以，我给自己总结了一下： 1.text-indent只用于div，p这样的元素上，像image、input、inline-block、inline元素绝对不用。 2.text-indent的值如果子元素也要用到父元素的值，用px单位，而绝不用em。 最后，还是要说一下，本人水平有限，如有什么不当之处还请多指正。 最后附上所有demo下载地址：text-indent 本文作者：火柴 文章来源：携程UED
WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。
看今天的IT新闻，比较引人关注的是Chrome市场份额首超Firefox的消息，说实话，我有点吃惊。可能是自己近年来忙于和技术不沾边的事情，对Chrome还停留在精简，快速但功能还不完善的小软件的印象上。
据国外媒体报道，谷歌周四在其AdWords博客中称，计划更新广告质量评分机制，以便在第一时间对广告质量做出评判。广告质量分是一个影响广告是否可以显示在谷歌搜索结果旁的重要标准。
Adobe，Google 以及 Yahoo 即将联合对网站中的 Flash 内容提供搜索，Google 和 Yahoo 都在开发相应的 Flash 索引技术，该技术不需要网站所有者做任何额外的工作。以前，搜索引擎仅仅是对 Flash 站点中的静态文字和链接进行索引，无法抓取 Flash 的内容，就象阅读书的目录索引，而不是书本身。
Sponsors
