div+cssÊÇÍøÕ¾ÓÅ»¯µÄ×î»ù´¡¹¤×÷
DIV+CSSÉè¼ÆµÄÍøÕ¾Êǰ´ÕÕW3C±ê×¼µÄ£¬Èç¹ûÒ»¸öÕ¾µãÍêÈ«ÊÇCSS+DIVÖÆ×÷µÄ£¬ÄÇôÄãÍøÕ¾µÄSEO£¨ËÑË÷ÒýÇæÓÅ»¯£©¹¤×÷ÒѾÍê³ÉÁË30%£¡ÎªÊ²Ã´»áÕâô˵£¿SEOÆäËû·½ÃæÔÚÄĺã¬Çë½Ó×ÅÎÒµÄ˼·ÍùÏ¿´£º
ʯ¼Ò×¯ÍøÕ¾ÓÅ»¯
DIV+CSS ÍøÕ¾Ï൱30%µÄSEO¹¤×÷
1¡¢div+cssÍøÕ¾×ñÑ“ÍøÒ³½á¹¹¡¢±íÏÖ¡¢ÐÐΪ·ÖÀ룬»¥²»¸ÉÉæÇÀ¹¦”ÀíÄÇÒ²»ËµSEO£¬Æäʵ°´ÕÕÕâ¸öÀíÄÉèÆðÀ´µÄÍøÕ¾£¬ÍøÒ³´ò¿ªËÙ¶È»áÃ÷ÏÔ µÄ¼Ó¿ì¡£ÒòΪ°´ÕÕÕâ¸öÀíÄî£¬ÍøÒ³½«»á·Ö³Éhtml¡¢css¡¢jsÈýÖÖÀàÐ͵ÄÎļþ£¬¶øcss¡¢jsÓÖÊÇ¿ÉÒÔ»º´æµÄ£¬ËùÒÔä¯ÀÀÒ»¸öÕâÑùµÄÍøÒ³Æäʵ¾ÍÊÇÏÂÔØ html ´úÂë¾ÍÐÐÁË£¬Ëٶȵ±È»±ä¿ì¡£
ÎÒÃÇÏÈ¿´¿´SEO¶¼×öɶ£º
a.ÍøÒ³META±êÇ©»áÌí¼ÓµÄ±È½ÏÆëÈ«£¬ÈçkeyWords¡¢description¡¢robots;
b.±»ËÑË÷ÒýÇæ×¥È¡µÄÄÚÈÝ£¬´úÂë±È½Ï¾«¼ò£¬·ÇÄÚÈÝ´úÂë´ó´ó¼õÉÙ£¬ÎļþС;
c.Îı¾»á±È½Ï¿¿Ç°¡£¼¸ºõ¶¼ÔÚ200×ÖÄھͿÉÒÔËÑË÷µ½ÕýÎÄ£¬ÖØÒªÄÚÈÝ;
d.²»»á³öÏÖ±í¸ñÄÇÑù¶à²ãǶÌ×µÄÎÊÌâ¡£
2¡¢ÐÞÊÎÐÔͼƬÎı¾Ìæ»»£¬js¡¢FLASHÎÄ×ÖͼƬ»¹ÔÓÐÐ©ÍøÕ¾ÎªÁË×·ÇóìÅÑÛЧ¹û£¬²ÉÓÃÁËͼƬ°´Å¥£¬Í¼Æ¬ÐÂÎÅflashÇл»£¬Îı¾µÄjsÅܵÆÐ§ ¹û……ÕâÑù´ó´ó½«Ô±¾ÊôÓÚͼƬ£¬ÎÄ×ÖÁ´½ÓµÄ´úÂë±ä³ÉÁËËÑË÷ÒýÇæ¶Á²»¶®µÄjs´úÂë¡¢flash£¬»òÕßÊÇÖ±½Ó²åÈëÔ±¾²»ÊÇÄÚÈݵÄÐÞÊÎÐÔÍ¼Æ¬Ìæ»»ÁËÎÄ×Ö¡£Èç¹ûÕâ Щ¸ÕºÃÓÖ°üº¬ÁËÈÈÃŹؼü×Ö£¬ÄÇôËÑË÷ÊÕ¼Á¿½«ËðʧºÜ´ó¡£ÐÞÊÎÐÔͼƬÎı¾Ìæ»»£º¾ÍÊÇ˵½«²»ÊÇÄÚÈݶøÊÇÐÞÊεÄͼƬ±ä³Éµ×ͼÏÔʾ£¬²»¸ÉÈÅËÑË÷ÒýÇæ£¬ÈÃËüºöÂÔËü¡£ ¶øÓÐÔö¼ÓÎÄ×Ö£¬Ö®ºóʹÓÃcssÒþ²Øµô£¬ÕâÑùÒ²Ôö¼ÓÁË¿ÉÒÔËÑË÷µÄÎÄ×Ö¡£³£¼ûʹÓÃÓÚlogo£¬°´Å¥£¬²Ëµ¥¡£ js¡¢flashÎÄ×ÖͼƬ»¹Ô£ºÕâÊÇÎÒ½üÀ´Ìá³öÀ´µÄÒ»¸ö˼·£¬»¹Ã»Óй㷺¸ø´ó¼ÒÖªµÀµÄ·½·¨£¨ºÇºÇ£¬´ó¼Ò½Ó²»½ÓÊÜ»¹ÊǸöÎÊÌ⣩£º½«js£¬flashÏÔʾµÄÄÚ ÈÝתΪhtml£¬Ö®ºóʹÓÃjs¶ÁÈ¡html£¬´«µÝ²ÎÊýÆô¶¯ÔÀ´µÄЧ¹û¡¢²¢ÇÒÒþ²Øhtml£¬Ö»ÊDZÈÔÀ´Ôö¼ÓÁ˼¸¸ö²½Öè¡£Ïêϸ¿ÉÒԲο¼ÎÒдµÄÎÄÕ£ºÈçºÎ¼õÉÙ JS¶ÔËÑË÷µÄ¸ºÃæÓ°Ïì¡£
3¡¢W3CÒªÇó±ØÐëÌí¼ÓÁ´½Ó±êÇ©µÄtitle¡¢Í¼Æ¬±êÇ©µÄaltÊôÐÔÕâÑùµÄ»°£¬ËùÓеÄa±êÇ©¶¼»á¹æ·¶µÄÌí¼ÓÓÐ titleÎı¾£¬imgÓÐaltÎı¾¡£¶ø²»Êǵȵ½ÒªÓÅ»¯µÄʱºòÁÙʱµÄ°Ñ¼¸¸öº¬Óйؼü×ÖµÄÁ´½Ó£¨ÃªÎı¾£©Ìí¼ÓÉÏtitle£¬Í¼Æ¬¼ÓºÃalt¡£css+div ²»ÊÇΪÁËSEOÓÅ»¯¶øÌí¼Ótitle¡¢alt£¬¶øÊÇΪÁËÍøÒ³Ç׺ÍÁ¦Ìí¼ÓËüÃÇ¡£
4¡¢ºÏÀí°²ÅÅʹÓÃ
Îı¾¼Ó´Ö£¬Ð±Ì壬Ï»®ÏßÕâÊÇÓïÒ廯±êÇ©¶¼±ØÐë×öµ½µÄÒ»²½¡£ËùÒÔ×öµ½ÁËCSS+div£¬Õâ¸öÎÊÌâÒ²»áÔÚ²»Öª²»¾õÖÐ×öµ½ÁË¡£
5¡¢ÍøÒ³±ê×¼¿ÉÒÔËæÊ±½«ÖØÒªµÄÄÚÈݵ÷ǰ£¬Ö®ºóʹ
Ïà¹ØÎĵµ£º
IEºÍ»ðºüµÄcss¼æÈÝÐÔÎÊÌâ¹é×Ü
¡¡¡¡CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
¡¡¡¡1¡¢DOCTYPE Ó°Ïì CSS ´¦Àí
¡¡¡¡2¡¢FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
¡¡¡¡3¡¢FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: aut ......
ǰÑÔ£ºCSS²¼¾ÖÓ봫ͳ±í¸ñ(table)²¼¾Ö×î´óµÄÇø±ðÔÚÓÚ£ºÔÀ´µÄ¶¨Î»¶¼ÊDzÉÓñí¸ñ£¬Í¨¹ý±í¸ñµÄ¼ä¾à»òÕßÓÃÎÞɫ͸Ã÷µÄGIFͼƬÀ´¿ØÖÆÎIJ¼¾Ö°æ¿éµÄ¼ä¾à£»¶øÏÖÔÚÔò²ÉÓòã(div)À´¶¨Î»£¬Í¨¹ý²ãµÄmargin,padding,borderµÈÊôÐÔÀ´¿ØÖưæ¿éµÄ¼ä¾à¡£
(Ò») CSS2ºÐÄ£ÐÍ
ºÐÄ£ÐÍÖ÷Òª¶¨ÒåËĸöÇøÓò£ºÄÚÈÝ(content)¡¢±ß¿ò¾à(paddin ......
ÈÃleftµÄ¸ß¶ÈµÈÓÚ centerµÄ¸ß¶È..........
<div id=left></div>
<div id=center></div>
<script type="text/javascript">
document.getElementById("left").style.height = document.getElementById("center").offsetHeight + "px";
</script> ......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......