先说说table框架吧，早几年的网络还没有像现在这样壮大，而且电脑的配置也远没有达到网络快速发展的要求，网站从下载到显示的过程电脑也会运算很长时间，所以table框架就诞生了。其实table是出于方便数据排列和组合而产生的标签，但因其编写方便、直观、节省大量CPU资源等优点，速度成为网站建站的首选方案。

而div+css框架在table框架盛行时也已存在，而当时由于硬件本身的限制，制约了div+css本身的发展，而随着时间的推移，div+css逐步完美，其编写灵活，代码简洁，符合SEO标准等，渐渐取代了table框架，成为了网站建站的首选方案。

尽管现在建站全都用div+css框架，但由于建站人员的水平参差不齐，HTML标签嵌套混乱的现象也时常出现，这样既会影响日后的修改和维护，也不利于各浏览器的相互兼容，这点是最至命的，由于IE的兼容性超好，导致一些错误可能被网站制作者所忽视，从而可能会造成非IE用户无法访问的尴尬局面。

下面来说一下HTML标签应如何嵌套。（如下表）

         HTML

● HEAD

○ TITLE (required)

○ SCRIPT,STYLE

                                     ■ CDATA

                            ○ BASE,MEAT,LINK (empty)

                            ○ OBJECT

                   ● BODY

                            ○ INS,DEL

                                     ■ flow

                                               □ block

                                               □ inline

                            ○ SCRIPT

                                     ■ CDATA

                            ○ block

                                     ■ P,H1,H2,H3,H4,H5,H6

                                               □ inline

                                                        ◆ #PCDATA

                                                        ◆ TT,I,B,BIG,SMALL,EM,STRONG,DFN,CODE,SAMP,KBD,VAR,

CTTE,ABBR,ACRONYM,SUB,SUP,Q,SPAN,BDO

                                                                 ◇ inline

                                                        ◆ A

                                                                 ◇ inline excluding an enclosed A element

                                                        ◆ OBJECT

                                                                 ◇ PARAM (empty)

                                                                 ◇ flow

                                                        ◆ IMG,BR (empty)

                                                        ◆ SCRIPT

                                                                 ◇ CDATA

                                                        ◆ MAP

                                                                 ◇ AREA (empty)

                                                                 ◇ block

                                                        ◆ INPUT (empty)

                                                        ◆ SELECT

                                                                 ◇ OPTGROUP

                                                                           ◎ OPTION

                                                                 ◇ OPTION

                                                        ◆ TEXTAREA

                                                        ◆ LABEL

                                                                 ◇ LABEL excluding enclosed label

                                                        ◆ BUTTON

                                                                 ◇ flow excluding A,INPUT,SELECT,TEXTAREA,LABEL,

BUTTON,FROM,FIELDSE

                            ○ UL,OL

                                     ■ LI

                                               □ flow

                            ○ DL

                                     ■ DT

                                               □ inline

                                     ■ DD

                                               □ flow

                            ○ PRE

                                     ■ inline excluding IMG,OBJECT,BUG,SMALL,SUB,SUP

                            ○ DIV

                                     ■ flow

                            ○ SPAN

                                     ■ flow

                            ○ BLOCKQUOTE

                                     ■ block

                                     ■ SCRIPT

                                               □ CDATA

                            ○ NOSCRIPT

                                     ■ flow

                            ○ FORM

                                     ■ block excluding an enclosed FROM

                                     ■ SCRIPT

                                               □ CDATA

                            ○ HR (empty)

                            ○ TABLE

                                     ■ CAPTION

                                               □ inline

                                     ■ COLGROUP

                                               □ COL (empty)

                                     ■ COL (empty)

                                     ■ THEAD,TBODY,TBODY

                                               □ TR

                                                        ◆ TH,THD

                                                                 ◇ flow

                            ○ ADDRESS

                                     ■ inline

                            ○ FIELDSET

                                     ■ #PCDATA

                                     ■ inline

                                     ■ FLOW

                                     ■ LEGEND

                                               □ inline

注意：在用DIV框架进行制作时尽量不要将DIV放入到其它的标签中，如<span><div>内容</div></span>。

1. 如果在一个固定的时间周期里只修改标题一次，那么新修改的标题会很快被百度收录,这时在百度的快照里会有新旧两种标题交替显示的现象，在这个过程中百度会对新修改的标题进行评定，新标题权重评定是建立在原有标题权重上的，一旦评定完成，新版标题将完全替代旧的标题；至此旧标题信息将在百度中被删除。

2. 如果在一个较短的时间周期里对标题进行了多次修改，也就是在出现上述标题交替的阶段时（百度对新的标题进行权重评定的阶段），再将新的标题进行修改;对于这种情况，在百度中进行Site时可以看到最后一次修改的标题；但是在搜索页面的快照里将不会立即出现这种新旧标题交替的情况，百度对于在这段时间里修改标题的问题的态度是：延长对最后一次标题的权重的评定时间，在确定新改标题与网站内容相符的时候，才能出现新旧标题交替出现的情况。同时旧标题的权重下降，排名下滑。

从以上情况可以看出，百度对修改标题的态度有两种：一种是正常的修改（短时间只修改一次）百度是允许的。百度不会对原有标题的网站进行降权。第二种是短时间修改多次（两次及以上），百度延长新标题替换旧标题时间，并对网站进行降权处罚。所以在对网站标题优化的时候注意更改的次数。

使用步骤：

1.  启动 FireFox ，工具-> 添加组件 ->获取附加组件。

2.  在搜索栏输入要下载的组件名称。

3.  点击“添加至FireFox”，下载后运行安装程序。

4.  重启FireFox后，组件就可以运行了。

功能介绍：

