JS/CSSѹËõ¹¤¾ß YUI Compressor
YUI Compressor ÊÇÒ»¸öÓÃÀ´Ñ¹Ëõ JS ºÍ CSS ÎļþµÄ¹¤¾ß£¬²ÉÓÃJava¿ª·¢¡£
ʹÓ÷½·¨£º
//ѹËõJS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//ѹËõCSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css
Ïà¹ØÎĵµ£º
²»¿É»»ÐÐ <NOBR></NOBR> £¨²»»»ÐУ©
overflow
°æ±¾£ºCSS2¡¡ ¼æÈÝÐÔ£ºIE4+ NS6+¡¡¼Ì³ÐÐÔ£ºÎÞ
Óï·¨£º
overflow : visible | auto | hidden | scroll
²ÎÊý£º
visible : ¡¡²»¼ôÇÐÄÚÈÝÒ²²»Ìí¼Ó¹ö¶¯Ìõ¡£¼ÙÈçÏÔʽÉùÃ÷´ËĬÈÏÖµ£¬¶ÔÏ󽫱»¼ôÇÐΪ°üº¬¶Ô
ÏóµÄwindow»òf ......
Ò³ÃæÉϵÄcssÁ´½Ó ÈçÏÂ
<link href="../style/style.css" rel="stylesheet" type="text/css" />
µ±a.actionͨ¹ýÖØ¶¨Ïòredirect µ½ÁíÒ»¸öb.actionºó£¬½øÈëÏÂÒ»¸öjspÒ³Ãæ£¬´ËʱcssºÍÒ³ÃæµÄͼƬ¶¼Ê§Ð§¡£
ºóÀ´°ÑjspÀïÃæµÄcss·¾¶¡¢Í¼Æ¬Â·¾¶¸ÄΪ¾ø¶Ô·¾¶£¬¾Í°ÑÎÊÌâ½á¾ÖÁË¡£
<link href="/BookShop/style/style.css" ......
XHTML
+CSS
ÓëSEO
µÄÄÚÈÝ£¬ºóÃæÕ½ڻáÏê
ϸ¸ø´ó¼Ò½éÉÜ£¬ÕâÀï¾ÍÏÈ˵һЩ£¬Èôó¼Ò¶ÔxHTML+CSSÓëSEOÓÐÒ»¶¨µÄÈÏʶ£¬ÎªºóÃæÖÆ×÷Ò³Ãæ´ò»ù´¡£¬±Ï¾¹ÎÒÃÇ×ö³öÀ´µÄÒ³Ãæ»¹ÊÇÒª¸øËÑË÷ÒýÇæ
¿´µÄ£¬ËùÒÔ²»Äܲ»ÌáÌáxHTML+CSSÓëSEOµÄ¹ØÏµ¡£
1)½«Ò³ÃæÖÐ×îÖØÒªµÄÄÚÈÝÓÃ
h1±êÇ©À¨ÆðÀ´£¬h1µÄÄÚÈݾͺÍÒ³ÃætitleºÜ×ÔÈ»µÄ°üº¬ÁËÕ¾µã»òÕßÒ³Ãæµ ......
ÎÒÃÇÏÈÀ´·ÖÎöÒ»ÏÂ¿é¼¶ÔªËØ¡¢ÄÚÁª¼¶ÔªËص͍ÒåºÍ½âÎö£º
¿éÔªËØ(block
element)Ò»°ãÊÇÆäËûÔªËØµÄÈÝÆ÷ÔªËØ£¬¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼£¬Ëü¿ÉÒÔÈÝÄÉÄÚÁªÔªËØºÍÆäËû¿éÔªËØ,³£¼û¿éÔªËØÊǶÎÂä±êÇ©'P"¡£
“form"
Õâ¸ö¿éÔªËØ±È½ÏÌØÊ⣬ËüÖ»ÄÜÓÃÀ´ÈÝÄÉÆäËû¿éÔªËØ¡£
¡¡¡¡Èç¹ûûÓÐcssµÄ×÷Ó㬿éÔªËØ
......
ÍøÒ³ÖÆ×÷ÖУ¬ÎªÁË·½±ãÈÕºóÐ޸ĻòÐ×÷¿ª·¢£¬³£³£Òª¶ÔÒ³Ãæ½øÐÐÏàÓ¦µÄ×¢ÊÍ£¬ÄãÍøÒ³½á¹¹ÇåÎú£¬¿É¶ÁÐÔÔöÇ¿¡£ÒÔϽéÉܼ¸ÖÖ³£ÓõÄ×¢ÊÍ·½·¨£º
Ò»¡¢HTMLµÄ×¢ÊÍ·½·¨
<!-- html×¢ÊÍ:START -->
ÄÚÈÝ
<!-- html×¢ÊÍ:END -->
¶þ¡¢CSSµÄ×¢ÊÍ·½·¨
<style type="text/css">
/* css×¢ÊÍ*/
</style>
ÔÚµ¥¶À ......