编写符合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 ......
<style>
* {
margin:0;
padding:0;
}
body {
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
margin: ......
新的一年,新的开始!网页教学网与各位共勉!本文写给CSSer同仁——请不要做浮躁的人
不要被对象、属性、方法等词汇所迷惑;最根本的是先了解最基础知识;
不要放过任何一个看上去很简单的小问题--他们往往并不那么简单,或者可以引伸出很多知识点;不会举一反三你就永远学不会; ......
元素 | i 对象 IMG 元素 | img 对象 DHTML 对象
IFRAME 元素 | iframe 对象
--------------------------------------------------------------------------------
创建内嵌浮动框架。
成员表
下面的表格列出了 iframe 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。
标签属性/属性
显示 ......
css圆角box(百度知道挖出) 1.css .zhidao_box {
position: relative;
width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
height: 1px;
font-size: 0px;
ov ......