WAP 2.0½éÉܺÍʹÓù淶(3)
Èý¡¢WCSS/WAP CSS
£¨Ò»£©WCSS ½éÉÜ
WCSS/WAP CSS/Wireless CSS/Wireless Profile CSS£¨WAP Cascading Style Sheet £©
ÊÇCSS2µÄ×Ó¼¯+һЩWAPÌØÓеÄÀ©Õ¹
Ä¿µÄ£º¶¨ÒåÎĵµµÄ·ç¸ñºÍ²¼¾Ö£¬´ÓÎĵµÄÚÈÝÖзÖÀë¡£
ÖØÒªÐÔ£º²»Í¬µÄÊÖ»úÉ豸ÓжàÑùµÄÌØÕ÷£¬±ÈÈçÆÁÄ»´óС¡£
WML²»Ö§³ÖWCSS
W3C CSS Mobile ProfileºÍWAP CSS ²»Í¬¡£
£¨¶þ£©Ê¹ÓÃWCSSµÄÓÅÊÆ
Ö÷Òª£ºÑ§Ï°³É±¾½µµÍ£¬¿ÉÓÃÏàͬµÄ¿ª·¢¹¤¾ß£¬¿ÉÓÃWEBä¯ÀÀÆ÷ä¯ÀÀ¡£
±íÏֺͽṹµÄ·ÖÀ룺ƥÅ䲻ͬÎÞÏßÉ豸µÄÌØÕ÷£¨ÆÁÄ»´óС£©¡¢²»Í¬¿Í»§¶Ë´úÀí£¨PC¡¢PDA¡¢ÊÖ»ú£©£»½µµÍά»¤³É±¾£¨ÐÂÊÖ»ú£©£»¸Ä±äÊÓ¾õºÍ²¼¾Ö½öÐèCSS£»Öظ´Ê¹ÓÃCSS£»±ãÓÚ¹¤×÷ϸ·Ö¡£
±ÈWML¸üºÃµÄ¿ØÖƱíÏÖ£º¿ÉÒÔ¶¨ÒåÔªËØµÄcolor£¬font£¬background£¬border£¬margin£¬paddingµÈÊôÐÔ¡£
ÒÆ¶¯É豸µÚÒ»´Î·ÃÎÊÕ¾µãÏÂÔØÑùʽ£¨Cache£©¡£
ʹÓÃÍⲿWCSS£¬XHTML MPµÄÎĵµ´óС±äС£¬Ìá¸ßÏÂÔØÊ±¼ä¡£
£¨Èý£©Ê¹ÓÃWCSSµÄÁÓÊÆ
²»Í¬µÄWAPä¯ÀÀÆ÷¶ÔWCSSµÄÖ§³Ö²»Í¬£¬¿ÉÄÜÒ»¸öÊôÐÔÔÚÕâ¸öWAPä¯ÀÀÆ÷ÉÏÖ§³Ö£¬¶øÁíÍâÒ»¸ö²»Ö§³Ö¡£
ÍⲿµÄWAP CSS¿ÉÄÜÔö¼ÓµÚÒ»´Î·ÃÎÊÒ³ÃæµÄÇëÇóʱ¼ä¡£ÔÒò£ºÍⲿWCSS²»´æÔÚÓÚÊÖ»úµÄCache£¬±ØÐë´Ó·þÎñÆ÷ÏÂÔØ£»XHTML MPÎĵµºÍÍⲿµÄWCSSÏÂÔØÊDz»Í¬µÄÇëÇó£¬Ôö¼ÓÁË·þÎñÆ÷ѹÁ¦£»Èç¹ûʹÓÃÒ»¸öWCSS¶¨ÒåWAPÕ¾µãµÄËùÓбíÏÖ£¬¸ÃÎļþ´óС¿ÉÄܴܺó£»WAPä¯ÀÀÆ÷ÐèÒª½âÎöWCSSµ½XHTML MPÎĵµ¡£
£¨ËÄ£©MIME ÀàÐͺÍÎļþÀ©Õ¹Ãû
MIMEÀàÐÍ£º text/css¡£
ÎļþÀ©Õ¹Ãû£º.css
£¨Î壩WCSSµÄÓï·¨¹æÔò
WCSSÉùÃ÷£ºselector {property: property_value}
¶à¸öÊôÐÔÔÊÐíµÄ£¬ÓÃ’;’·Ö¸ô¡£
¶à¸öÑ¡ÔñÆ÷Ò²ÊÇÔÊÐíµÄ£¬ÓÑ£¬’·Ö¸ô¡£
×¢ÊÍ£º/*orz*/£¬WAPä¯ÀÀÆ÷½«ºöÂÔÕâЩÄÚÈÝ¡£
£¨Áù£©ÈçºÎÔÚXHTML MPÎĵµÖÐÓ¦ÓÃ
Á´½ÓÍⲿWCSS£¨ÍƼö£©£¬·ÅÖÃÔÚÎĵµµÄhead²¿·Ö£¬ÓÃstyleÊôÐÔ¶¨ÒåWCSSÑùʽ
<link href=“url” rel=“stylesheet” type=“text/css”/>£¬¿ÉÒÔ¶à¸ö£¬ÎÞÐèÐÞ¸ÄrelºÍtypeÊôÐÔ¡£
<style type="text/css"> some WCSS statements </style>
<hr style="color: blue"/>
£¨Æß£©²»Í¬µÄÑ¡ÔñÆ÷
ÀàÐÍÑ¡ÔñÆ÷£ºh1 { font-style: italic} ÔªËØÃû³Æ±ØÐëСд¡£
ClassÑ¡ÔñÆ÷£º .class { color:blue} ¶ÔÓ¦±êÇ©µÄclassÊôÐÔ£¬»¹¿ÉÒÔÁªºÏÔªËØÃû³ÆÊ¹Óà h1.class {color:blue}¡£
IDÑ¡ÔñÆ÷£º#id {color:red} ¶ÔÓ¦±êÇ©µÄidÊôÐÔÒ²¿ÉÁªºÏÔªËØÃû³Æ¡£
ͨÓÃÑ¡ÔñÆ÷£º* { color:blue} £¬ËùÓеıê
Ïà¹ØÎĵµ£º
¡¡¡¡WAPÊÇÒ»ÖÖÎÞÏßÓ¦ÓÃÐÒ飬ÊÇÒ»¸öÈ«ÇòÐԵĿª·ÅÐÒé¡£WAP¶¨Òå¿ÉͨÓÃµÄÆ½Ì¨£¬°ÑĿǰInternetÍøÉÏ
HTMLÓïÑÔµÄÐÅϢת»»³ÉÓÃWMLÃèÊöµÄÐÅÏ¢£¬ÏÔʾÔÚÒÆ¶¯µç»°»òÕ߯äËûÊÖ³ÖÉ豸µÄÏÔʾÆÁÉÏ¡£¶àÖÖÍøÂ磬Ҳ¾ÍÊÇ˵£¬Ëü²»ÒÀÀµÄ³ÖÖÍøÂç¶ø´æÔÚ£¬½ñÌìµÄWAP·þ
ÎñÔÚ3Gµ½À´ºóÈÔÈ»¿ÉÄܼÌÐø´æÔÚ£¬²»¹ý´«ÊäËÙÂʸü¿ì£¬ÐÒé±ê×¼Ò²»áËæÖ®Éý¼¶¡£
......
1.Ê×ÏÈÄãÒª½¨ÉèÄÄÖÖWAPÍøÕ¾£¬1.2»¹ÊÇ2.0£¬2.0¸üÃÀ¹Û£¬Ç°ÕßÓïÑÔΪWMLÓïÑÔ£¬ºóÕßΪXHTML MPÓïÑÔ¡£
ѧϰWML¿ÉÒÔÍÆ¼ö¿ÆÑ§³ö°æÉçµÄ¡¶¾«Í¨WAP/WML¡·¡£
ѧϰXHTML MP¿ÉÒÔµ½Öйú±»°®¿ÉÒÔÔÚÏßÏÂÔØ£º¡¶XHTML ÒÆ¶¯¸ÅÒª (XHTML MP) / WAP 2.0 ½Ì³Ì¡·
2.ÊÖ»ú¿ª·¢¹¤¾ßÒ»°ãËù¼û¼´ËùµÃµÄ£¬»¹Ã»ÓС£×î³£ÓõļÇʱ¾ÎªÖ÷£¬µ±È»¼òµ¥µÄÒ²¿ÉÒÔÓ ......
ÔÚ±±¾©¡¢ÉϺ£µÄ´óÖгÇÊеĵØÌú¡¢¹«½»³µÉÏÔ½À´Ô½¶àµÄÄêÇáÈË¿ªÊ¼ÓÃÊÖ»úµÇ½WAPÊÖ»úÍøÕ¾£¬ä¯ÀÀÐÂÎÅ¡¢ÏÂÔØÐ¡Ëµ£¬¸÷´óµ¼º½ÍøÕ¾Ò²ÍƳöÁË×Ô¼ºµÄwap°æ£¬Èçwap.71now.com
71nowÍøÖ·µ¼º½
È«¹úµ½µ×ÓжàÉÙWAPÍøÕ¾£¬´Ó¼ÇÕߵIJɷõ÷²éÀ´¿´£¬±È½ÏͳһµÄ˵·¨ÊÇ7000£9000¼Ò£¬¶àÕß¿ÉÄܹýÍò¡£
·ÇÃÎÍøWAPÊÖ»úÍøÕ¾ÊÇÖ¸¶ÀÁ¢ÓÚÖйúÒÆ¶¯ÊÕ·ÑÒÆ¶¯ ......
ʲôÊÇwapÍøÕ¾?
wapÍøÕ¾£¬¼´WAP(Wireless Application
Protocol)ÊÇÎÞÏßÓ¦ÓÃÐÒéµÄËõд£¬Ò»ÖÖʵÏÖÒÆ¶¯µç»°Ó뻥ÁªÍø½áºÏµÄÓ¦ÓÃÐÒé±ê×¼¡£ÀýÈç´ó¼Ò¿ÉÒÔÔÚÊÖ»úÉÏÖ±½ÓÊäÈëwap.54senv.cn¾Í¿ÉÒÔ
Ö±¹ÛµÄ¸ÐÊÜwapÍøÕ¾÷ÈÁ¦£¬ÕâÒ²ÊÇÒ»¸öÖªÃû¶ÈºÜ¸ß¶øÇÒÃâ·ÑµÄÍøÕ¾£¡ÏÂÔØÃâ·ÑµÄ£¡WAPÊÇÈ«ÇòͳһÇÒ¿ª·ÅµÄ±ê×¼£¬×îеÄWAP°æ±¾ÊÇWAPÂÛÌ³Ó ......
—— XHTML MP and WCSS
Ò»¡¢WAPµÄ³£Ê¶£¨Ê¡ÂÔ£©
¶þ¡¢XHTML MP
£¨Ò»£©XHTML MP ½éÉÜ
XHTML MP£¨eXtensible HyperText Markup Language Mobile Profile£©
WAP2.0
ÓëWCSS£¨WAP CSS /WAP Cascading Style Sheet£©ÅäÌ×ʹÓÃ
ÊÇXHTMLµÄ×Ó¼¯
XHTML Basic (XHTML×Ó¼¯)+ÁíÍâµÄһЩXHTMLµÄÔªËØºÍÊôÐÔ
WAPä¯ÀÀÆ÷Óë» ......