CSS简介
CSS即Cascading Style Sheet,也称为样式表(Style Sheet)。采用CSS样式表技术,可以有效地对页面的布局、字体、颜色、背景等进行精准的控制。
CSS样式表使得网页中显示描述与文档结构彻底分离,避免了单独使用HTML标签而引起的文档结构与显示格式描述之间的混乱,提高代码的可读性。CSS样式表从整体上对页面布局进行控制,使用相同的样式文件或者相同名称的样式表可以对相同格式的内容进行控制,节省大量的代码。但是,目前搜索引擎并不解析CSS样式表内容。如果页面中每一个样式都使用CSS样式表进行控制,则搜索引擎就识别不了页面中相关内容的样式,也就不能根据这些内容的样式判断页面的相关性(详细请参考2.3.3一节)。
如下所示,“方式1”及“方式2”的目的都是为“搜索引擎优化”增加“粗体”标记。“方式1”是采用调用CSS样式表中的“b”样式进行控制的方式实现;而“方式2”中则直接采用粗体标签<b>。由于搜索引擎并不解析样式表里的内容,所以也就不能识别“方式1”中的内容是否采用了“粗体” 标记;而对于“方式2”则可以轻易识别,从而给“方式2”的页面赋予相应的权重。
方式1:<p class=b>搜索引擎优化</p>
方式2:<p><b>搜索引擎优化</b></p>
样式表内容:
<style type="text/css">
<!--
.b {
font-weight: bold;
}
-->
CSS即Cascading Style Sheet,也称为样式表(Style Sheet)。采用CSS样式表技术,可以有效地对页面的布局、字体、颜色、背景等进行精准的控制。
CSS样式表使得网页中显示描述与文档结构彻底分离,避免了单独使用HTML标签而引起的文档结构与显示格式描述之间的混乱,提高代码的可读性。CSS样式表从整体上对页面布局进行控制,使用相同的样式文件或者相同名称的样式表可以对相同格式的内容进行控制,节省大量的代码。但是,目前搜索引擎并不解析CSS样式表内容。如果页面中每一个样式都使用CSS样式表进行控制,则搜索引擎就识别不了页面中相关内容的样式,也就不能根据这些内容的样式判断页面的相关性(详细请参考2.3.3一节)。
如下所示,“方式1”及“方式2”的目的都是为“搜索引擎优化”增加“粗体”标记。“方式1”是采用调用CSS样式表中的“b”样式进行控制的方式实现;而“方式2”中则直接采用粗体标签<b>。由于搜索引擎并不解析样式表里的内容,所以也就不能识别“方式1”中的内容是否采用了“粗体” 标记;而对于“方式2”则可以轻易识别,从而给“方式2”的页面赋予相应的权重。
方式1:<p class=b>搜索引擎优化</p>
方式2:<p><b>搜索引擎优化</b></p>
样式表内容:
<style type="text/css">
<!--
.b {
font-weight: bold;
}
-->
</style>