{"id":1461,"date":"2006-08-22T00:47:01","date_gmt":"2006-08-21T16:47:01","guid":{"rendered":"http:\/\/ihower.idv.tw\/blog\/archives\/1461"},"modified":"2007-02-11T22:11:28","modified_gmt":"2007-02-11T14:11:28","slug":"bulletproof-web-design","status":"publish","type":"post","link":"https:\/\/ihower.tw\/blog\/1461-bulletproof-web-design","title":{"rendered":"Bulletproof Web Design"},"content":{"rendered":"<p>\u9019\u7bc7\u66f8\u8a55\u8ddf\u6458\u8981\u662f\u6211\u5411\u67d0\u7db2\u9801\u8a2d\u8a08\u5e2b Dick \u9080\u7a3f\u7684\uff0cDick \u76ee\u524d\u6b63\u6f5b\u5fc3\u7814\u7a76CSS\u4e2d\u3002<\/p>\n<p><a href=\"http:\/\/tlsj.tenlong.com.tw\/WebModule\/BookSearch\/bookSearchViewAction.do?isbn=0321346939&amp;sid=27024\"><img decoding=\"async\" width=\"120\" src=\"http:\/\/ihower.idv.tw\/blog\/wp-content\/uploads\/2006\/08\/0321346939.jpg\" alt=\"0321346939.jpg\" style=\"float: left; margin: 10px; border: 0px\" id=\"image1460\" \/><\/a>Bulletproof web Design<br \/>\n\u7121\u61c8\u53ef\u64ca\u7684\u7db2\u7ad9\u8a2d\u8a08<br \/>\nImproving flexibility and protecting against worst-case scenarios with XHML and CSS<br \/>\n\u7528XHTML\u548cCSS\u4f86\u6539\u5584\u7db2\u9801\u5f48\u6027\u4e26\u91dd\u5c0d\u6700\u5dee\u7684\u60c5\u6cc1\u4f5c\u6e96\u5099<\/p>\n<p>\u57fa\u672c\u4e0a\uff0c\u9019\u672c\u61c9\u8a72\u8aaa\u662fCSS\u5165\u9580\u3002\u5c0e\u5165\u7684\u89c0\u5ff5\u76f8\u7576\u5f37\u8abf\u7db2\u9801\u7684\u89aa\u548c\u529b\uff0c\u88e1\u9762\u6709\u5f88\u591aNOTE\u548cTIP\u5f88\u4e00\u91dd\u898b\u8840\u3002\u6574\u672c\u66f8\u90fd\u8457\u91cd\u5728\u8a2d\u8a08\u968e\u6bb5\u7684\u5168\u76e4\u8003\u91cf\u5920\u4e0d\u5920\uff0c\u5c24\u5176\u5728\u4e0d\u540c\u89e3\u6790\u5ea6\u6216\u662f\u4e0d\u540c\u5b57\u9ad4\u5927\u5c0f\u7684\u72c0\u6cc1\u4e0b\u6574\u500b\u9801\u9762\u6703\u4e0d\u6703\u8d70\u6a23\uff0c\u4f60\u53ef\u4ee5\u66b8\u89e3\u5230\u4e00\u822c\u8a2d\u8a08\u5bb9\u6613\u72af\u7684\u7f3a\u9ede\uff0c\u4e5f\u9806\u4fbf\u6559\u4f60\u600e\u6a23\u53ef\u4ee5\u8a2d\u8a08\u7684\u66f4\u597d\u8003\u616e\u5230\u66f4\u591a\u7a2e\u7684\u72c0\u6cc1\u3002<\/p>\n<p>\u5982\u679c\u662f\u8981\u81ea\u5df1\u958b\u59cb\u89aa\u624b\u6253\u9020\u7db2\u9801\uff0c\u9019\u672c\u66f8\u7b97\u662f\u4e0d\u932f\u7684\u5165\u9580\u5f15\u5c0e\u3002\u5c0d\u90a3\u4e9b\u62ffCSS\u4f86\u505a\u7d14\u7cb9\u6587\u5b57\u6a23\u5f0f\u7684\u4eba\u5f88\u9069\u5408\uff0c\u4e2d\u7d1a\u4ee5\u4e0a\u7684\u60f3\u5b78\u7fd2\u7684\u8a71\u76f4\u63a5\u770b\u770b\u4ed6\u7684\u6700\u5f8c\u4e00\u7ae0\u7bc4\u4f8b\u5927\u6982\u5c31\u80fd\u5920\u7aba\u63a2\u6574\u672c\u66f8\u7684\u7cbe\u795e\u4e86\u3002<!--more--><\/p>\n<p>\u7b2c\u4e00\u7ae0 \u6d3b\u52d5\u7684\u6587\u5b57<\/p>\n<ul>\n<li>\u4ee5\u95dc\u9375\u5b57\u6307\u5b9a\u6587\u5b57\u5927\u5c0f\uff0c\u63d0\u4f9b\u4f7f\u7528\u8005\u638c\u63a7\u3001\u63d0\u9ad8\u5f48\u6027\u3002<\/li>\n<li>\u8003\u91cfIE\u7684\u4f7f\u7528\u8005\u9700\u80fd\u81ea\u52d5\u8abf\u6574\u5b57\u7684\u5927\u5c0f<\/li>\n<li>\u5584\u7528\u95dc\u9375\u5b57\u5b9a\u7fa9\u8b93\u4f7f\u7528\u8005\u53ef\u4ee5\u5f88\u5bb9\u6613\u7684\u7406\u89e3\u4ee5\u53ca\u63a7\u5236<\/li>\n<li>\u4f7f\u7528\u767e\u5206\u6bd4\u5b9a\u7fa9\u5b57\u9ad4\u80fd\u5920\u4f7f\u6574\u500b\u7db2\u7ad9\u5b57\u9ad4\u7372\u5f97\u6574\u9ad4\u6709\u6548\u63a7\u5236<\/li>\n<li>\u5373\u4fbf\u5728\u700f\u89bd\u5668\u7684\u521d\u59cb\u8a2d\u5b9a;\u4ecd\u7136\u53ef\u63d0\u4f9b\u8f03\u597d\u7684\u6587\u5b57\u700f\u89bd<\/li>\n<\/ul>\n<p>\u7b2c\u4e8c\u7ae0 \u9ad8\u5ef6\u5c55\u6027\u7684\u5c0e\u89bd<\/p>\n<ul>\n<li>\u63d0\u9ad8\u5c0e\u89bd\u672c\u8eab\u7684\u5ef6\u5c55\u6027;\u4e0d\u8ad6\u524d\u666f\u7684\u6587\u5b57\u591a\u5be1\u6216\u662f\u591a\u5927;\u5c0e\u89bd\u7684\u5167\u5bb9\u91cf\u90fd\u80fd\u5920\u8655\u7406\u4e0d\u540c\u7684\u60c5\u6cc1<\/li>\n<li>\u907f\u514d\u63a1\u7528\u5716\u7247\u505a\u5c0e\u89bd\u9023\u7d50;\u5bb9\u6613\u9020\u6210\u4f4e\u968e\u4f7f\u7528\u8005\u7121\u6cd5\u6b63\u5e38\u700f\u89bd<\/li>\n<li>\u5229\u7528\u7c21\u55ae\u7684\u6cd5\u5247\u4f86\u8a2d\u8a08\u5c0e\u89bd(\u5584\u7528\u6c34\u5e73\u689d\u5217),\u63d0\u9ad8\u89aa\u548c\u529b\u4ee5\u53ca\u5404\u7a2e\u700f\u89bd\u5668\u6216\u88dd\u7f6e\u7684\u63a5\u53d7\u7a0b\u5ea6<\/li>\n<li>\u4ee5\u7d14\u6587\u5b57\u505a\u7684\u5c0e\u822a\u5bb9\u6613\u7dad\u8b77;\u4e0d\u9700\u8981\u50cf\u5716\u7247\u4e00\u6a23\u6bcf\u6b21\u90fd\u8981\u4fee\u6539\u539f\u59cb\u5716\u6a94<\/li>\n<li>\u5c0e\u89bd\u80cc\u666f\u5728\u8a2d\u8a08\u7684\u968e\u6bb5\u61c9\u8a72\u8981\u8003\u616e\u5230\u7576\u6587\u5b57\u8b8a\u5927\u6642\uff1b\u61c9\u8a72\u9084\u662f\u8981\u80fd\u8b93\u4f7f\u7528\u8005\u6b63\u5e38\u700f\u89bd<\/li>\n<\/ul>\n<p>\u7b2c\u4e09\u7ae0 \u53ef\u64f4\u5145\u7684\u8868\u5217<\/p>\n<ul>\n<li>\u76e1\u91cf\u5c11\u5c0d\u6c34\u5e73\u5143\u4ef6\u6307\u5b9a\u9ad8\u5ea6<\/li>\n<li>\u53ef\u9069\u7576\u7684\u628a\u80cc\u666f\u8a2d\u8a08\u5728CSS\u4e4b\u5167\u6709\u52a9\u65bc\u7a0b\u5f0f\u78bc\u7684\u7cbe\u7c21<\/li>\n<li>\u5229\u7528\u80cc\u666f\u53ef\u4ee5\u4ee5\u767e\u5206\u6bd4\u4f4d\u7f6e\u56fa\u5b9a\u5728\u5169\u5074\u7684\u6d6e\u52d5\u65b9\u5f0f\u4f86\u8a2d\u8a08\u6c34\u5e73\u5143\u4ef6<\/li>\n<li>\u4f8b\u7528\u5169\u500b\u80cc\u666f\u9760\u5176\u5de6\u53f3;\u53ef\u4ee5\u8b93\u5143\u4ef6\u56e0\u61c9\u4e0d\u540c\u7684\u5bec\u5ea6\u4f5c\u8b8a\u5316<\/li>\n<li>\u8a2d\u8a08\u4e4b\u524d\u8981\u5148\u60f3\u597d\u5143\u4ef6\u7684\u64f4\u5145\u6027; \u9ad8\u5ea6\u548c\u5bec\u5ea6\u554f\u984c;\u80cc\u666f\u6703\u4e0d\u6703\u7a7f\u6886<\/li>\n<\/ul>\n<p>\u7b2c\u56db\u7ae0 \u5275\u610f\u6d6e\u52d5<\/p>\n<ul>\n<li>\u4ee5\u6d6e\u52d5\u5143\u4ef6\u9054\u6210\u8868\u683c\u7684\u6548\u679c\u3002<\/li>\n<li>\u4e00\u958b\u59cb\u8a2d\u8a08\u7684\u6642\u5019\u5c31\u5148\u8003\u616e\u6700\u512a\u7684\u8a2d\u8a08\u65b9\u5f0f\u4f86\u8a2d\u8a08\u8907\u96dc\u7684\u7d50\u69cb;<\/li>\n<li>\u6a19\u984c\u524d\u9762\u53ef\u4ee5\u5229\u7528\u6d6e\u52d5\u65b9\u5f0f\u52a0\u5165\u5716\u7247;\u4e26\u4e14\u8b93\u5716\u7247\u8207\u6587\u5b57\u6c34\u5e73\u5c0d\u9f4a<\/li>\n<li>\u591a\u505a\u5e7e\u7a2e\u6e2c\u8a66\u4f86\u78ba\u8a8d\u4f60\u7684\u6d6e\u52d5\u7248\u578b\u4e0d\u6703\u56e0\u70ba\u4e0d\u540c\u7684\u8a2d\u5b9a\u7522\u751f\u7121\u6cd5\u700f\u89bd\u7684\u72c0\u6cc1<\/li>\n<\/ul>\n<p>\u7b2c\u4e94\u7ae0 \u4e0d\u6703\u7834\u683c\u7684\u65b9\u6846<\/p>\n<ul>\n<li>\u5148\u66ff\u4e0d\u77e5\u9053\u5167\u5bb9\u7684\u65b9\u6846\u6a23\u5f0f\u4f5c\u6e96\u5099<\/li>\n<li>\u5229\u7528\u5169\u5f35\u80cc\u666f\u5716\u7247\u4f86\u8a2d\u8a08\u56fa\u5b9a\u7684\u5bec\u5ea6\u7684\u6a62\u5713\u89d2\u65b9\u6846<\/li>\n<li>\u9700\u8981\u8003\u616e\u5167\u5bb9\u9ad8\u5ea6\u6216\u5bec\u5ea6\u4f86\u8a2d\u8a08\u80cc\u666f<\/li>\n<li>\u5169\u5f35\u80cc\u666f\u6216\u8a31\u53ea\u5404\u7528\u5230\u4e00\u90e8\u4efd;\u4f46\u662f\u7d44\u5408\u8d77\u4f86\u4ecd\u53ef\u4ee5\u6b63\u5e38\u700f\u89bd\u00a0<\/li>\n<\/ul>\n<p>\u7b2c\u516d\u7ae0 \u4e0d\u652f\u63f4\u5716\u6a94\uff1f\u4e0d\u652f\u63f4 CSS\uff1f\u6c92\u6709\u554f\u984c\u3002<\/p>\n<ul>\n<li>\u78ba\u4fdd\u5167\u5bb9\u5728\u4e0d\u652f\u63f4\u5716\u6a94\u3001CSS \u7684\u700f\u89bd\u5668\u4e4b\u5167\u4ecd\u80fd\u6b63\u5e38\u986f\u793a\u3002<\/li>\n<li>10\u79d2\u9418\u4f86\u6e2c\u8a66\u4f60\u7684\u7db2\u9801\u5716\u7247\u548cCSS\u662f\u5426\u5bb9\u6613\u95b1\u8b80;\u4e26\u4e0d\u65b7\u56e0\u61c9\u66f4\u591a\u7684\u60c5\u6cc1\u4fee\u6539\u8a2d\u8a08<\/li>\n<li>\u80cc\u666f\u80fd\u5920\u63a1\u7528\u8272\u78bc\u5c31\u7528\u8272\u78bc;\u597d\u904e\u63a1\u7528\u80cc\u666f\u5716\uff1b\u78ba\u4fdd\u4f4e\u983b\u5bec\u7528\u6236\u53ef\u4ee5\u5feb\u901f\u8b80\u53d6\u9801\u9762<\/li>\n<li>\u52a0\u5f37\u9a57\u8b49\u53ef\u4ee5\u6e1b\u5c11\u9801\u9762\u8a2d\u8a08\u7684\u932f\u8aa4<\/li>\n<\/ul>\n<p>\u7b2c\u4e03\u7ae0 \u8868\u683c\u7684\u8f49\u63db<\/p>\n<ul>\n<li>\u79fb\u9664\u8cc7\u6599\u8868\u5167\u7684\u5c55\u793a\u8a2d\u5b9a\uff0c\u91cd\u65b0\u4ee5 CSS \u6574\u4fee\u3002<\/li>\n<li>\uff1ctable Cellspacing=&#8221;0&#8243;\uff1e\u4e26\u79fb\u9664\u8868\u683c\u5167\u7684\u5bec\u5ea6\u80cc\u666f\u548c\u908a\u8ddd\u8a2d\u5b9a,\u91cd\u65b0\u5beb\u5728CSS<\/li>\n<li>\u8a18\u5f97\u8981\u5bebcaption<\/li>\n<li>\u5229\u7528th\u548ctd\u7684\u5c6c\u6027\u4f86\u8a2d\u8a08\u8868\u683c<\/li>\n<li>\u53ef\u4ee5\u5229\u7528tr\u52a0\u5165\u80cc\u666f\u8a2d\u8a08<\/li>\n<\/ul>\n<p>\u7b2c\u516b\u7ae0 \u6d3b\u52d5\u7684\u7248\u578b<\/p>\n<ul>\n<li>\u5be6\u9a57\u80fd\u64f4\u5927\u3001\u6536\u7e2e\u7684\u9801\u9762\u4f48\u5c40\u3002<\/li>\n<li>\u63a1\u7528float\u5c6c\u6027\u4f86\u8a2d\u8a08\u6eff\u7248FOOTER\u7684\u591a\u6b04\u5f0f\u7248\u578b<\/li>\n<li>\u5229\u7528\u767e\u5206\u6bd4\u76f8\u6e1b\u53ef\u8a2d\u5b9a\u5404\u6b04\u4e4b\u9593\u7684\u5bec\u5ea6\u548c\u76f8\u9694\u6216\u662f\u5229\u7528\u5916\u5305DIV\u7684\u65b9\u5f0f\u4f86\u8a2d\u5b9a\u6bcf\u500b\u6b04\u5bec<\/li>\n<li>\u5be6\u9a57\u7b49\u9ad8\u53ef\u8b8a\u52d5\u7684\u591a\u6b04\u4f4d\u7684\u8a2d\u8a08\u65b9\u6cd5<\/li>\n<\/ul>\n<p>\u7b2c\u4e5d\u7ae0 \u6574\u5408\u61c9\u7528<\/p>\n<ul>\n<li>\u5c07\u300c\u7121\u61c8\u53ef\u64ca\u7684\u6982\u5ff5\u300d\u61c9\u7528\u5230\u6574\u500b\u9801\u9762\u8a2d\u8a08\u88e1\u3002<\/li>\n<li>\u628a\u524d\u5e7e\u7ae0\u63d0\u5230\u7684\u8a2d\u8a08\u65b9\u6cd5\u540c\u6642\u61c9\u7528\u5230\u4e00\u500b\u4f8b\u5b50<\/li>\n<li>\u91dd\u5c0d\u9ad8\u5ea6\u548cfooter\u554f\u984c\u4ee5\u53caCSS HACK\u7684\u8a3b\u89e3\u8aaa\u660e<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u9019\u7bc7\u66f8\u8a55\u8ddf\u6458\u8981\u662f\u6211\u5411\u67d0\u7db2\u9801\u8a2d\u8a08\u5e2b Dick \u9080\u7a3f\u7684\uff0cDick \u76ee\u524d\u6b63\u6f5b\u5fc3\u7814\u7a76CSS\u4e2d\u3002 Bulletproof &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/ihower.tw\/blog\/1461-bulletproof-web-design\" class=\"more-link\">\u95b1\u8b80\u5168\u6587<span class=\"screen-reader-text\">\u3008Bulletproof Web Design\u3009<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[9,37,4],"tags":[],"class_list":["post-1461","post","type-post","status-publish","format-standard","hentry","category-books","category-css","category-web-design","entry"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1q6tG-nz","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts\/1461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/comments?post=1461"}],"version-history":[{"count":0,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/posts\/1461\/revisions"}],"wp:attachment":[{"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/media?parent=1461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/categories?post=1461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ihower.tw\/blog\/wp-json\/wp\/v2\/tags?post=1461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}