输入网址（以百度首页为例）后点击FireFox右下角

出现的是下图所示：给出网站的links的所有信息，如链接数量，外部链接数量，导向其他页面的链接数量

点击“stats”后，统计资料标签显示了您正在查看的页面的实际搜索引擎优化诊断。

allinurl:

allinurl帮助查找搜索中选取的关键词的任意组合。例如，allinurl:netconcepts china会查找URL中带有netconcepts china，或netconcepts和china的任意组合的单词。

define:

define作为定义文字或词组的定义性口令。例如，define:SEO。我们会看到相关的搜索结果，有SEO的说明和总结。一般来说，define的搜索结果，相关性比较高。

rphonebook:

rphonebook用于展示住宅电话和查找的对象，适用于查找美国联系人的住址电话的精确查找。例如，rphonebook:david cook, anywhere, Madison

bphonebook:

bphonebook用于展示公司电话和查找的对象，适用于查找美国联系人的商务电话的精确查找。例如，bphonebook:netconcepts, anywhere, Madison

allinanchor:

allinanchor口令用来帮助查找搜索中选取在anchor中关键词的任意组合。例如，allinanchor:netconcepts china会查找URL中带有netconcepts china，或netconcepts和china的任意组合的单词。

（一）表单验证码：
目前网站流行的验证码机制，基本上都是通过服务器端 Session 来实现的，其工作流程描述如下：
1.用户访问提交数据的表单页面时，服务器会生成一个随机串，保存在服务端的Session中;
2.将上一步生成的Session以图片的方式展现给用户，图片上的数字和字母就是“验证码”，用户提交数据的时候，需要将验证码内容一并提交;
3.系统在接收到用户提交的数据时，先验证用户输入的“验证码”是否和Session一致;
4.如果不一致，说明是非法请求，则可以直接拒绝掉该次请求。

验证码机制的弊端列举
“验证码”产生的背景是为了避免网站受到恶意的请求，出发点是好的，但是验证码的方法将“避免网站受到恶意请求”的成本转嫁给了用户；
用户不是在看页面，而是在扫描。验证码相对于整个页面来说，是完全附加给用户的无用信息。应该尽量避免用户思考，这是用户体验的基本功；
由于验证码每次的产生的数字是随机的，而且生成的验证码为了避免被机器识别，通常会加上一些防识别的干扰字符，通常情况下，这会增加用户识别和输入的成本，给用户造成挫败感，导致用户流失。

验证码机制优化
更改验证码出现的频率：
这种方案是一种折中方案，即默认情况下不显示验证码，仅当用户输入的错误次数大于指定次数的时候，服务端才认为该请求有可能是恶意请求，同时加入验证码的验证机制。目前 Google、Yahoo均是采用本方案。Google允许的出错次数是3次，Yahoo是5次。
优点：90%以上的用户不需要输入验证码，即保证了验证机制的安全，又有效的将验证码对用户体验的影响降到最低;
缺点：最终还是靠验证码来实现，不够完美。

(二)使用SSL协议加密处理：
SSL全称是Secure Socket Layer，是被设计用于WEB的安全传输协议。目前该协议在WEB上获得了广泛的应用。此方案的工作原理是：在进行SSL握手时，SSL选择一种对称算法对要传输的数据进行加密，然后才在网络上传输数据。SSL使用一种很健壮的信息验证码(Message Authentication Code)，例如：SHA-1，验证码被放在数据包的后部，并且和数据一块被加密。这样，如果数据被修改，其散列值就无法和原来的验证码匹配，从而能够检测出数据是否被修改，避免了大量的恶意请求。PayPal、Facebook、Yahoo、Google的登录页面均采用了SSL协议处理。
优点：SSL的安全级别注定了采用该协议加密过的数据基本上不会有被攻破的可能;
缺点：需要服务器端SSL组件和安全证书的支持。另外由于所有传输的数据都会经过一层加密处理，一定程度上会影响用户的访问速度。

(三)通过 JavaScript 来实现客户端数据加密：
该方案的是受到 Ajax 请求方式的启发。工作原理：用户访问表单页的时候，先在后端发起一个Ajax请求，向服务器请求一个密钥，然后在用户提交表单的时候，利用这个密钥和客户端的JavaScript加密算法把用户提交的数据加密，服务器端获取到数据库，再以同样的逆算法运算，从而获取到用户提交的实际数据。由于每次服务器端产生的密钥都是不同的，所以每个密钥只对当前提交的数据有效，同时可以设置密钥的有效期，避免数据被重复提交，从一定程度上避免了恶意请求。
优点：不需要服务器端特殊组件的支持，将影响用户体验的成本降低为零;
缺点：需要考虑，如果客户端浏览器不支持JavaScript，怎么办？

没有最完美的，只有最合适的！

CDN技术的优点如下：

提升市场竞争力：为客户解决网站通畅访问、南北互通、网络边缘客户访问慢等问题；

降低运营成本：不需要在多地多处购买带宽、架设和管理服务器等；

减轻宕机灾难：服务器出现故障时静态网站还可继续访问；

操作简便：只要将客户域名指向CDN系统；

安全：防攻击，可以隐藏源IP地址；

负载均衡：自动均衡服务器的流量 ，减轻源服务器的负担；

带宽灵活性：应付突性发的数据风暴；

CDN的四大核心技术

内容路由技术，内容分发技术，内容存储技术，内容管理技术。

那么CDN加速到底与SEO存在什么样的关系呢？

一、内容分发

从CDN内容分发技术可以看出：“在内容分发的过程中，对于Cache设备而言，关键的是需要建立内容源URL、内容发布的URL、用户访问的URL，以及内容在Cache中存储的位置之间的映射关系”。