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¡¢ÍøÒ³±ê×¼¿ÉÒÔËæʱ½«ÖØÒªµÄÄÚÈݵ÷Ç°£¬Ö®ºóʹ
Ïà¹ØÎĵµ£º
Ò» CSSÎÄ×ÖÊôÐÔ£º
color : #999999; /*ÎÄ×ÖÑÕÉ«*/
font-family : ËÎÌå,sans-serif; /*ÎÄ×Ö×ÖÌå*/
font-size : 9pt; /*ÎÄ×Ö´óС*/
font-style:itelic; /*ÎÄ×ÖбÌå*/
font-variant:small-caps; /*С×ÖÌå*/
letter-spacing : 1pt; /*×Ö¼ä¾àÀë*/
line-height : 200%; /*ÉèÖÃÐиß*/
font-weight:bold; /*ÎÄ×Ö´ÖÌå* ......
clip:rect(ÉÏ£¬ÓÒ£¬Ï£¬×ó) Ëĸöµã×ø±ê
<img src="1.jpg" style=" clip:rect(0£¬30£¬10£¬10);"/>
´Ë·½·¨²»ÊʺϼôÇб³¾°
±³¾°Ê¹ÓÃ
style="background-image:url(bg.jpg); background-position:20px 0px;"
kground-position:
1.¶¨Î»·½·¨ left center ºáÏò ×ÝÏò
2.ÇÐÈ¡ ºáÏòpx ×ÝÏòpx
²»ÊʺÏÆ ......
scrollbar-face-color: #000000;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #FFC300;
Èç¹ûʹÓÃDw»òÕßÆä ......
Ò»¡¢YAML
´ó¼Ò±È½ÏÊìϤµÄÊÇjs¿ò¼Ü£¬ÀýÈçprototype¡¢JQueryѽ¡£ÆäʵXHTML+CSSÒ²ÊÇ
Óпò¼ÜµÄ£¬×îÖøÃûµÄ¿ÉÄܾÍÊÇYUIÁË£¬ÊÇyahoo¿ª·¢Ð¡×éµÄ¡£µ«ÊÇÄǸöÉÔ΢ÓеãÅӴ󣬶øÇÒÇ£³¶µ½Ò»Ð©µÄJS¿ò¼Ü¡£ËùÒÔ¸Õ¿ªÊ¼Ñо¿µÄʱºò¿ÉÄÜÉÔ΢ÓеãÀÛ¡£
¶øÕâ¸öYAML¾Í±È½Ïµ¥´¿ÁË¡£¿ÉÄÜÊÇÏÖÔÚ»¹ÔÚ·¢Õ¹³õÆÚËùÒÔ¿ò¼ÜºÜ¼òµ¥£¬¶«Î÷²»¶à£¬¶ÔXHMTL+CSS¿ò¼ ......