关于Seo代码优化的研究笔记

B.直接在HTML标签上定义CSS样式。增加页面代码量。

C.参考CSS文件;

在这三种方法中，C最有利于Seo优化，即参考CSS文件

B.使用重置，但不是全局重置。

不同浏览器元素的默认属性不同。您可以使用重置来重置浏览器元素的一些默认属性，以实现浏览器兼容性。但是网站优化，不要使用全局重置：

*{Margin:0;padding:0;}

这不仅是因为它是一种缓慢而低效的方法，而且还会导致不必要的元素重置外部和内部边距。我们建议您参考Yui重置和Eric Meyer。

/**清除内部和外部边距**/body，H1，H2，H3，H4，H5，H6，HR，P，blockQuoture，/*结构元素结构元素*/dl，DT，DD，UL，ol，Li，/*列表元素列表元素*/PRE，/*文本格式元素文本格式元素*/form，字段集，图例，按钮，输入，textarea，/*表单元素表单元素*/Th，TD，/*Table Elements Table element*/img/*img Elements Image element*/{border:Medium none;margin:0;padding:0;}/**设置默认字体**/body，按钮，输入，选择，textarea{font:12px/1.5'body'，tahoma，srial，helvetica，sans serif;}H1，H2，H3，H4，H5，H6{font-size:100%;}em{font-style:normal;}/**重置列表元素**/ul，Ol{list style:none网站优化;}/**重置超链接元素**/A{text-Decoration:none;color：#333;}A:hover{text-Decoration:下划线;color：#F40;}/**重置图像元素**/IMG{border:0px;}/**重置表元素**/table{border-collapse:collapse;border-Spacing:0;}

C.良好的命名约定

毫无疑问，代码很混乱或者没有定义的命名代码。任何看着它的人都会疯狂。例如，以下代码：

. Aaabb{margin:2px;color:red;}

我不'不认为即使是初学者也会在真实项目中命名这样的类，但考虑这样的代码也是非常有问题的：

问题是，如果您需要将所有原始红色字体更改为蓝色，则样式将更改：

Red{color:bule;}

这个命名会令人困惑。更改名为的侧栏会很麻烦。左边的酒吧在右边。因此，请勿使用元素功能（颜色，位置，大小等）来命名类或ID。您可以选择含义的名称，例如#navigation{…}，。边栏{…}，。包裹{…}

这样，无论您如何修改定义这些类或ID的样式，它们与HTML元素之间的关系都不会受到影响。

在某些情况下，某些固定样式将在定义后进行修改，因此您不需要'不必担心命名时刚刚提到的情况，例如：

. Alignleft{float:Left;margin-Right:20px;}

. Alignright{float:Right;text-align:Right;margin-left:20px;}

. 清除{清除：两者;文本-缩进：-9999px;}

如果您需要将该部分从原始的左对齐部分更改为右对齐部分，则只需要将其类名更改为alignright。

D.代码缩写

CSS代码缩写可以加快代码编写并简化代码量。CSS中可以缩写许多属性，包括边距，填充，边框，字体，背景和颜色值。如果您了解了代码的缩写，原始代码如下：

李{

字体：1.2em/1.4em Arial，Helvetica，无衬线;

填充：5px 0 10px 5px;

}

E.使用CSS继承

如果页面上父元素的多个子元素使用相同的样式，最好在父元素上定义相同的样式并让它们继承这些CSS样式。通过这种方式，您可以维护代码并减少代码量。代码如下：

#容器Li{font-family:Georgia，Serif;}

#容器P{font-family:Georgia，Serif;}

#容器H1{font-family:Georgia，Serif;}

可以写成：

#容器{font-family:Georgia，Serif;}

F.使用多个选择器

如果多个CSS选择器具有共同的样式，则可以将它们合并为一个。这样，代码简洁，节省时间和空间。例如：

H1，H2，H3{font-family:Arial，Helvetica，sans-serif;font-weight:normal;}

G.正确的代码注释

代码注释使其他人更容易理解您的代码并合理组织代码注释，以使结构更清晰。

7. 保持CSS可读

编写可读CS可以更容易地搜索和修改样式。在以下任何一种情况下，哪种情况更具可读性。

H.使用外部样式表

这个原则始终是一个很好的设计实践。它不仅更容易维护和修改，更重要的是，它可以通过使用外部文件来提高页面速度，因为CSS文件可以在浏览器中生成缓存。HTML文档中构建的CSS将重新下载每个请求中的HTML文档。

I.避免使用CSS表达式（表达式）

表达式的问题在于它们的计算频率比我们想象的要高。不仅在显示和缩放页面时，而且当页面滚动甚至移动鼠标时，都会重新计算。在CSS表达式中添加一个计数器来跟踪表达式的计算频率。您可以轻松地在页面上移动鼠标10000次以上。

J.代码压缩

当您决定在网络上部署网站项目时，需要压缩CSS，评论评论和空间以使网页加载更快。要压缩代码，您可以使用一些工具（如Yui compressor）来简化CSS代码并减小文件大小以获得更高的加载速度。

4. js呼叫

JS的两种调用方法：

A.直接在页面上写入代码。在页面上放置大量JS代码不仅增加了页面大小，而且还占据了主页等重量级位置。。。因此，页面上相对重要的位置不能优先显示给搜索引擎。

B.参考JS文件（参考外部地址的JS文件将影响打开网页的速度）;

方法2