{"id":66,"date":"2022-11-22T22:41:17","date_gmt":"2022-11-22T14:41:17","guid":{"rendered":"https:\/\/www.noblerock.cn\/?p=66"},"modified":"2022-11-23T14:55:49","modified_gmt":"2022-11-23T06:55:49","slug":"rock-html","status":"publish","type":"post","link":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/","title":{"rendered":"HTML\u7b14\u8bb0"},"content":{"rendered":"<h1 class=\"md-end-block md-heading\"><span class=\"md-plain md-expand\">HTML\u57fa\u7840\u77e5\u8bc6<\/span><\/h1>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u524d\u8a00<\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u52e4\u505a\u7b14\u8bb0\u4e0d\u4ec5\u53ef\u4ee5\u8ba9\u81ea\u5df1\u5b66\u7684\u624e\u5b9e\uff0c\u66f4\u91cd\u8981\u7684\u662f\u53ef\u4ee5\u8ba9\u81ea\u5df1\u5c11\u8d70\u5f2f\u8def\u3002\u6216\u8bb8\u7b14\u8bb0\u4e0d\u4e00\u5b9a\u5341\u5168\u5341\u7f8e\uff0c\u4f46\u80af\u5b9a\u4f1a\u8ba9\u81ea\u5df1\u6709\u4e00\u79cd\u6b23\u6170\u7684\u611f\u89c9\u3002<\/span><\/p>\n<p class=\"md-end-block md-p md-focus\"><span class=\"md-plain md-expand\">\u5148HTML\u7684\u57fa\u7840\u5185\u5bb9\uff0c\u5b66\u4e60HTML\u7a76\u7adf\u8981\u5b66\u4e9b\u4ec0\u4e48\u5462\uff1f\u4e3b\u8981\u662f\u5b66\u4e60\u5404\u79cd\u6807\u7b7e\uff0c\u6765\u642d\u5efa\u7f51\u9875\u7684\u201c\u7ed3\u6784\u201d\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4eceWEB\u6807\u51c6\u5230\u521d\u8bc6HTML\uff0c\u63a5\u7740\u5b66\u4e60HTML\u5e38\u7528\u6807\u7b7e\uff0c\u6700\u540e\u8bb0\u5f55\u8868\u683c\u5217\u8868\u548c\u8868\u5355\u3002\ud83d\udcaa\ud83d\udcaa\u5f00\u59cb\u5145\u7535\u4e4b\u65c5\u5566~~~<\/span><\/p>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u4e00\u3001\u8ba4\u8bc6WEB<\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u7f51\u9875<\/span><\/strong><\/span><span class=\"md-plain\">\u4e3b\u8981\u662f\u7531<\/span><span class=\"md-pair-s\" spellcheck=\"false\"><code>\u6587\u5b57<\/code><\/span><span class=\"md-plain\">\u3001<\/span><span class=\"md-pair-s\" spellcheck=\"false\"><code>\u56fe\u50cf<\/code><\/span><span class=\"md-plain\">\u548c<\/span><span class=\"md-pair-s\" spellcheck=\"false\"><code>\u8d85\u94fe\u63a5<\/code><\/span><span class=\"md-plain\">\u7b49\u5143\u7d20\u6784\u6210\uff0c\u5f53\u7136\u9664\u4e86\u8fd9\u4e9b\u5143\u7d20\uff0c\u7f51\u9875\u4e2d\u8fd8\u53ef\u4ee5\u5305\u62ec\u97f3\u9891\u3001\u89c6\u9891\u4ee5\u53caFlash\u7b49\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6d4f\u89c8\u5668<\/span><\/strong><\/span><span class=\"md-plain\">\u662f\u7f51\u9875\u663e\u793a\u3001\u8fd0\u884c\u7684\u5e73\u53f0\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6d4f\u89c8\u5668\u5185\u6838<\/span><\/strong><\/span><span class=\"md-plain\">(\u6392\u7248\u5f15\u64ce\u3001\u89e3\u91ca\u5f15\u64ce\u3001\u6e32\u67d3\u5f15\u64ce)<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8d1f\u8d23\u8bfb\u53d6\u7f51\u9875\u5185\u5bb9\uff0c\u6574\u7406\u8baf\u606f\uff0c\u8ba1\u7b97\u7f51\u9875\u7684\u663e\u793a\u65b9\u5f0f\u5e76\u663e\u793a\u9875\u9762\u3002<\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u6d4f\u89c8\u5668<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5185\u6838<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5907\u6ce8<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">IE<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">Trident<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">IE\u3001\u730e\u8c79\u5b89\u5168\u3001360\u6781\u901f\u6d4f\u89c8\u5668\u3001\u767e\u5ea6\u6d4f\u89c8\u5668<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">firefox<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">Gecko<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u53ef\u60dc\u8fd9\u51e0\u5e74\u5df2\u7ecf\u6ca1\u843d\u4e86\uff0c\u6253\u5f00\u901f\u5ea6\u6162\u3001\u5347\u7ea7\u9891\u7e41\u3001\u732a\u4e00\u6837\u7684\u961f\u53cbflash\u3001\u795e\u4e00\u6837\u7684\u5bf9\u624bchrome\u3002<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">Safari<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">webkit<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u73b0\u5728\u5f88\u591a\u4eba\u9519\u8bef\u5730\u628a webkit \u53eb\u505a chrome\u5185\u6838\uff08\u5373\u4f7f chrome\u5185\u6838\u5df2\u7ecf\u662f blink \u4e86\uff09\u3002\u82f9\u679c\u611f\u89c9\u50cf\u88ab\u522b\u4eba\u62a2\u4e86\u5ab3\u5987\uff0c\u90fd\u54ed\u6655\u5728\u5395\u6240\u91cc\u9762\u4e86\u3002<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">chrome<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">Chromium\/Blink<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5728 Chromium \u9879\u76ee\u4e2d\u7814\u53d1 Blink \u6e32\u67d3\u5f15\u64ce\uff08\u5373\u6d4f\u89c8\u5668\u6838\u5fc3\uff09\uff0c\u5185\u7f6e\u4e8e Chrome \u6d4f\u89c8\u5668\u4e4b\u4e2d\u3002Blink \u5176\u5b9e\u662f WebKit \u7684\u5206\u652f\u3002\u5927\u90e8\u5206\u56fd\u4ea7\u6d4f\u89c8\u5668\u6700\u65b0\u7248\u90fd\u91c7\u7528Blink\u5185\u6838\u3002\u4e8c\u6b21\u5f00\u53d1<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">Opera<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">blink<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u73b0\u5728\u8ddf\u968fchrome\u7528blink\u5185\u6838\u3002<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">Web\u6807\u51c6<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6784\u6210<\/span><\/strong><\/span> <span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u7ed3\u6784\u6807\u51c6\uff0c\u8868\u73b0\u6807\u51c6\u548c\u884c\u4e3a\u6807\u51c6<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u7ed3\u6784\u6807\u51c6\u7528\u4e8e\u5bf9\u7f51\u9875\u5143\u7d20\u8fdb\u884c\u6574\u7406\u548c\u5206\u7c7b(HTML)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8868\u73b0\u6807\u51c6\u7528\u4e8e\u8bbe\u7f6e\u7f51\u9875\u5143\u7d20\u7684\u7248\u5f0f\u3001\u989c\u8272\u3001\u5927\u5c0f\u7b49\u5916\u89c2\u5c5e\u6027(CSS)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u884c\u4e3a\u6807\u51c6\u7528\u4e8e\u5bf9\u7f51\u9875\u6a21\u578b\u7684\u5b9a\u4e49\u53ca\u4ea4\u4e92\u7684\u7f16\u5199(JavaScript)<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">Web\u6807\u51c6\u7684\u4f18\u70b9<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6613\u4e8e\u7ef4\u62a4\uff1a\u53ea\u9700\u66f4\u6539CSS\u6587\u4ef6\uff0c\u5c31\u53ef\u4ee5\u6539\u53d8\u6574\u7ad9\u7684\u6837\u5f0f<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u9875\u9762\u54cd\u5e94\u5feb\uff1aHTML\u6587\u6863\u4f53\u79ef\u53d8\u5c0f\uff0c\u54cd\u5e94\u65f6\u95f4\u77ed<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u53ef\u8bbf\u95ee\u6027\uff1a\u8bed\u4e49\u5316\u7684HTML\uff08\u7ed3\u6784\u548c\u8868\u73b0\u76f8\u5206\u79bb\u7684HTML\uff09\u7f16\u5199\u7684\u7f51\u9875\u6587\u4ef6\uff0c\u66f4\u5bb9\u6613\u88ab\u5c4f\u5e55\u9605\u8bfb\u5668\u8bc6\u522b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8bbe\u5907\u517c\u5bb9\u6027\uff1a\u4e0d\u540c\u7684\u6837\u5f0f\u8868\u53ef\u4ee5\u8ba9\u7f51\u9875\u5728\u4e0d\u540c\u7684\u8bbe\u5907\u4e0a\u5448\u73b0\u4e0d\u540c\u7684\u6837\u5f0f<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u641c\u7d22\u5f15\u64ce\uff1a\u8bed\u4e49\u5316\u7684HTML\u80fd\u66f4\u5bb9\u6613\u88ab\u641c\u7d22\u5f15\u64ce\u89e3\u6790\uff0c\u63d0\u5347\u6392\u540d<\/span><\/p>\n<\/li>\n<\/ul>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u4e8c\u3001HTML\u521d\u8bc6<\/span><\/h2>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">HTML\u521d\u8bc6<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">HTML<\/span><\/strong><\/span><span class=\"md-plain\">(Hyper Text Markup Language):\u8d85\u6587\u672c\u6807\u8bb0\u8bed\u8a00<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6240\u8c13\u8d85\u6587\u672c\uff0c\u67092\u5c42\u542b\u4e49\uff1a<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u56e0\u4e3a\u5b83\u53ef\u4ee5\u52a0\u5165\u56fe\u7247\u3001\u58f0\u97f3\u3001\u52a8\u753b\u3001\u591a\u5a92\u4f53\u7b49\u5185\u5bb9\uff08\u8d85\u8d8a\u6587\u672c\u9650\u5236 \uff09<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e0d\u4ec5\u5982\u6b64\uff0c\u5b83\u8fd8\u53ef\u4ee5\u4ece\u4e00\u4e2a\u6587\u4ef6\u8df3\u8f6c\u5230\u53e6\u4e00\u4e2a\u6587\u4ef6\uff0c\u4e0e\u4e16\u754c\u5404\u5730\u4e3b\u673a\u7684\u6587\u4ef6\u8fde\u63a5\uff08\u8d85\u7ea7\u94fe\u63a5\u6587\u672c\uff09\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">HTML\u9aa8\u67b6\u683c\u5f0f<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">&lt;!-- \u9875\u9762\u4e2d\u6700\u5927\u7684\u6807\u7b7e \u6839\u6807\u7b7e --&gt;<\/span>\r\n<span role=\"presentation\">&lt;html&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;!-- \u5934\u90e8\u6807\u7b7e --&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;head&gt; \u00a0 \u00a0 <\/span>\r\n<span role=\"presentation\"> \u00a0 \u00a0 \u00a0  &lt;!-- \u6807\u9898\u6807\u7b7e --&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0 \u00a0 \u00a0  &lt;title&gt;&lt;\/title&gt; <\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;\/head&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;!-- \u6587\u6863\u7684\u4e3b\u4f53 --&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;body&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;\/body&gt;<\/span>\r\n<span role=\"presentation\">&lt;\/html&gt;<\/span>\r\n<span role=\"presentation\">\u200b<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u56e2\u961f\u7ea6\u5b9a\u5927\u5c0f\u5199<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">HTML\u6807\u7b7e\u540d\u3001\u7c7b\u540d\u3001\u6807\u7b7e\u5c5e\u6027\u548c\u5927\u90e8\u5206\u5c5e\u6027\u503c\u7edf\u4e00\u7528\u5c0f\u5199<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">HTML\u5143\u7d20\u6807\u7b7e\u5206\u7c7b<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5e38\u89c4\u5143\u7d20(\u53cc\u6807\u7b7e)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u7a7a\u5143\u7d20(\u5355\u6807\u7b7e)<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">  \u5e38\u89c4\u5143\u7d20(\u53cc\u6807\u7b7e)<\/span>\r\n<span role=\"presentation\">  &lt;\u6807\u7b7e\u540d&gt; \u5185\u5bb9 &lt;\/\u6807\u7b7e\u540d&gt; \u00a0 \u6bd4\u5982&lt;body&gt;\u6211\u662f\u6587\u5b57&lt;\/body&gt;<\/span>\r\n<span role=\"presentation\">\u200b<\/span>\r\n<span role=\"presentation\">  \u7a7a\u5143\u7d20(\u5355\u6807\u7b7e)<\/span>\r\n<span role=\"presentation\">  &lt;\u6807\u7b7e\u540d \/&gt;  \u6bd4\u5982 &lt;br \/&gt;\u6216&lt;br&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">HTML\u6807\u7b7e\u5173\u7cfb<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5d4c\u5957\u5173\u7cfb\u7236\u5b50\u7ea7\u5305\u542b\u5173\u7cfb<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5e76\u5217\u5173\u7cfb\u5144\u5f1f\u7ea7\u5e76\u5217\u5173\u7cfb<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5982\u679c\u4e24\u4e2a\u6807\u7b7e\u4e4b\u95f4\u7684\u5173\u7cfb\u662f\u5d4c\u5957\u5173\u7cfb\uff0c\u5b50\u5143\u7d20\u6700\u597d\u7f29\u8fdb\u4e00\u4e2atab\u952e\u7684\u8eab\u4f4d\uff08\u4e00\u4e2atab\u662f4\u4e2a\u7a7a\u683c\uff09\u3002\u5982\u679c\u662f\u5e76\u5217\u5173\u7cfb\uff0c\u6700\u597d\u4e0a\u4e0b\u5bf9\u9f50\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u6587\u6863\u7c7b\u578b<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6587\u6863\u7c7b\u578b<\/span><\/strong><\/span><span class=\"md-plain\">\u7528\u6765\u8bf4\u660e\u4f60\u7528\u7684XHTML\u6216\u8005HTML\u662f\u4ec0\u4e48\u7248\u672c\u3002<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;!DOCTYPE html&gt;<\/span><span class=\"md-plain\">\u544a\u8bc9\u6d4f\u89c8\u5668\u6309\u7167HTML5\u6807\u51c6\u89e3\u6790\u9875\u9762\u3002<\/span><\/p>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u9875\u9762\u8bed\u8a00lang<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">lang\u6307\u5b9a\u8be5html\u6807\u7b7e\u5185\u5bb9\u6240\u7528\u7684\u8bed\u8a00<\/span><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">  &lt;html lang=\"en\"&gt; \u00a0<\/span>\r\n<span role=\"presentation\">  en \u5b9a\u4e49\u8bed\u8a00\u4e3a\u82f1\u8bed zh-CN\u5b9a\u4e49\u8bed\u8a00\u4e3a\u4e2d\u6587<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">lang\u7684\u4f5c\u7528<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6839\u636e\u6839\u636elang\u5c5e\u6027\u6765\u8bbe\u5b9a\u4e0d\u540c\u8bed\u8a00\u7684css\u6837\u5f0f\uff0c\u6216\u8005\u5b57\u4f53<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u544a\u8bc9\u641c\u7d22\u5f15\u64ce\u505a\u7cbe\u786e\u7684\u8bc6\u522b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8ba9\u8bed\u6cd5\u68c0\u67e5\u7a0b\u5e8f\u505a\u8bed\u8a00\u8bc6\u522b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5e2e\u52a9\u7ffb\u8bd1\u5de5\u5177\u505a\u8bc6\u522b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5e2e\u52a9\u7f51\u9875\u9605\u8bfb\u7a0b\u5e8f\u505a\u8bc6\u522b<\/span><\/p>\n<\/li>\n<\/ul>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u5b57\u7b26\u96c6<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5b57\u7b26\u96c6<\/span><\/strong><\/span><span class=\"md-plain\">(Character set)\u662f\u591a\u4e2a\u5b57\u7b26\u7684\u96c6\u5408,\u8ba1\u7b97\u673a\u8981\u51c6\u786e\u7684\u5904\u7406\u5404\u79cd\u5b57\u7b26\u96c6\u6587\u5b57\uff0c\u9700\u8981\u8fdb\u884c\u5b57\u7b26\u7f16\u7801\uff0c\u4ee5\u4fbf\u8ba1\u7b97\u673a\u80fd\u591f\u8bc6\u522b\u548c\u5b58\u50a8\u5404\u79cd\u6587\u5b57\u3002<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">UTF-8\u662f\u76ee\u524d\u6700\u5e38\u7528\u7684\u5b57\u7b26\u96c6\u7f16\u7801\u65b9\u5f0f<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8ba9 html \u6587\u4ef6\u662f\u4ee5 UTF-8 \u7f16\u7801\u4fdd\u5b58\u7684\uff0c \u6d4f\u89c8\u5668\u6839\u636e\u7f16\u7801\u53bb\u89e3\u7801\u5bf9\u5e94\u7684html\u5185\u5bb9\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">  &lt;meta charset=\"UTF-8\" \/&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">meta viewport\u7684\u7528\u6cd5<\/span><\/strong><\/span><span class=\"md-plain\"> \u901a\u5e38viewport\u662f\u6307\u89c6\u7a97\u3001\u89c6\u53e3\u3002\u6d4f\u89c8\u5668\u4e0a(\u4e5f\u53ef\u80fd\u662f\u4e00\u4e2aapp\u4e2d\u7684webview)\u7528\u6765\u663e\u793a\u7f51\u9875\u7684\u90a3\u90e8\u5206\u533a\u57df\u3002\u5728\u79fb\u52a8\u7aef\u548cpc\u7aef\u89c6\u53e3\u662f\u4e0d\u540c\u7684\uff0cpc\u7aef\u7684\u89c6\u53e3\u662f\u6d4f\u89c8\u5668\u7a97\u53e3\u533a\u57df\uff0c\u800c\u5728\u79fb\u52a8\u7aef\u6709\u4e09\u4e2a\u4e0d\u540c\u7684\u89c6\u53e3\u6982\u5ff5\uff1a\u5e03\u5c40\u89c6\u53e3\u3001\u89c6\u89c9\u89c6\u53e3\u3001\u7406\u60f3\u89c6\u53e3<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\"> meta\u6709\u4e24\u4e2a\u5c5e\u6027name \u548c http-equiv<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">name\u5c5e\u6027\u7684\u53d6\u503c<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">keywords(\u5173\u952e\u5b57) \u544a\u8bc9\u641c\u7d22\u5f15\u64ce\uff0c\u8be5\u7f51\u9875\u7684\u5173\u952e\u5b57<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">description(\u7f51\u7ad9\u5185\u5bb9\u63cf\u8ff0) \u7528\u4e8e\u544a\u8bc9\u641c\u7d22\u5f15\u64ce\uff0c\u4f60\u7f51\u7ad9\u7684\u4e3b\u8981\u5185\u5bb9\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">viewport(\u79fb\u52a8\u7aef\u7684\u7a97\u53e3)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">robots(\u5b9a\u4e49\u641c\u7d22\u5f15\u64ce\u722c\u866b\u7684\u7d22\u5f15\u65b9\u5f0f) robots\u7528\u6765\u544a\u8bc9\u722c\u866b\u54ea\u4e9b\u9875\u9762\u9700\u8981\u7d22\u5f15\uff0c\u54ea\u4e9b\u9875\u9762\u4e0d\u9700\u8981\u7d22\u5f15<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">author(\u4f5c\u8005)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">generator(\u7f51\u9875\u5236\u4f5c\u8f6f\u4ef6\uff09<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">copyright(\u7248\u6743)<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">http-equiv\u6709\u4ee5\u4e0b\u53c2\u6570<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">http-equiv\u76f8\u5f53\u4e8ehttp\u7684\u6587\u4ef6\u5934\u4f5c\u7528\uff0c\u5b83\u53ef\u4ee5\u5411\u6d4f\u89c8\u5668\u4f20\u56de\u4e00\u4e9b\u6709\u7528\u7684\u4fe1\u606f\uff0c\u4ee5\u5e2e\u52a9\u6b63\u786e\u548c\u7cbe\u786e\u5730\u663e\u793a\u7f51\u9875\u5185\u5bb9<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">content-Type \u8bbe\u5b9a\u7f51\u9875\u5b57\u7b26\u96c6(Html4\u7528\u6cd5\uff0c\u4e0d\u63a8\u8350)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Expires(\u671f\u9650) ,\u53ef\u4ee5\u7528\u4e8e\u8bbe\u5b9a\u7f51\u9875\u7684\u5230\u671f\u65f6\u95f4\u3002\u4e00\u65e6\u7f51\u9875\u8fc7\u671f\uff0c\u5fc5\u987b\u5230\u670d\u52a1\u5668\u4e0a\u91cd\u65b0\u4f20\u8f93\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Pragma(cache\u6a21\u5f0f),\u662f\u7528\u4e8e\u8bbe\u5b9a\u7981\u6b62\u6d4f\u89c8\u5668\u4ece\u672c\u5730\u673a\u7684\u7f13\u5b58\u4e2d\u8c03\u9605\u9875\u9762\u5185\u5bb9\uff0c\u8bbe\u5b9a\u540e\u4e00\u65e6\u79bb\u5f00\u7f51\u9875\u5c31\u65e0\u6cd5\u4eceCache\u4e2d\u518d\u8c03\u51fa<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Refresh(\u5237\u65b0),\u81ea\u52a8\u5237\u65b0\u5e76\u6307\u5411\u65b0\u9875\u9762\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">cache-control\uff08\u8bf7\u6c42\u548c\u54cd\u5e94\u9075\u5faa\u7684\u7f13\u5b58\u673a\u5236\uff09<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;<\/span><\/pre>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">HTML\u6807\u7b7e\u7684\u8bed\u4e49\u5316<\/span><\/h3>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u65b9\u4fbf\u4ee3\u7801\u7684\u9605\u8bfb\u548c\u7ef4\u62a4\uff0c\u6837\u5f0f\u4e22\u5931\u7684\u65f6\u5019\u80fd\u8ba9\u9875\u9762\u5448\u73b0\u6e05\u6670\u7684\u7ed3\u6784\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6709\u5229\u4e8eSEO\uff0c\u641c\u7d22\u5f15\u64ce\u6839\u636e\u6807\u7b7e\u6765\u786e\u5b9a\u4e0a\u4e0b\u6587\u548c\u5404\u4e2a\u5173\u952e\u5b57\u7684\u6743\u91cd\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u65b9\u4fbf\u5176\u4ed6\u8bbe\u5907\u89e3\u6790\uff0c\u5982\u76f2\u4eba\u9605\u8bfb\u5668\u6839\u636e\u8bed\u4e49\u6e32\u67d3\u7f51\u9875<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u300c\u62d3\u5c55\u300d<\/span><\/strong><\/span><span class=\"md-plain\"> \u6807\u7b7e\uff1a\u89c4\u5b9a\u9875\u9762\u4e0a\u6240\u6709\u94fe\u63a5\u7684\u9ed8\u8ba4 URL \u548c\u8bbe\u7f6e\u6574\u4f53\u94fe\u63a5\u7684\u6253\u5f00\u72b6\u6001<\/span><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">&lt;head&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;base href=\"http:\/\/www.baidu.com\" target=\"_blank\"&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;base target=\"_self\"&gt;<\/span>\r\n<span role=\"presentation\">&lt;\/head&gt;<\/span>\r\n<span role=\"presentation\">&lt;body&gt;<\/span>\r\n<span role=\"presentation\"> \u00a0  &lt;a href=\"\"&gt;\u6d4b\u8bd5&lt;\/a&gt; \u8df3\u8f6c\u5230 \u767e\u5ea6<\/span>\r\n<span role=\"presentation\">&lt;\/body&gt;<\/span><\/pre>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u4e09\u3001HTML\u5e38\u7528\u6807\u7b7e<\/span><\/h2>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u5e38\u7528\u6807\u7b7e<\/span><\/h3>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">1. \u6392\u7248\u6807\u7b7e<\/span><\/strong><\/span><span class=\"md-plain\">\u4e3b\u8981\u548ccss\u642d\u914d\u4f7f\u7528\uff0c\u663e\u793a\u7f51\u9875\u7ed3\u6784\u7684\u6807\u7b7e\uff0c\u662f\u7f51\u9875\u5e03\u5c40\u6700\u5e38\u7528\u7684\u6807\u7b7e\u3002<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6807\u9898\u6807\u7b7eh(h1~h6)<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6bb5\u843d\u6807\u7b7ep,\u53ef\u4ee5\u628a HTML \u6587\u6863\u5206\u5272\u4e3a\u82e5\u5e72\u6bb5\u843d<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6c34\u5e73\u7ebf\u6807\u7b7ehr<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6362\u884c\u6807\u7b7ebr<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">div\u548cspan\u6807\u7b7e:\u662f\u6ca1\u6709\u8bed\u4e49\u7684,\u662f\u6211\u4eec\u7f51\u9875\u5e03\u5c40\u6700\u4e3b\u8981\u76842\u4e2a\u76d2\u5b50\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">2. \u6392\u7248\u6807\u7b7e<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">b\u548cstrong \u6587\u5b57\u4ee5\u7c97\u4f53\u663e\u793a<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">i\u548cem \u6587\u5b57\u4ee5\u659c\u4f53\u663e\u793a<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">s\u548cdel \u6587\u5b57\u4ee5\u52a0\u5220\u9664\u7ebf\u663e\u793a<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">u\u548cins \u6587\u5b57\u4ee5\u52a0\u4e0b\u5212\u7ebf\u663e\u793a<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">3. \u6807\u7b7e\u5c5e\u6027(\u884c\u5185\u5f0f)<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4f7f\u7528HTML\u5236\u4f5c\u7f51\u9875\u65f6\uff0c\u5982\u679c\u60f3\u8ba9HTML\u6807\u7b7e\u63d0\u4f9b\u66f4\u591a\u7684\u4fe1\u606f\uff0c\u53ef\u4ee5\u4f7f\u7528HTML\u6807\u7b7e\u7684\u5c5e\u6027\u52a0\u4ee5\u8bbe\u7f6e\u3002<\/span><\/p>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">&lt;\u6807\u7b7e\u540d \u5c5e\u60271=\"\u5c5e\u6027\u503c1\" \u5c5e\u60272=\"\u5c5e\u6027\u503c2\" \u2026&gt; \u5185\u5bb9 &lt;\/\u6807\u7b7e\u540d&gt;<\/span>\r\n<span role=\"presentation\">&lt;\u624b\u673a \u989c\u8272=\"\u7ea2\u8272\" \u5927\u5c0f=\"5\u5bf8\"&gt;  &lt;\/\u624b\u673a&gt;<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">4. \u56fe\u50cf\u6807\u7b7eimg<\/span><\/strong><\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027\u503c<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u63cf\u8ff0<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">src<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">URL<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u56fe\u50cf\u7684\u8def\u5f84<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">alt<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6587\u672c<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u56fe\u50cf\u4e0d\u80fd\u663e\u793a\u65f6\u66ff\u6362\u6587\u672c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">title<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6587\u672c<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u9f20\u6807\u60ac\u505c\u65f6\u663e\u793a\u7684\u5185\u5bb9<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">width<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8bbe\u7f6e\u56fe\u50cf\u7684\u5bbd\u5ea6<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">height<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8bbe\u7f6e\u56fe\u50cf\u7684\u9ad8\u5ea6<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">border<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6570\u5b57<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8bbe\u7f6e\u56fe\u50cf\u8fb9\u6846\u7684\u5bbd\u5ea6<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6ce8\u610f\uff1a<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6807\u7b7e\u53ef\u4ee5\u62e5\u6709\u591a\u4e2a\u5c5e\u6027\uff0c\u5fc5\u987b\u5199\u5728\u5f00\u59cb\u6807\u7b7e\u4e2d\uff0c\u4f4d\u4e8e\u6807\u7b7e\u540d\u540e\u9762\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5c5e\u6027\u4e4b\u95f4\u4e0d\u5206\u5148\u540e\u987a\u5e8f\uff0c\u6807\u7b7e\u540d\u4e0e\u5c5e\u6027\u3001\u5c5e\u6027\u4e0e\u5c5e\u6027\u4e4b\u95f4\u5747\u4ee5\u7a7a\u683c\u5206\u5f00\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u91c7\u53d6 \u952e\u503c\u5bf9 \u7684\u683c\u5f0f key=&#8221;value&#8221; \u7684\u683c\u5f0f<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" lang=\"\" spellcheck=\"false\"><span role=\"presentation\">&lt;img src=\"cz.jpg\" width=\"300\" height=\"300\" border=\"3\" title=\"\u8fd9\u662f\u4e2a\u5c0f\u84b2\u516c\u82f1\"<\/span><\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">5. \u94fe\u63a5\u6807\u7b7e(\u91cd\u70b9)<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;a href=\"\u8df3\u8f6c\u76ee\u6807\" target=\"\u76ee\u6807\u7a97\u53e3\u7684\u5f39\u51fa\u65b9\u5f0f\"&gt;\u6587\u672c\u6216\u56fe\u50cf&lt;\/a&gt;\r\ntarget=\"_self\"  \u9ed8\u8ba4\u7a97\u53e3\u5f39\u51fa\u65b9\u5f0f\r\ntarget=\"_blank\" \u65b0\u7a97\u53e3\u5f39\u51fa<\/pre>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u4f5c\u7528<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">href<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7528\u4e8e\u6307\u5b9a\u94fe\u63a5\u76ee\u6807\u7684url\u5730\u5740\uff0c\uff08\u5fc5\u987b\u5c5e\u6027\uff09\u5f53\u4e3a\u6807\u7b7e\u5e94\u7528href\u5c5e\u6027\u65f6\uff0c\u5b83\u5c31\u5177\u6709\u4e86\u8d85\u94fe\u63a5\u7684\u529f\u80fd<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">target<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7528\u4e8e\u6307\u5b9a\u94fe\u63a5\u9875\u9762\u7684\u6253\u5f00\u65b9\u5f0f\uff0c\u5176\u53d6\u503c\u6709<\/span><span class=\"md-pair-s \"><em><span class=\"md-plain\">self\u548c<\/span><\/em><\/span><span class=\"md-plain\">blank\u4e24\u79cd\uff0c\u5176\u4e2d<\/span><span class=\"md-pair-s \"><em><span class=\"md-plain\">self\u4e3a\u9ed8\u8ba4\u503c\uff0c<\/span><\/em><\/span><span class=\"md-plain\">blank\u4e3a\u5728\u65b0\u7a97\u53e3\u4e2d\u6253\u5f00\u65b9\u5f0f\u3002<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">src \u548c href \u7684\u533a\u522b<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e00\u53e5\u8bdd\u6982\u62ec:<\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">src \u662f\u5f15\u5165\u8d44\u6e90\u7684 href \u662f\u8df3\u8f6curl\u7684<\/span><\/strong><\/span><\/p>\n<ol class=\"ol-list\" start=\"\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">src\u7528\u4e8e\u66ff\u6362\u5f53\u524d\u5143\u7d20\uff0chref\u7528\u4e8e\u5728\u5f53\u524d\u6587\u6863\u548c\u5f15\u7528\u8d44\u6e90\u4e4b\u95f4\u786e\u7acb\u8054\u7cfb\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">src\u662fsource\u7684\u7f29\u5199\uff0c\u6307\u5411\u5916\u90e8\u8d44\u6e90\u7684\u4f4d\u7f6e\uff0c\u6307\u5411\u7684\u5185\u5bb9\u5c06\u4f1a\u5d4c\u5165\u5230\u6587\u6863\u4e2d\u5f53\u524d\u6807\u7b7e\u6240\u5728\u4f4d\u7f6e\uff1b\u5728\u8bf7\u6c42src\u8d44\u6e90\u65f6\u4f1a\u5c06\u5176\u6307\u5411\u7684\u8d44\u6e90\u4e0b\u8f7d\u5e76\u5e94\u7528\u5230\u6587\u6863\u5185\uff0c\u4f8b\u5982js\u811a\u672c\uff0cimg\u56fe\u7247\u548cframe\u7b49\u5143\u7d20\u3002\u5f53\u6d4f\u89c8\u5668\u89e3\u6790\u5230\u8be5\u5143\u7d20\u65f6\uff0c\u4f1a\u6682\u505c\u5176\u4ed6\u8d44\u6e90\u7684\u4e0b\u8f7d\u548c\u5904\u7406\uff0c\u76f4\u5230\u5c06\u8be5\u8d44\u6e90\u52a0\u8f7d\u3001\u7f16\u8bd1\u3001\u6267\u884c\u5b8c\u6bd5\uff0c\u56fe\u7247\u548c\u6846\u67b6\u7b49\u5143\u7d20\u4e5f\u5982\u6b64\uff0c\u7c7b\u4f3c\u4e8e\u5c06\u6240\u6307\u5411\u8d44\u6e90\u5d4c\u5165\u5f53\u524d\u6807\u7b7e\u5185\u3002\u8fd9\u4e5f\u662f\u4e3a\u4ec0\u4e48\u5c06js\u811a\u672c\u653e\u5728\u5e95\u90e8\u800c\u4e0d\u662f\u5934\u90e8\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">href\u662fHypertext Reference\u7684\u7f29\u5199\uff0c\u6307\u5411\u7f51\u7edc\u8d44\u6e90\u6240\u5728\u4f4d\u7f6e\uff0c\u5efa\u7acb\u548c\u5f53\u524d\u5143\u7d20\uff08\u951a\u70b9\uff09\u6216\u5f53\u524d\u6587\u6863\uff08\u94fe\u63a5\uff09\u4e4b\u95f4\u7684\u94fe\u63a5\u3002\u5982\u679c\u6211\u4eec\u5728\u6587\u6863\u4e2d\u6dfb\u52a0\u90a3\u4e48\u6d4f\u89c8\u5668\u4f1a\u8bc6\u522b\u8be5\u6587\u6863\u4e3acss\u6587\u4ef6\uff0c\u5c31\u4f1a\u5e76\u884c\u4e0b\u8f7d\u8d44\u6e90\u5e76\u4e14\u4e0d\u4f1a\u505c\u6b62\u5bf9\u5f53\u524d\u6587\u6863\u7684\u5904\u7406\u3002\u8fd9\u4e5f\u662f\u4e3a\u4ec0\u4e48\u5efa\u8bae\u4f7f\u7528link\u65b9\u5f0f\u6765\u52a0\u8f7dcss\uff0c\u800c\u4e0d\u662f\u4f7f\u7528@import\u65b9\u5f0f\u3002<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6ce8\u610f\uff1a<\/span><\/strong><\/span><\/p>\n<ol class=\"ol-list\" start=\"\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5916\u90e8\u94fe\u63a5 \u9700\u8981\u6dfb\u52a0 http:\/\/ <\/span><span class=\"md-meta-i-c md-link\"><a href=\"www.baidu.com\"><span class=\"md-plain\">www.baidu.com<\/span><\/a><\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5185\u90e8\u94fe\u63a5 \u76f4\u63a5\u94fe\u63a5\u5185\u90e8\u9875\u9762\u540d\u79f0\u5373\u53ef \u6bd4\u5982 &lt; a href=&#8221;index.html&#8221;&gt; \u9996\u9875<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5982\u679c\u5f53\u65f6\u6ca1\u6709\u786e\u5b9a\u94fe\u63a5\u76ee\u6807\u65f6\uff0c\u901a\u5e38\u5c06\u94fe\u63a5\u6807\u7b7e\u7684href\u5c5e\u6027\u503c\u5b9a\u4e49\u4e3a\u201c#\u201d(\u5373href=&#8221;#&#8221;)\uff0c\u8868\u793a\u8be5\u94fe\u63a5\u6682\u65f6\u4e3a\u4e00\u4e2a\u7a7a\u94fe\u63a5\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e0d\u4ec5\u53ef\u4ee5\u521b\u5efa\u6587\u672c\u8d85\u94fe\u63a5\uff0c\u5728\u7f51\u9875\u4e2d\u5404\u79cd\u7f51\u9875\u5143\u7d20\uff0c\u5982\u56fe\u50cf\u3001\u8868\u683c\u3001\u97f3\u9891\u3001\u89c6\u9891\u7b49\u90fd\u53ef\u4ee5\u6dfb\u52a0\u8d85\u94fe\u63a5\u3002<\/span><\/p>\n<\/li>\n<\/ol>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u951a\u70b9\u5b9a\u4f4d\uff1a\u901a\u8fc7\u521b\u5efa\u951a\u70b9\u94fe\u63a5\uff0c\u7528\u6237\u80fd\u591f\u5feb\u901f\u5b9a\u4f4d\u5230\u76ee\u6807\u5185\u5bb9\u3002<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">1. \u4f7f\u7528\u76f8\u5e94\u7684id\u540d\u6807\u6ce8\u8df3\u8f6c\u76ee\u6807\u7684\u4f4d\u7f6e\u3002 (\u627e\u76ee\u6807)\r\n  &lt;h3 id=\"two\"&gt;\u7b2c2\u96c6&lt;\/h3&gt; \r\n\r\n2. \u4f7f\u7528&lt;a href=\"#id\u540d\"&gt;\u94fe\u63a5\u6587\u672c&lt;\/a&gt;\u521b\u5efa\u94fe\u63a5\u6587\u672c\uff08\u88ab\u70b9\u51fb\u7684\uff09 \r\n  &lt;a href=\"#two\"&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">6. \u6ce8\u91ca\u6807\u7b7e<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\"> &lt;!-- \u6ce8\u91ca\u8bed\u53e5 --&gt;     \r\n  \u5feb\u6377\u952e\u662f\uff1a    ctrl + \/       \r\n  \u6216\u8005 ctrl +shift + \/<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u56e2\u961f\u7ea6\u5b9a\uff1a<\/span><\/strong><\/span><span class=\"md-plain\">\u6ce8\u91ca\u5185\u5bb9\u524d\u540e\u5404\u4e00\u4e2a\u7a7a\u683c\u5b57\u7b26\uff0c\u6ce8\u91ca\u4f4d\u4e8e\u8981\u6ce8\u91ca\u4ee3\u7801\u7684\u4e0a\u9762\uff0c\u5355\u72ec\u5360\u4e00\u884c<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u300c7. \u8def\u5f84\u300d<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u540c\u7ea7\u8def\u5f84\u76f4\u63a5\u8f93\u5165<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e0b\u4e00\u7ea7\u8def\u5f84\u7528 <\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\/<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e0a\u4e00\u7ea7\u8def\u5f84\u7528 <\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">..\/<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">8. \u5176\u4ed6\u77e5\u8bc6<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u9884\u683c\u5f0f\u5316\u6587\u672cpre\u6807\u7b7e\u5143\u7d20\u4e2d\u7684\u6587\u672c\u901a\u5e38\u4f1a\u4fdd\u7559\u7a7a\u683c\u548c\u6362\u884c\u7b26\u3002\u800c\u6587\u672c\u4e5f\u4f1a\u5448\u73b0\u4e3a\u7b49\u5bbd\u5b57\u4f53\u3002\u683c\u5f0f\u5316\u6587\u672c\u5c31\u662f \uff0c\u6309\u7167\u6211\u4eec\u9884\u5148\u5199\u597d\u7684\u6587\u5b57\u683c\u5f0f\u6765\u663e\u793a\u9875\u9762\uff0c \u4fdd\u7559\u7a7a\u683c\u548c\u6362\u884c\u7b49\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u7279\u6b8a\u5b57\u7b26<\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u7279\u6b8a\u5b57\u7b26<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u63cf\u8ff0<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5b57\u6bcd\u7684\u4ee3\u7801<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7a7a\u683c\u7b26<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;nbsp<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">&lt;<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5c0f\u4e8e\u53f7<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;lt<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">&gt;<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5927\u4e8e\u53f7<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;gt<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u548c\u53f7<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;amp<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">\uffe5<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u4eba\u6c11\u5e01<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">&amp;yen<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u4ec0\u4e48\u662fXHTML<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u6307<\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u53ef\u6269\u5c55\u8d85\u6587\u672c\u6807\u7b7e\u8bed\u8a00<\/span><\/strong><\/span><span class=\"md-plain\">\uff08EXtensible HyperText Markup Language\uff09\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u7684\u76ee\u6807\u662f\u53d6\u4ee3 HTML\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u4e0e HTML 4.01 \u51e0\u4e4e\u662f\u76f8\u540c\u7684\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u662f\u66f4\u4e25\u683c\u66f4\u7eaf\u51c0\u7684 HTML \u7248\u672c\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u662f\u4f5c\u4e3a\u4e00\u79cd XML \u5e94\u7528\u88ab\u91cd\u65b0\u5b9a\u4e49\u7684 HTML,\u662f\u4e25\u683c\u7248\u672c\u7684HTML\u3002\u4f8b\u5982\u5b83\u8981\u6c42\u6807\u7b7e\u5fc5\u987b\u5c0f\u5199\uff0c\u6807\u7b7e\u5fc5\u987b\u88ab\u6b63\u786e\u5173\u95ed\uff0c\u6807\u7b7e\u987a\u5e8f\u5fc5\u987b\u6b63\u786e\u6392\u5217\uff0c\u5bf9\u4e8e\u5c5e\u6027\u90fd\u5fc5\u987b\u4f7f\u7528\u53cc\u5f15\u53f7\u7b49\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">XHTML \u662f\u4e00\u4e2a W3C \u6807\u51c6\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5199HTML\u4ee3\u7801\u65f6\u5e94\u6ce8\u610f\u4ec0\u4e48\uff1f<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5c3d\u53ef\u80fd\u5c11\u7684\u4f7f\u7528\u65e0\u8bed\u4e49\u7684\u6807\u7b7ediv\u548cspan\uff1b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5728\u8bed\u4e49\u4e0d\u660e\u663e\u65f6\uff0c\u65e2\u53ef\u4ee5\u4f7f\u7528div\u6216\u8005p\u65f6\uff0c\u5c3d\u91cf\u7528p, \u56e0\u4e3ap\u5728\u9ed8\u8ba4\u60c5\u51b5\u4e0b\u6709\u4e0a\u4e0b\u95f4\u8ddd\uff0c\u5bf9\u517c\u5bb9\u7279\u6b8a\u7ec8\u7aef\u6709\u5229\uff1b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e0d\u8981\u4f7f\u7528\u7eaf\u6837\u5f0f\u6807\u7b7e\uff0c\u5982\uff1ab\u3001font\u3001u\u7b49\uff0c\u6539\u7528css\u8bbe\u7f6e\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u9700\u8981\u5f3a\u8c03\u7684\u6587\u672c\uff0c\u53ef\u4ee5\u5305\u542b\u5728strong\u6216\u8005em\u6807\u7b7e\u4e2d\uff08\u6d4f\u89c8\u5668\u9884\u8bbe\u6837\u5f0f\uff0c\u80fd\u7528CSS\u6307\u5b9a\u5c31\u4e0d\u7528\u4ed6\u4eec\uff09\uff0cstrong\u9ed8\u8ba4\u6837\u5f0f\u662f\u52a0\u7c97\uff08\u4e0d\u8981\u7528b\uff09\uff0cem\u662f\u659c\u4f53\uff08\u4e0d\u7528i\uff09\uff1b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4f7f\u7528\u8868\u683c\u65f6\uff0c\u6807\u9898\u8981\u7528caption\uff0c\u8868\u5934\u7528thead\uff0c\u4e3b\u4f53\u90e8\u5206\u7528tbody\u5305\u56f4\uff0c\u5c3e\u90e8\u7528tfoot\u5305\u56f4\u3002\u8868\u5934\u548c\u4e00\u822c\u5355\u5143\u683c\u8981\u533a\u5206\u5f00\uff0c\u8868\u5934\u7528th\uff0c\u5355\u5143\u683c\u7528td\uff1b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8868\u5355\u57df\u8981\u7528fieldset\u6807\u7b7e\u5305\u8d77\u6765\uff0c\u5e76\u7528legend\u6807\u7b7e\u8bf4\u660e\u8868\u5355\u7684\u7528\u9014\uff1b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6bcf\u4e2ainput\u6807\u7b7e\u5bf9\u5e94\u7684\u8bf4\u660e\u6587\u672c\u90fd\u9700\u8981\u4f7f\u7528label\u6807\u7b7e\uff0c\u5e76\u4e14\u901a\u8fc7\u4e3ainput\u8bbe\u7f6eid\u5c5e\u6027\uff0c\u5728lable\u6807\u7b7e\u4e2d\u8bbe\u7f6efor\u6765\u8ba9\u8bf4\u660e\u6587\u672c\u548c\u76f8\u5bf9\u5e94\u7684input\u5173\u8054\u8d77\u6765\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u56db\u3001\u8868\u683c<\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">1. \u8868\u683c<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u73b0\u5728\u8fd8\u662f\u8f83\u4e3a\u5e38\u7528\u7684\u4e00\u79cd\u6807\u7b7e\uff0c\u4f46\u4e0d\u662f\u7528\u6765\u5e03\u5c40\uff0c\u5e38\u89c1\u663e\u793a\u3001\u5c55\u793a\u8868\u683c\u5f0f\u6570\u636e\u3002\u56e0\u4e3a\u5b83\u53ef\u4ee5\u8ba9\u6570\u636e\u663e\u793a\u7684\u975e\u5e38\u7684\u89c4\u6574\uff0c\u53ef\u8bfb\u6027\u975e\u5e38\u597d\u3002\u7279\u522b\u662f\u540e\u53f0\u5c55\u793a\u6570\u636e\u7684\u65f6\u5019\u8868\u683c\u8fd0\u7528\u662f\u5426\u719f\u7ec3\u5c31\u663e\u5f97\u5f88\u91cd\u8981\uff0c\u4e00\u4e2a\u6e05\u723d\u7b80\u7ea6\u7684\u8868\u683c\u80fd\u591f\u628a\u7e41\u6742\u7684\u6570\u636e\u8868\u73b0\u5f97\u5f88\u6709\u6761\u7406\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">2. \u521b\u5efa\u8868\u683c<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;table&gt;\r\n  &lt;tr&gt;\r\n    &lt;td&gt;\u5355\u5143\u683c\u5185\u7684\u6587\u5b57&lt;\/td&gt;\r\n    ...\r\n  &lt;\/tr&gt;\r\n  ...\r\n&lt;\/table&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">table\u3001tr\u3001td\uff0c\u4ed6\u4eec\u662f\u521b\u5efa\u8868\u683c\u7684\u57fa\u672c\u6807\u7b7e\uff0c\u7f3a\u4e00\u4e0d\u53ef<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">table\u7528\u4e8e\u5b9a\u4e49\u4e00\u4e2a\u8868\u683c\u6807\u7b7e\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">tr\u6807\u7b7e \u7528\u4e8e\u5b9a\u4e49\u8868\u683c\u4e2d\u7684\u884c\uff0c\u5fc5\u987b\u5d4c\u5957\u5728 table\u6807\u7b7e\u4e2d\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">td \u7528\u4e8e\u5b9a\u4e49\u8868\u683c\u4e2d\u7684\u5355\u5143\u683c\uff0c\u5fc5\u987b\u5d4c\u5957\u5728<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;tr&gt;<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;\/tr&gt;<\/span><span class=\"md-plain\">\u6807\u7b7e\u4e2d\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5b57\u6bcd td \u6307\u8868\u683c\u6570\u636e\uff08table data\uff09\uff0c\u5373\u6570\u636e\u5355\u5143\u683c\u7684\u5185\u5bb9\uff0c\u73b0\u5728\u6211\u4eec\u660e\u767d\uff0c\u8868\u683c\u6700\u5408\u9002\u7684\u5730\u65b9\u5c31\u662f\u7528\u6765\u5b58\u50a8\u6570\u636e\u7684\u3002td\u50cf\u4e00\u4e2a\u5bb9\u5668\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u6240\u6709\u7684\u5143\u7d20\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u8868\u683c\u6807\u9898caption<\/span><\/strong><\/span><span class=\"md-plain\">\u901a\u5e38\u8fd9\u4e2a\u6807\u9898\u4f1a\u88ab\u5c45\u4e2d\u4e14\u663e\u793a\u4e8e\u8868\u683c\u4e4b\u4e0a\u3002caption \u6807\u7b7e\u5fc5\u987b\u7d27\u968f table \u6807\u7b7e\u4e4b\u540e\u3002\u8fd9\u4e2a\u6807\u7b7e\u53ea\u5b58\u5728 \u8868\u683c\u91cc\u9762\u624d\u6709\u610f\u4e49\u3002\u4f60\u662f\u98ce\u513f\u6211\u662f\u6c99<\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;table&gt;\r\n   &lt;caption&gt;\u6211\u662f\u8868\u683c\u6807\u9898&lt;\/caption&gt;\r\n&lt;\/table&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">3. \u8868\u683c\u5c5e\u6027<\/span><\/strong><\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027\u540d<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u542b\u4e49<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5e38\u7528\u5c5e\u6027\u503c<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">border<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u8fb9\u6846<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">cellspacing<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5355\u5143\u683c\u4e0e\u5355\u5143\u683c\u8fb9\u6846\u7a7a\u767d\u95f4\u8ddd<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">cellpadding<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5355\u5143\u683c\u5185\u5bb9\u4e0e\u5355\u5143\u683c\u8fb9\u6846\u7a7a\u767d\u95f4\u8ddd<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">width<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u7684\u5bbd\u5ea6<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">height<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u7684\u9ad8\u5ea6<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u50cf\u7d20\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">align<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u5728\u7f51\u9875\u4e2d\u7684\u4e66\u8bc4\u5bf9\u9f50\u65b9\u5f0f<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">left\u3001center\u3001right<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e09\u53c2\u4e3a0\uff0c\u5e73\u65f6\u5f00\u53d1\u7684\u6211\u4eec\u8fd9\u4e09\u4e2a\u53c2\u6570 border cellpadding cellspacing \u4e3a 0<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">4. \u5408\u5e76\u5355\u5143\u683c<\/span><\/strong><\/span><span class=\"md-plain\">,\u5408\u5e76\u7684\u987a\u5e8f\u6211\u4eec\u6309\u7167 \u5148\u4e0a \u540e\u4e0b \u5148\u5de6 \u540e\u53f3 \u7684\u987a\u5e8f ,\u5408\u5e76\u5b8c\u4e4b\u540e\u9700\u8981\u5220\u9664\u591a\u4f59\u7684\u5355\u5143\u683c\u3002<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8de8\u884c\u5408\u5e76\uff1arowspan=&#8221;\u5408\u5e76\u5355\u5143\u683c\u7684\u4e2a\u6570&#8221;<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8de8\u5217\u5408\u5e76\uff1acolspan=&#8221;\u5408\u5e76\u5355\u5143\u683c\u7684\u4e2a\u6570&#8221;<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">5. \u603b\u7ed3\u8868\u683c<\/span><\/strong><\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u6807\u7b7e\u540d<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5b9a\u4e49<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u8bf4\u660e<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">table<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u6807\u7b7e<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5c31\u662f\u4e00\u4e2a\u56db\u65b9\u7684\u76d2\u5b50<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">tr<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u884c\u6807\u7b7e<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u884c\u6807\u7b7e\u8981\u518dtable\u6807\u7b7e\u5185\u90e8\u624d\u6709\u610f\u4e49<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">td<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5355\u5143\u683c\u6807\u7b7e<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5355\u5143\u683c\u6807\u7b7e\u662f\u4e2a\u5bb9\u5668\u7ea7\u5143\u7d20\uff0c\u53ef\u4ee5\u653e\u4efb\u4f55\u4e1c\u897f<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">th<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u5934\u5355\u5143\u683c\u6807\u7b7e<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5b83\u8fd8\u662f\u4e00\u4e2a\u5355\u5143\u683c\uff0c\u4f46\u662f\u91cc\u9762\u7684\u6587\u5b57\u4f1a\u5c45\u4e2d\u4e14\u52a0\u7c97<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">caption<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u6807\u9898\u6807\u7b7e<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u683c\u7684\u6807\u9898\uff0c\u8ddf\u7740\u8868\u683c\u4e00\u8d77\u8d70\uff0c\u548c\u8868\u683c\u5c45\u4e2d\u5bf9\u9f50<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">clospan \u548c rowspan<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5408\u5e76\u5c5e\u6027<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7528\u6765\u5408\u5e76\u5355\u5143\u683c\u7684<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">6. \u8868\u683c\u5212\u5206\u7ed3\u6784<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\"> \u5bf9\u4e8e\u6bd4\u8f83\u590d\u6742\u7684\u8868\u683c\uff0c\u8868\u683c\u7684\u7ed3\u6784\u4e5f\u5c31\u76f8\u5bf9\u7684\u590d\u6742\u4e86\uff0c\u6240\u4ee5\u53c8\u5c06\u8868\u683c\u5206\u5272\u6210\u4e09\u4e2a\u90e8\u5206\uff1a\u9898\u5934\u3001\u6b63\u6587\u548c\u811a\u6ce8\u3002\u800c\u8fd9\u4e09\u90e8\u5206\u5206\u522b\u7528:thead,tbody,tfoot\u6765\u6807\u6ce8\uff0c \u8fd9\u6837\u66f4\u597d\u7684\u5206\u6e05\u8868\u683c\u7ed3\u6784\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u6ce8\u610f\uff1a<\/span><\/strong><\/span><span class=\"md-plain\"> 1.<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;thead&gt;<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;\/thead&gt;<\/span><span class=\"md-plain\">\uff1a\u7528\u4e8e\u5b9a\u4e49\u8868\u683c\u7684\u5934\u90e8\u3002\u7528\u6765\u653e\u6807\u9898\u4e4b\u7c7b\u7684\u4e1c\u897f\u3002<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;thead&gt;<\/span><span class=\"md-plain\"> \u5185\u90e8\u5fc5\u987b\u62e5\u6709<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;tr&gt;<\/span><span class=\"md-plain\"> \u6807\u7b7e\uff01 \\2. <\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;tbody&gt;<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;\/tbody&gt;<\/span><span class=\"md-plain\">\uff1a\u7528\u4e8e\u5b9a\u4e49\u8868\u683c\u7684\u4e3b\u4f53\u3002\u653e\u6570\u636e\u672c\u4f53 \u3002 \\3. <\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;tfoot&gt;<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;\/tfoot&gt;<\/span><span class=\"md-plain\">\u653e\u8868\u683c\u7684\u811a\u6ce8\u4e4b\u7c7b\u3002 \\4. \u4ee5\u4e0a\u6807\u7b7e\u90fd\u662f\u653e\u5230table\u6807\u7b7e\u4e2d\u3002<\/span><\/p>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u4e94\u3001\u5217\u8868<\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5217\u8868ul<\/span><\/strong><\/span><span class=\"md-plain\">\u5bb9\u5668\u91cc\u9762\u88c5\u8f7d\u7740\u7ed3\u6784\uff0c\u6837\u5f0f\u4e00\u81f4\u7684\u6587\u5b57\u6216\u56fe\u8868\u7684\u4e00\u79cd\u5f62\u5f0f\uff0c\u53eb\u5217\u8868\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5217\u8868\u6700\u5927\u7684\u7279\u70b9\u5c31\u662f\u6574\u9f50 \u3001\u6574\u6d01\u3001 \u6709\u5e8f\uff0c\u8ddf\u8868\u683c\u7c7b\u4f3c\uff0c\u4f46\u662f\u5b83\u53ef\u7ec4\u5408\u81ea\u7531\u5ea6\u4f1a\u66f4\u9ad8\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">1. \u65e0\u5e8f\u5217\u8868 ul<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u4e2d\u53ea\u80fd\u5d4c\u5957<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\">\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\uff0c\u76f4\u63a5\u5728\u6807\u7b7e\u4e2d\u8f93\u5165\u5176\u4ed6\u6807\u7b7e\u6216\u8005\u6587\u5b57\u7684\u505a\u6cd5\u662f\u4e0d\u88ab\u5141\u8bb8\u7684\u3002<\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;li&gt;<\/span><span class=\"md-plain\">\u4e0e<\/span><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;\/li&gt;<\/span><span class=\"md-plain\">\u4e4b\u95f4\u76f8\u5f53\u4e8e\u4e00\u4e2a\u5bb9\u5668\uff0c\u53ef\u4ee5\u5bb9\u7eb3\u6240\u6709\u5143\u7d20\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;ul&gt;\r\n  &lt;li&gt;\u5217\u8868\u98791&lt;\/li&gt;\r\n  &lt;li&gt;\u5217\u8868\u98792&lt;\/li&gt;\r\n  &lt;li&gt;\u5217\u8868\u98793&lt;\/li&gt;\r\n  ......\r\n&lt;\/ul&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">2. \u6709\u5e8f\u5217\u8868 ol<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\">\n<\/li>\n<\/ul>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5e38\u7528\u7684type\u5c5e\u6027\u503c\u5206\u522b\u4e3a\u662f1\uff0ca\uff0cA\uff0ci\uff0cI<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\">\n<\/li>\n<\/ul>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\">\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;ol type=\"A\"&gt; \r\n  &lt;li&gt;\u5217\u8868\u98791&lt;\/li&gt;\r\n  &lt;li&gt;\u5217\u8868\u4e8c&lt;\/li&gt;\r\n  &lt;li&gt;\u5217\u8868\u4e09&lt;\/li&gt;\r\n&lt;\/ol&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">2. \u81ea\u5b9a\u4e49\u5217\u8868 dl<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5b9a\u4e49\u5217\u8868\u5e38\u7528\u4e8e\u5bf9\u672f\u8bed\u6216\u540d\u8bcd\u8fdb\u884c\u89e3\u91ca\u548c\u63cf\u8ff0\uff0c\u5b9a\u4e49\u5217\u8868\u7684\u5217\u8868\u9879\u524d\u6ca1\u6709\u4efb\u4f55\u9879\u76ee\u7b26\u53f7\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;dl&gt;\r\n  &lt;dt&gt;\u540d\u8bcd1&lt;\/dt&gt;\r\n  &lt;dd&gt;\u540d\u8bcd1\u89e3\u91ca1&lt;\/dd&gt;\r\n  &lt;dd&gt;\u540d\u8bcd1\u89e3\u91ca2&lt;\/dd&gt;\r\n  ...\r\n  &lt;dt&gt;\u540d\u8bcd2&lt;\/dt&gt;\r\n  &lt;dd&gt;\u540d\u8bcd2\u89e3\u91ca1&lt;\/dd&gt;\r\n  &lt;dd&gt;\u540d\u8bcd2\u89e3\u91ca2&lt;\/dd&gt;\r\n  ...\r\n&lt;\/dl&gt;<\/pre>\n<h2 class=\"md-end-block md-heading\"><span class=\"md-plain\">\u516d\u3001\u8868\u5355<\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5728HTML\u4e2d\uff0c\u4e00\u4e2a\u5b8c\u6574\u7684\u8868\u5355\u901a\u5e38\u7531\u8868\u5355\u63a7\u4ef6\uff08\u4e5f\u79f0\u4e3a\u8868\u5355\u5143\u7d20\uff09\u3001\u63d0\u793a\u4fe1\u606f\u548c\u8868\u5355\u57df3\u4e2a\u90e8\u5206\u6784\u6210\u3002\u8868\u5355\u76ee\u7684\u662f\u4e3a\u4e86\u6536\u96c6\u7528\u6237\u4fe1\u606f\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u8868\u5355\u63a7\u4ef6\uff1a<\/span><\/strong><\/span><span class=\"md-plain\"> \u5305\u542b\u4e86\u5177\u4f53\u7684\u8868\u5355\u529f\u80fd\u9879\uff0c\u5982\u5355\u884c\u6587\u672c\u8f93\u5165\u6846\u3001\u5bc6\u7801\u8f93\u5165\u6846\u3001\u590d\u9009\u6846\u3001\u63d0\u4ea4\u6309\u94ae\u3001\u91cd\u7f6e\u6309\u94ae\u7b49\u3002 <\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u63d0\u793a\u4fe1\u606f\uff1a<\/span><\/strong><\/span><span class=\"md-plain\"> \u4e00\u4e2a\u8868\u5355\u4e2d\u901a\u5e38\u8fd8\u9700\u8981\u5305\u542b\u4e00\u4e9b\u8bf4\u660e\u6027\u7684\u6587\u5b57\uff0c\u63d0\u793a\u7528\u6237\u8fdb\u884c\u586b\u5199\u548c\u64cd\u4f5c\u3002 <\/span><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u8868\u5355\u57df\uff1a<\/span><\/strong><\/span><span class=\"md-plain\"> \u5b83\u76f8\u5f53\u4e8e\u4e00\u4e2a\u5bb9\u5668\uff0c\u7528\u6765\u5bb9\u7eb3\u6240\u6709\u7684\u8868\u5355\u63a7\u4ef6\u548c\u63d0\u793a\u4fe1\u606f\uff0c\u53ef\u4ee5\u901a\u8fc7\u4ed6\u5b9a\u4e49\u5904\u7406\u8868\u5355\u6570\u636e\u6240\u7528\u7a0b\u5e8f\u7684url\u5730\u5740\uff0c\u4ee5\u53ca\u6570\u636e\u63d0\u4ea4\u5230\u670d\u52a1\u5668\u7684\u65b9\u6cd5\u3002\u5982\u679c\u4e0d\u5b9a\u4e49\u8868\u5355\u57df\uff0c\u8868\u5355\u4e2d\u7684\u6570\u636e\u5c31\u65e0\u6cd5\u4f20\u9001\u5230\u540e\u53f0\u670d\u52a1\u5668\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">1. input \u63a7\u4ef6<\/span><\/strong><\/span><\/p>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;input type=\"\u5c5e\u6027\u503c\" value=\"\u4f60\u597d\"&gt;<\/pre>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">input \u8f93\u5165\u7684\u610f\u601d<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-tag md-raw-inline\" spellcheck=\"false\">&lt;input \/&gt;<\/span><span class=\"md-plain\">\u6807\u7b7e\u4e3a\u5355\u6807\u7b7e<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">type\u5c5e\u6027\u8bbe\u7f6e\u4e0d\u540c\u7684\u5c5e\u6027\u503c\u7528\u6765\u6307\u5b9a\u4e0d\u540c\u7684\u63a7\u4ef6\u7c7b\u578b<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u9664\u4e86type\u5c5e\u6027\u8fd8\u6709\u522b\u7684\u5c5e\u6027<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5e38\u7528\u5c5e\u6027\uff1a<\/span><\/strong><\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027\u503c<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u63cf\u8ff0<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">text<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8f93\u5165\u6587\u672c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">password<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5bc6\u7801<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">radio<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5355\u9009\u6309\u94ae<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">checkbox<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u590d\u9009\u6846<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">type<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">button<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6309\u94ae<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">submit<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u63d0\u4ea4<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">reset<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u91cd\u7f6e<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">image<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u56fe\u50cf\u6309\u94ae<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">file<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6587\u4ef6\u57df<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">name<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7528\u6237\u81ea\u5b9a\u4e49<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u63a7\u4ef6\u540d\u79f0<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">value<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u7528\u6237\u81ea\u5b9a\u4e49<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">input\u4e2d\u9ed8\u8ba4\u7684\u6587\u672c\u503c<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">size<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6b63\u6574\u6570<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">input\u5728\u9875\u9762\u4e2d\u73b0\u5b9e\u7684\u5bbd\u5ea6<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">checked<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">checked<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5b9a\u4e49\u9ed8\u8ba4\u9009\u62e9<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">maxlength<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u6b63\u6574\u6570<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u5141\u8bb8\u8f93\u5165\u7684\u5b57\u6570\u6700\u5927\u503c<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">\u7528\u6237\u540d: &lt;input type=\"text\" \/&gt; \r\n\u5bc6  \u7801\uff1a&lt;input type=\"password\" \/&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">value\u5c5e\u6027<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">value \u9ed8\u8ba4\u7684\u6587\u672c\u503c\u3002\u6709\u4e9b\u8868\u5355\u60f3\u521a\u6253\u5f00\u9875\u9762\u5c31\u9ed8\u8ba4\u663e\u793a\u51e0\u4e2a\u6587\u5b57\uff0c\u5c31\u53ef\u4ee5\u901a\u8fc7\u8fd9\u4e2avalue \u6765\u8bbe\u7f6e\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">\u7528\u6237\u540d:&lt;input type=\"text\"  name=\"username\" value=\"\u8bf7\u8f93\u5165\u7528\u6237\u540d\"&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">name\u5c5e\u6027<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">name\u8868\u5355\u7684\u540d\u5b57\uff0c \u8fd9\u6837\uff0c\u540e\u53f0\u53ef\u4ee5\u901a\u8fc7\u8fd9\u4e2aname\u5c5e\u6027\u627e\u5230\u8fd9\u4e2a\u8868\u5355\u3002 \u9875\u9762\u4e2d\u7684\u8868\u5355\u5f88\u591a\uff0cname\u4e3b\u8981\u4f5c\u7528\u5c31\u662f\u7528\u4e8e\u533a\u522b\u4e0d\u540c\u7684\u8868\u5355\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">name\u5c5e\u6027\u540e\u9762\u7684\u503c\uff0c\u662f\u6211\u4eec\u81ea\u5df1\u5b9a\u4e49\u7684\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">radio \u5982\u679c\u662f\u4e00\u7ec4\uff0c\u6211\u4eec\u5fc5\u987b\u7ed9\u4ed6\u4eec\u547d\u540d\u76f8\u540c\u7684\u540d\u5b57 name \u8fd9\u6837\u5c31\u53ef\u4ee5\u591a\u4e2a\u9009\u5176\u4e2d\u7684\u4e00\u4e2a\u5566<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">name\u5c5e\u6027\uff0c\u6211\u4eec\u73b0\u5728\u7528\u7684\u8f83\u5c11\uff0c\u4f46\u662f\uff0c\u5f53\u6211\u4eec\u5b66ajax \u548c\u540e\u53f0\u7684\u65f6\u5019\uff0c\u662f\u5fc5\u987b\u7684\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;input type=\"radio\" name=\"sex\"  \/&gt;\u7537\r\n&lt;input type=\"radio\" name=\"sex\" \/&gt;\u5973<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">checked\u5c5e\u6027<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u8868\u793a\u9ed8\u8ba4\u9009\u4e2d\u72b6\u6001\u3002 \u8f83\u5e38\u89c1\u4e8e \u5355\u9009\u6309\u94ae\u548c\u590d\u9009\u6309\u94ae\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">\u6027    \u522b:\r\n&lt;input type=\"radio\" name=\"sex\" value=\"\u7537\" checked=\"checked\" \/&gt;\u7537\r\n&lt;input type=\"radio\" name=\"sex\" value=\"\u5973\" \/&gt;\u5973<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">2. label\u6807\u7b7e<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">label \u6807\u7b7e\u4e3a input \u5143\u7d20\u5b9a\u4e49\u6807\u6ce8\uff08\u6807\u7b7e\uff09\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">label\u6807\u7b7e\u4e3b\u8981\u76ee\u7684\u662f\u4e3a\u4e86\u63d0\u9ad8\u7528\u6237\u4f53\u9a8c\u3002\u4e3a\u7528\u6237\u63d0\u9ad8\u6700\u4f18\u79c0\u7684\u670d\u52a1\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u4f5c\u7528\uff1a<\/span><\/strong><\/span><span class=\"md-plain\">\u7528\u4e8e\u7ed1\u5b9a\u4e00\u4e2a\u8868\u5355\u5143\u7d20, \u5f53\u70b9\u51fblabel\u6807\u7b7e\u7684\u65f6\u5019, \u88ab\u7ed1\u5b9a\u7684\u8868\u5355\u5143\u7d20\u5c31\u4f1a\u83b7\u5f97\u8f93\u5165\u7126\u70b9\u3002<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5982\u4f55\u7ed1\u5b9a\u5143\u7d20\u5462<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u7b2c\u4e00\u79cd\u7528\u6cd5\u5c31\u662f\u7528label\u6807\u7b7e\u76f4\u63a5\u5305\u542binput\u8868\u5355\uff0c \u9002\u5408\u5355\u4e2a\u8868\u5355\u9009\u62e9<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u7b2c\u4e8c\u79cd\u7528\u6cd5 for \u5c5e\u6027\u89c4\u5b9a label \u4e0e\u54ea\u4e2a\u8868\u5355\u5143\u7d20\u7ed1\u5b9a(\u901a\u8fc7id)\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">  \u7b2c\u4e00\u79cd\r\n  &lt;label&gt; \u7528\u6237\u540d\uff1a \r\n    &lt;input type=\"radio\" name=\"usename\" value=\"\u8bf7\u8f93\u5165\u7528\u6237\u540d\"&gt;   \r\n  &lt;\/label&gt;\r\n  \r\n  \u7b2c\u4e8c\u79cd\r\n  &lt;label for=\"sex\"&gt;\u7537&lt;\/label&gt;\r\n  &lt;input type=\"radio\" name=\"sex\"  id=\"sex\"&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">3. textarea\u63a7\u4ef6(\u6587\u672c\u57df)<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u901a\u8fc7textarea\u63a7\u4ef6\u53ef\u4ee5\u8f7b\u677e\u5730\u521b\u5efa\u591a\u884c\u6587\u672c\u8f93\u5165\u6846.<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">cols=&#8221;\u6bcf\u884c\u4e2d\u7684\u5b57\u7b26\u6570&#8221; rows=&#8221;\u663e\u793a\u7684\u884c\u6570&#8221; \u6211\u4eec\u5b9e\u9645\u5f00\u53d1\u4e0d\u7528<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;textarea &gt;\r\n    \u6587\u672c\u5185\u5bb9\r\n  &lt;\/textarea&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">4. select\u4e0b\u62c9\u5217\u8868<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5982\u679c\u6709\u591a\u4e2a\u9009\u9879\u8ba9\u7528\u6237\u9009\u62e9\uff0c\u4e3a\u4e86\u8282\u7ea6\u7a7a\u95f4\uff0c\u6211\u4eec\u53ef\u4ee5\u4f7f\u7528select\u63a7\u4ef6\u5b9a\u4e49\u4e0b\u62c9\u5217\u8868\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5728option \u4e2d\u5b9a\u4e49selected =&#8221; selected &#8220;\u65f6\uff0c\u5f53\u524d\u9879\u5373\u4e3a\u9ed8\u8ba4\u9009\u4e2d\u9879\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6211\u4eec\u5b9e\u9645\u5f00\u53d1\u4f1a\u7528\u7684\u6bd4\u8f83\u5c11<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;select&gt;\r\n  \r\n  &lt;option&gt;\u9009\u98791&lt;\/option&gt;\r\n  &lt;option&gt;\u9009\u98792&lt;\/option&gt;\r\n  &lt;option&gt;\u9009\u98793&lt;\/option&gt;\r\n  ...\r\n&lt;\/select&gt;<\/pre>\n<h3 class=\"md-end-block md-heading\"><span class=\"md-plain\">form\u8868\u5355\u57df<\/span><\/h3>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6536\u96c6\u7684\u7528\u6237\u4fe1\u606f\u600e\u4e48\u4f20\u9012\u7ed9\u670d\u52a1\u5668\uff1f<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u901a\u8fc7form\u8868\u5355\u57df<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u76ee\u7684\uff1a<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5728HTML\u4e2d\uff0cform\u6807\u7b7e\u88ab\u7528\u4e8e\u5b9a\u4e49\u8868\u5355\u57df\uff0c\u4ee5\u5b9e\u73b0\u7528\u6237\u4fe1\u606f\u7684\u6536\u96c6\u548c\u4f20\u9012\uff0cform\u4e2d\u7684\u6240\u6709\u5185\u5bb9\u90fd\u4f1a\u88ab\u63d0\u4ea4\u7ed9\u670d\u52a1\u5668\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;form action=\"url\u5730\u5740\" method=\"\u63d0\u4ea4\u65b9\u5f0f\" name=\"\u8868\u5355\u540d\u79f0\"&gt;\r\n  \u5404\u79cd\u8868\u5355\u63a7\u4ef6\r\n&lt;\/form&gt;<\/pre>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u5e38\u7528\u5c5e\u6027\uff1a<\/span><\/strong><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u6bcf\u4e2a\u8868\u5355\u90fd\u5e94\u8be5\u6709\u81ea\u5df1\u8868\u5355\u57df\u3002\u540e\u9762\u5b66 ajax \u540e\u53f0\u4ea4\u4e92\u7684\u65f6\u5019\uff0c\u5fc5\u987b\u9700\u8981form\u8868\u5355\u57df<\/span><\/p>\n<figure class=\"md-table-fig\">\n<table class=\"md-table\">\n<thead>\n<tr class=\"md-end-block\">\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u5c5e\u6027\u503c<\/span><\/span><\/th>\n<th><span class=\"td-span\"><span class=\"md-plain\">\u4f5c\u7528<\/span><\/span><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">action<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">url\u5730\u5740<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u63a5\u6536\u6570\u636e\u7684\u670d\u52a1\u5668\u7684\u5730\u5740<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">method<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">get\/post<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u63d0\u4ea4\u65b9\u5f0f<\/span><\/span><\/td>\n<\/tr>\n<tr class=\"md-end-block\">\n<td><span class=\"td-span\"><span class=\"md-plain\">name<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u540d\u79f0<\/span><\/span><\/td>\n<td><span class=\"td-span\"><span class=\"md-plain\">\u8868\u5355\u540d\u79f0<\/span><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">GET \u548c POST \u7684\u533a\u522b<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u5728\u6d4f\u89c8\u5668\u56de\u9000\u65f6\u662f\u65e0\u5bb3\u7684\uff0c\u800cPOST\u4f1a\u518d\u6b21\u63d0\u4ea4\u8bf7\u6c42\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u8bf7\u6c42\u4f1a\u88ab\u6d4f\u89c8\u5668\u4e3b\u52a8cache\uff0c\u800cPOST\u4e0d\u4f1a\uff0c\u9664\u975e\u624b\u52a8\u8bbe\u7f6e\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u8bf7\u6c42\u53ea\u80fd\u8fdb\u884curl\u7f16\u7801\uff0c\u800cPOST\u652f\u6301\u591a\u79cd\u7f16\u7801\u65b9\u5f0f\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u8bf7\u6c42\u53c2\u6570\u4f1a\u88ab\u5b8c\u6574\u4fdd\u7559\u5728\u6d4f\u89c8\u5668\u5386\u53f2\u8bb0\u5f55\u91cc\uff0c\u800cPOST\u4e2d\u7684\u53c2\u6570\u4e0d\u4f1a\u88ab\u4fdd\u7559\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u8bf7\u6c42\u5927\u5c0f\u4e00\u822c\u662f(1024\u5b57\u8282)\uff0chttp\u534f\u8bae\u5e76\u6ca1\u6709\u9650\u5236\uff0c\u800c\u4e0e\u670d\u52a1\u5668\uff0c\u64cd\u4f5c\u7cfb\u7edf\u6709\u5173\uff0cPOST\u7406\u8bba\u4e0a\u6765\u8bf4\u6ca1\u6709\u5927\u5c0f\u9650\u5236\uff0chttp\u534f\u8bae\u89c4\u8303\u4e5f\u6ca1\u6709\u8fdb\u884c\u5927\u5c0f\u9650\u5236\uff0c\u4f46\u5b9e\u9645\u4e0apost\u6240\u80fd\u4f20\u9012\u7684\u6570\u636e\u91cf\u6839\u636e\u53d6\u51b3\u4e8e\u670d\u52a1\u5668\u7684\u8bbe\u7f6e\u548c\u5185\u5b58\u5927\u5c0f\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5bf9\u53c2\u6570\u7684\u6570\u636e\u7c7b\u578b\uff0cGET\u53ea\u63a5\u53d7ASCII\u5b57\u7b26\uff0c\u800cPOST\u6ca1\u6709\u9650\u5236\u3002<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">GET\u6bd4POST\u66f4\u4e0d\u5b89\u5168\uff0c\u56e0\u4e3a\u53c2\u6570\u76f4\u63a5\u66b4\u9732\u5728URL\u4e0a\uff0c\u6240\u4ee5\u4e0d\u80fd\u7528\u6765\u4f20\u9012\u654f\u611f\u4fe1\u606f\u3002<\/span><\/p>\n<\/li>\n<\/ul>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s \"><strong><span class=\"md-plain\">\u56e2\u961f\u7ea6\u5b9a\uff1a<\/span><\/strong><\/span><\/p>\n<ul class=\"ul-list\" data-mark=\"-\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5143\u7d20\u5c5e\u6027\u503c\u4f7f\u7528\u53cc\u5f15\u53f7\u8bed\u6cd5<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">\u5143\u7d20\u5c5e\u6027\u503c\u53ef\u4ee5\u5199\u4e0a\u7684\u90fd\u5199\u4e0a<\/span><\/p>\n<\/li>\n<\/ul>\n<pre class=\"md-fences mock-cm md-end-block\" lang=\"\" spellcheck=\"false\">&lt;input type=\"text\" \/&gt; \r\n&lt;input type=\"radio\" name=\"name\" checked=\"checked\" \/&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>HTML\u57fa\u7840\u77e5\u8bc6 \u524d\u8a00 \u52e4\u505a\u7b14\u8bb0\u4e0d\u4ec5\u53ef\u4ee5\u8ba9\u81ea\u5df1\u5b66\u7684\u624e\u5b9e\uff0c\u66f4\u91cd\u8981\u7684\u662f\u53ef\u4ee5\u8ba9\u81ea\u5df1\u5c11\u8d70\u5f2f\u8def\u3002\u6216\u8bb8\u7b14\u8bb0\u4e0d\u4e00\u5b9a\u5341\u5168\u5341\u7f8e\uff0c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":67,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-66","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-front-end"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML\u7b14\u8bb0 - Rock<\/title>\n<meta name=\"description\" content=\"rock-html\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML\u7b14\u8bb0 - Rock\" \/>\n<meta property=\"og:description\" content=\"rock-html\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Rock\" \/>\n<meta property=\"article:published_time\" content=\"2022-11-22T14:41:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-23T06:55:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.noblerock.cn\/wp-content\/uploads\/2022\/11\/hd.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"noblerock5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"noblerock5\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/\",\"url\":\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/\",\"name\":\"HTML\u7b14\u8bb0 - Rock\",\"isPartOf\":{\"@id\":\"https:\/\/www.noblerock.cn\/#website\"},\"datePublished\":\"2022-11-22T14:41:17+00:00\",\"dateModified\":\"2022-11-23T06:55:49+00:00\",\"author\":{\"@id\":\"https:\/\/www.noblerock.cn\/#\/schema\/person\/7fc70f27a8f0a866a9956dafe9738d38\"},\"description\":\"rock-html\",\"breadcrumb\":{\"@id\":\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.noblerock.cn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\u7b14\u8bb0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.noblerock.cn\/#website\",\"url\":\"https:\/\/www.noblerock.cn\/\",\"name\":\"Rock\",\"description\":\"blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.noblerock.cn\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.noblerock.cn\/#\/schema\/person\/7fc70f27a8f0a866a9956dafe9738d38\",\"name\":\"noblerock5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.noblerock.cn\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3b53a9cb39b52de3a8589546a7053d9dae19f4ac93ac8d88e23b3a8de5da7de5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3b53a9cb39b52de3a8589546a7053d9dae19f4ac93ac8d88e23b3a8de5da7de5?s=96&d=mm&r=g\",\"caption\":\"noblerock5\"},\"sameAs\":[\"http:\/\/www.noblerock.cn\"],\"url\":\"https:\/\/www.noblerock.cn\/index.php\/author\/noblerock5\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML\u7b14\u8bb0 - Rock","description":"rock-html","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/","og_locale":"zh_CN","og_type":"article","og_title":"HTML\u7b14\u8bb0 - Rock","og_description":"rock-html","og_url":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/","og_site_name":"Rock","article_published_time":"2022-11-22T14:41:17+00:00","article_modified_time":"2022-11-23T06:55:49+00:00","og_image":[{"width":1200,"height":900,"url":"https:\/\/www.noblerock.cn\/wp-content\/uploads\/2022\/11\/hd.png","type":"image\/png"}],"author":"noblerock5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"noblerock5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"4 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/","url":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/","name":"HTML\u7b14\u8bb0 - Rock","isPartOf":{"@id":"https:\/\/www.noblerock.cn\/#website"},"datePublished":"2022-11-22T14:41:17+00:00","dateModified":"2022-11-23T06:55:49+00:00","author":{"@id":"https:\/\/www.noblerock.cn\/#\/schema\/person\/7fc70f27a8f0a866a9956dafe9738d38"},"description":"rock-html","breadcrumb":{"@id":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.noblerock.cn\/index.php\/2022\/11\/22\/rock-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.noblerock.cn\/"},{"@type":"ListItem","position":2,"name":"HTML\u7b14\u8bb0"}]},{"@type":"WebSite","@id":"https:\/\/www.noblerock.cn\/#website","url":"https:\/\/www.noblerock.cn\/","name":"Rock","description":"blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.noblerock.cn\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.noblerock.cn\/#\/schema\/person\/7fc70f27a8f0a866a9956dafe9738d38","name":"noblerock5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.noblerock.cn\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3b53a9cb39b52de3a8589546a7053d9dae19f4ac93ac8d88e23b3a8de5da7de5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b53a9cb39b52de3a8589546a7053d9dae19f4ac93ac8d88e23b3a8de5da7de5?s=96&d=mm&r=g","caption":"noblerock5"},"sameAs":["http:\/\/www.noblerock.cn"],"url":"https:\/\/www.noblerock.cn\/index.php\/author\/noblerock5\/"}]}},"_links":{"self":[{"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/posts\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":2,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/posts\/66\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/posts\/66\/revisions\/71"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/media\/67"}],"wp:attachment":[{"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/media?parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/categories?post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.noblerock.cn\/index.php\/wp-json\/wp\/v2\/tags?post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}