SEOèžå…¥ç½‘页布局设计案例分æž
从æœç´¢å¼•æ“Žçš„角度æ¥çœ‹ï¼Œç”¨ä¸€äº›åŸºæœ¬çš„HTML代ç 实现网页设计对æœç´¢å¼•æ“Žä¼šæ›´å…·æœ‰å‹å¥½æ€§ã€‚
å‡è®¾ä½ 的网站有如下2个选择:
1。The Left Sectionï¼šé€šå¸¸åŒ…å« å¯¼èˆªä¿¡æ¯ã€å¹¿å‘Šã€æŽ¨èç‰ç‰
2。The Main Content Area:网站主题内容
下é¢æ˜¯åŸºæœ¬çš„网页结构设计:
通常,我们都是采用如下HTML代ç æ¥å®žçŽ°ï¼š
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<b>LEFT SECTION</b><br>
ITEM1<br>
ITEM2<br>
ITEM3<br>
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
Main Body
</td>
</tr>
</table>
注æ„,在æºä»£ç ä¸ï¼Œå·¦ä¾§åŒºåŸŸå‡ºçŽ°åœ¨ä¸»å†…容区域的å‰é¢ï¼Œå› æ¤ï¼Œç›¸æ¯”之下,æœç´¢å¼•æ“Žå¯èƒ½ä¼šç»™ç½‘页左侧内容更多的å爱。
为达到良好的SEO目的,我们需è¦æ”¹å–„上é¢çš„网页设计结构
è§£å†³é—®é¢˜çš„åŠžæ³•å°±æ˜¯åˆ©ç”¨æ ‡ç¾çš„Rowspan属性。通过将Rowspan的值设置为2æ¥å°†ç½‘页划分æˆä¸¤è¡Œï¼ŒæŠŠä¸»å†…容区域放在第1行优先于左侧区域显示,而左侧内容被放在第2è¡Œ
网页设计结构优化åŽçš„HTML代ç :
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1">
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
Main Body
</td>
</tr>
<tr>
<td>
<b>LEFT SECTION</b><br>
ITEM1<br>
ITEM2<br>
ITEM3<br>
</td>
</tr>
</table>
网页设计结构优化åŽçš„效果:
最后编辑: 郝聪 编辑于2008/02/19 23:02
å‡è®¾ä½ 的网站有如下2个选择:
1。The Left Sectionï¼šé€šå¸¸åŒ…å« å¯¼èˆªä¿¡æ¯ã€å¹¿å‘Šã€æŽ¨èç‰ç‰
2。The Main Content Area:网站主题内容
下é¢æ˜¯åŸºæœ¬çš„网页结构设计:
通常,我们都是采用如下HTML代ç æ¥å®žçŽ°ï¼š
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<b>LEFT SECTION</b><br>
ITEM1<br>
ITEM2<br>
ITEM3<br>
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
Main Body
</td>
</tr>
</table>
注æ„,在æºä»£ç ä¸ï¼Œå·¦ä¾§åŒºåŸŸå‡ºçŽ°åœ¨ä¸»å†…容区域的å‰é¢ï¼Œå› æ¤ï¼Œç›¸æ¯”之下,æœç´¢å¼•æ“Žå¯èƒ½ä¼šç»™ç½‘页左侧内容更多的å爱。
为达到良好的SEO目的,我们需è¦æ”¹å–„上é¢çš„网页设计结构
解决问题的办法就是利用
网页设计结构优化åŽçš„HTML代ç :
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="1">
</td>
<td bgcolor="#D9BBBB" rowspan="2" valign="top">
Main Body
</td>
</tr>
<tr>
<td>
<b>LEFT SECTION</b><br>
ITEM1<br>
ITEM2<br>
ITEM3<br>
</td>
</tr>
</table>
网页设计结构优化åŽçš„效果:
相关日志
SEO项目分æžåŠè¿ä½œæµç¨‹
第五届Netconcepts SEO排行榜大会演讲PPT分享
百度æœç´¢ç»“æžœå›¾æ–‡æ ‡è¯†è§„åˆ™åˆ†æž
Flash网页SEO特殊优化ç–ç•¥
Wordpress SEOæ’件
æœæœSoSoæœç´¢å¼•æ“Žä¼˜åŒ–SEO规范
ã€SEO必备】百度蜘蛛IP段大全与æƒé‡è¯´æ˜Ž
社会化è´ç‰©åˆ†äº«ç½‘ç«™SEOç–ç•¥ç ”ç©¶
百度站长平å°â€œå¤–链工具â€ä¸Žâ€œæœç´¢å…³é”®è¯æŸ¥è¯¢â€åŠŸèƒ½è¯„测
从Bing(必应)SEO技巧ä¸åˆ†æžæœªæ¥ç½‘站优化的å‘展趋势
SEO项目分æžåŠè¿ä½œæµç¨‹
第五届Netconcepts SEO排行榜大会演讲PPT分享
百度æœç´¢ç»“æžœå›¾æ–‡æ ‡è¯†è§„åˆ™åˆ†æž
Flash网页SEO特殊优化ç–ç•¥
Wordpress SEOæ’件
æœæœSoSoæœç´¢å¼•æ“Žä¼˜åŒ–SEO规范
ã€SEO必备】百度蜘蛛IP段大全与æƒé‡è¯´æ˜Ž
社会化è´ç‰©åˆ†äº«ç½‘ç«™SEOç–ç•¥ç ”ç©¶
百度站长平å°â€œå¤–链工具â€ä¸Žâ€œæœç´¢å…³é”®è¯æŸ¥è¯¢â€åŠŸèƒ½è¯„测
从Bing(必应)SEO技巧ä¸åˆ†æžæœªæ¥ç½‘站优化的å‘展趋势
最后编辑: 郝聪 编辑于2008/02/19 23:02
<title>Content Sort Float</title>
<style>
#content {float:right; background:#00c;}
#sidebar {float:left; width:30%; background:#c00;}
</style>
</head>
<body>
<div id="content">
Here is Main Body
</div>
<div id="sidebar">
Here is SideBar
</div>
</body>
è¿™æ ·å¦‚ä½•ï¼Ÿæ•´ä¸ªbody区åªæœ‰å‡ è¡Œå—,Content放在å‰é¢ï¼Œç”¨CSS控制它浮动,想放左边å³è¾¹åªè¦æ”¹ä¸€ä¸‹CSS就行了. Div+CSSæ˜¯æ ‡å‡†åŒ–çš„è¶‹åŠ¿ï¼ŒGGåº”è¯¥æ›´åŠ å–œæ¬¢æ‰å¯¹
DIV+CSSå¸ƒå±€æ¯”ä¼ ç»Ÿçš„TABLE布局è¦å¥½ï¼Œä»£ç 更少,网页文件更å°ï¼Œä½†DIV的显示顺åºéœ€è¦ä¼˜åŒ–
但DIV的显示顺åºéœ€è¦ä¼˜åŒ–?æ¤è¯æœ‰ç‚¹é—®é¢˜ï¼Œ