学习笔记

今天在处理一个样式上的问题，需要在 IE 和 Firefox 浏览器下应用不同的样式，CSS Hack，使用了 css2 的选择器。

在搜索资料的时候，发现了这个站 http://www.carvetime.net/article，有相当丰富的技术档案可供参考，忍不住就收藏起来了。

每次学习都会有一个小结，这次也不例外，总结如下：

滥用 div

之前自以为看过相当多的关于 web 设计标准、w3c 的文档，总以为足够了。这次发现还是有一些错误的做法，比如滥用 div。div 的语义是“分割、区分、部分"(division)，用于将页面中相关的内容划分所属块。但是有个前提：在使用其他标签不能区分这部分内容的时候，才使用 div 标签。比如在 ul 标签外面套一个 div ，就是无意义的做法。

css2 选择器

有时候为了兼容 ie 与其他符合 css2 规范的浏览器，需要表现出不同的样式。一般情况下可以配合 JavaScript 脚本来判断浏览器类型。但是，大部分时候这种判断都是不涉及浏览器的具体类型的（例如：对于 Firefox 1.5、IE、Opera 7 要有不同的样式），这些情况下使用 CSS2 选择器来实现是最优雅的做法，不用增加额外的脚本块，也不会增加太多浏览器的负担。

rel="nofollow"

a 标签具有一个 rel 的属性，表示该链接的目标地址指向的资源与该页面的关系，属性的值有 external 等等，相当多。为何只提到 nofollow 这个属性值？通过搜索关键字 nofollow seo 等可以得到结论：如果一个链接的 rel 属性设置为 nofollow ，搜索引擎在对本页面进行评价的时候，不会将该链接指向的目标站点的权重考虑在内。根据这一点，可以避免因为引用了一个未知的、恶劣的站点，导致本站在搜索引擎中的评价降低、甚至受到惩罚。这一点在 seo 的过程当中我个人觉得可以注意一下。