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ʵÏÖÍøÒ³±³¾°½¥±äµÄ´úÂëÈçÏ£º
Ò»¡¢´ÓÉÏÍùϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
Example Source Code [www.mb5u.com]
body{
FILTER: Alpha( style=1, ......
ÈÃ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> ......
ÍøÉÏ¿´µ½µÄһЩCSS¹¤¾ß×ÊÔ´
ÔÚÏßCSS¹¤¾ß£º
W3C CSS УÑé·þÎñ :ÌṩÍòάÍøлá(W3C)Ñùʽ±í(CSS)УÑé·þÎñ¡£
CSS ÔÚÏß±à¼Æ÷:OnLine CSS Designer - CSS Style Editor¡£ CSS ÑùʽÔÚÏß±à¼Æ÷£¬¿ÉÒÔ¼´Ê±²é¿´CSS ÑùʽЧ¹ûÑÝʾ¡£
QrONE CSS Designer £ºÔÚÏßCSS±à¼Æ÷£¬Ëù¼û¼´ËùµÃ¡£
SKUER - The CSS Search Engine :SKUER ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com ÍøÕ¾±ê×¼»¯ 2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......
CSS ¸ÅÊö
CSS Ö¸²ãµþÑùʽ±í (Cascading Style Sheets)
Ñùʽ¶¨ÒåÈçºÎÏÔʾ HTML ÔªËØ
Ñùʽͨ³£´æ´¢ÔÚÑùʽ±íÖÐ
°ÑÑùʽÌí¼Óµ½ HTML 4.0 ÖУ¬ÊÇΪÁ˽â¾öÄÚÈÝÓë±íÏÖ·ÖÀëµÄÎÊÌâ
ÍⲿÑùʽ±í¿ÉÒÔ¼«´óÌá¸ß¹¤×÷ЧÂÊ
ÍⲿÑùʽ±íͨ³£´æ´¢ÔÚ CSS ÎļþÖÐ
¶à¸öÑùʽ¶¨Òå¿É²ãµþΪһ
Ñùʽ½â¾öÁËÒ»¸öÆÕ±éµÄÎÊÌâ
HTML ±êÇ©Ô±¾± ......