编写符合SEO标准的DIV+CSS风格网页
SEO即搜索引擎优化,从目前互联网的发展状况来看,实现SEO有助于企业减少网络推广的成本。SEO的手段有很多种,或者固定的技术模式,或者非固定的所谓艺术模式也。DIV+CSS是当前公认的网页设计标准,是广为推崇的网页设计新范式,虽然TABLE还被广泛应用,但DIV+CSS优秀的界面控制能力,还是拥有了非常强的竞争优势。当然,目前的设计软件,例如frontpage、dreamweaver等工具,对DIV+CSS的支持力度还不够,但依然挡不住DIV+CSS席卷互联网的趋势。
如果要实现SEO,传统的TABLE设计方式,会使代码过于冗长,页面过于臃肿,不利于SEO的实现,而DIV+CSS的设计方式,可以使内容和样式分开,从而减少了冗长的代码,是SEO的最佳选择。但要符合SEO,还有若干要注意的要点:
1、减少代码嵌套
例如显示一个布局,可以写成
<div id="wholePage">
<div id="top">电子商务人 top</div>
<div id="mainPart">
<div id="leftCenterRight">
<div id="left">电子商务人left</div>
<div id="centerRight">
<div id="center">电子商务人 center</div>
<div id="right">电子商务人right</div>
</div>
</div>
</div>
<div id="footer">电子商务人 footer</div>
</div>
也可以写成
<div id="top">电子商务人top</div>
<div id="left">电子商务人left</div>
<div id="center">电子商务人center</div>
<div id="right">电子商务人right</div>
相关文档:
效果如下:
实现方法:利用一下两张图片:
前台代码:
<div id="nagivation">
&nb ......
1.全部的代码均在一个DIV容器(我暂时这样称呼) Head里面,我们来看看Head的写法
#Head{
text-align:center;
}
为什么Head前面有一个"#"号呢?
而有的却是在前面加一个"."比如 ".Head",有时候写css的时候干脆什么也不加,比如 td,body,他们有什么区别,具体怎么用,如果仔细你就会发现在HTML ......
div css网站布局的八个小技巧
1.若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请
见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的 ......
这个bug,主要是一个二级菜单,在ie7中hover时正常显示出来,在ie6下没有效果。在网上找了很多资料,弄了好几天,最终是参照别人的代码,用的纯css经过自己的整理,就把它给弄下来了。希望以后自己多来看看。
如下:
-------------------
css代码:
.allMenu
{
width: 8 ......
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
3. 确定错误发 ......