编写符合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>
相关文档:
IE8 自动在兼容模式下运行:
加入这么一行 <meta http-equiv="x-ua-compatible" content="ie=7" />
其内容随著指定的页面模式而更改,当要模拟IE7时,指定IE=IE7,也可以指定IE=6来模仿IE6
区别IE6与FF:
background:orange;*background:blue;
区别IE6与IE7:
background:green !important;background:blue;
......
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin: ......
介于纯粹CSS的无图片圆角实在是代码太乱,还是倾向于利用图片结合CSS来自做圆角;
(1)高宽皆自适应:
.roundedcornr_box_510746 {
background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
background:transparent url(r ......
1. 检查HTML元素是否有拼写错误、是否忘记结束标记
即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。
2. 检查CSS是否正确
检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。
3. 确定错误发 ......