{"id":121,"date":"2015-06-07T10:52:08","date_gmt":"2015-06-07T02:52:08","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=121"},"modified":"2015-06-07T11:11:17","modified_gmt":"2015-06-07T03:11:17","slug":"html5%e4%b8%admeta%e5%b1%9e%e6%80%a7%e7%9a%84%e4%bd%bf%e7%94%a8%e8%af%a6%e8%a7%a3","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=121","title":{"rendered":"HTML5\u4e2dmeta\u5c5e\u6027\u7684\u4f7f\u7528\u8be6\u89e3"},"content":{"rendered":"<p>meta\u5c5e\u6027\u5728HTML\u4e2d\u5360\u636e\u4e86\u5f88\u91cd\u8981\u7684\u4f4d\u7f6e\u3002\u5982\uff1a\u9488\u5bf9\u641c\u7d22\u5f15\u64ce\u7684SEO\uff0c\u6587\u6863\u7684\u5b57\u7b26\u7f16\u7801\uff0c\u8bbe\u7f6e\u5237\u65b0\u7f13\u5b58\u7b49\u3002\u867d\u7136\u4e00\u4e9b\u7f51\u9875\u53ef\u80fd\u6ca1\u6709\u4f7f\u7528meta\uff0c\u4f46\u662f\u4f5c\u4e3a\u6b63\u89c4\u519b\uff0c\u6211\u4eec\u8fd8\u662f\u6709\u5fc5\u8981\u4e86\u89e3\u4e00\u4e9bmeta\u7684\u5c5e\u6027\uff0c\u5e76\u4e14\u80fd\u591f\u719f\u7ec3\u4f7f\u7528\u5b83\u4eec\u3002<span class=\"Apple-converted-space\">\u00a0<\/span><br \/>\n<strong>1\u3001\u58f0\u660e\u6587\u6863\u4f7f\u7528\u7684\u5b57\u7b26\u7f16\u7801<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">charset<\/span>=<span class=\"hljs-value\">'utf-8'<\/span>&gt;<\/span><\/code><\/pre>\n<p><strong>2\u3001\u58f0\u660e\u6587\u6863\u7684\u517c\u5bb9\u6a21\u5f0f<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">http-equiv<\/span>=<span class=\"hljs-value\">\"X-UA-Compatible\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"IE=edge\"<\/span> \/&gt;<\/span> \u6307\u793aIE\u4ee5\u76ee\u524d\u53ef\u7528\u7684\u6700\u9ad8\u6a21\u5f0f\u663e\u793a\u5185\u5bb9\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">http-equiv<\/span>=<span class=\"hljs-value\">\"X-UA-Compatible\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"IE=Emulate IE7\"<\/span> \/&gt;<\/span>\u6307\u793aIE\u4f7f\u7528 <span class=\"hljs-doctype\">&lt;!DOCTYPE&gt;<\/span> \u6307\u4ee4\u786e\u5b9a\u5982\u4f55\u5448\u73b0\u5185\u5bb9\u3002\u6807\u51c6\u6a21\u5f0f\u6307\u4ee4\u4ee5IE7 \u6807\u51c6\u6a21\u5f0f\u663e\u793a\uff0c\u800c Quirks \u6a21\u5f0f\u6307\u4ee4\u4ee5 IE5 \u6a21\u5f0f\u663e\u793a\u3002<\/code><\/pre>\n<p><strong>3\u3001SEO \u4f18\u5316<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"description\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u4e0d\u8d85\u8fc7150\u4e2a\u5b57\u7b26\"<\/span> \/&gt;<\/span>\u9875\u9762\u63cf\u8ff0\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"keywords\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"html5, css3, \u5173\u952e\u5b57\"<\/span>\/&gt;<\/span>\u9875\u9762\u5173\u952e\u8bcd\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"author\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u9b54\u6cd5\u5c0f\u6808\"<\/span> \/&gt;<\/span>\u5b9a\u4e49\u7f51\u9875\u4f5c\u8005\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"robots\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"index,follow\"<\/span> \/&gt;<\/span>\u5b9a\u4e49\u7f51\u9875\u641c\u7d22\u5f15\u64ce\u7d22\u5f15\u65b9\u5f0f\uff0crobotterms\u662f\u4e00\u7ec4\u4f7f\u7528\u82f1\u6587\u9017\u53f7\u300c,\u300d\u5206\u5272\u7684\u503c\uff0c\u901a\u5e38\u6709\u5982\u4e0b\u51e0\u79cd\u53d6\u503c\uff1anone\uff0cnoindex\uff0cnofollow\uff0call\uff0cindex\u548cfollow\u3002<\/code><\/pre>\n<p><strong>4\u3001\u4e3a\u79fb\u52a8\u8bbe\u5907\u6dfb\u52a0 viewport<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs lasso has-numbering\"><span class=\"hljs-subst\">&lt;<\/span>meta name <span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"viewport\"<\/span> content <span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no\"<\/span><span class=\"hljs-subst\">&gt;<\/span>\r\n    content \u53c2\u6570\u89e3\u91ca\uff1a\r\n    width  \u3000\u3000\u3000\u3000 viewport \u5bbd\u5ea6(\u6570\u503c\/device<span class=\"hljs-attribute\">-width<\/span>)\r\n    height            viewport \u9ad8\u5ea6(\u6570\u503c\/device<span class=\"hljs-attribute\">-height<\/span>)\r\n    initial<span class=\"hljs-attribute\">-scale<\/span>  \u521d\u59cb\u7f29\u653e\u6bd4\u4f8b\r\n    maximum<span class=\"hljs-attribute\">-scale<\/span>  \u6700\u5927\u7f29\u653e\u6bd4\u4f8b\r\n    minimum<span class=\"hljs-attribute\">-scale<\/span>  \u6700\u5c0f\u7f29\u653e\u6bd4\u4f8b\r\n    user<span class=\"hljs-attribute\">-scalable<\/span>  \u662f\u5426\u5141\u8bb8\u7528\u6237\u7f29\u653e(yes\/no)\r\n    <span class=\"hljs-literal\">minimal<\/span><span class=\"hljs-attribute\">-ui<\/span>      iOS <span class=\"hljs-number\">7.1<\/span> beta <span class=\"hljs-number\">2<\/span> \u4e2d\u65b0\u589e\u5c5e\u6027\uff0c\u53ef\u4ee5\u5728\u9875\u9762\u52a0\u8f7d\u65f6\u6700\u5c0f\u5316\u4e0a\u4e0b\u72b6\u6001\u680f\u3002\u8fd9\u662f\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c\u53ef\u4ee5\u76f4\u63a5\u8fd9\u6837\u5199\uff1a\r\n<span class=\"hljs-subst\">&lt;<\/span>meta name<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"viewport\"<\/span> content<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"width=device-width, initial-scale=1, minimal-ui\"<\/span><span class=\"hljs-subst\">&gt;<\/span><\/code><\/pre>\n<p><strong>5\u3001iOS \u8bbe\u5907<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs haskell has-numbering\">&lt;meta name=<span class=\"hljs-string\">\"apple-mobile-web-app-title\"<\/span> content=<span class=\"hljs-string\">\"\u6807\u9898\"<\/span>&gt;\u6dfb\u52a0\u5230\u4e3b\u5c4f\u540e\u7684\u6807\u9898\uff08iOS <span class=\"hljs-number\">6<\/span> \u65b0\u589e\uff09\r\n&lt;meta name=<span class=\"hljs-string\">\"apple-mobile-web-app-capable\"<\/span> content=<span class=\"hljs-string\">\"yes\"<\/span> \/&gt;\u662f\u5426\u542f\u7528 <span class=\"hljs-type\">WebApp<\/span> \u5168\u5c4f\u6a21\u5f0f\r\n&lt;meta name=<span class=\"hljs-string\">\"apple-mobile-web-app-status-bar-style\"<\/span> content=<span class=\"hljs-string\">\"black-translucent\"<\/span> \/&gt;\u8bbe\u7f6e\u72b6\u6001\u680f\u7684\u80cc\u666f\u989c\u8272\r\n    \u53ea\u6709\u5728 <span class=\"hljs-string\">\"apple-mobile-web-app-capable\"<\/span> content=<span class=\"hljs-string\">\"yes\"<\/span> \u65f6\u751f\u6548\r\n    content \u53c2\u6570\uff1a\r\n    <span class=\"hljs-default\"><span class=\"hljs-keyword\">default<\/span> \u9ed8\u8ba4\u503c\u3002<\/span>\r\n    black \u72b6\u6001\u680f\u80cc\u666f\u662f\u9ed1\u8272\u3002\r\n    black-translucent \u72b6\u6001\u680f\u80cc\u666f\u662f\u9ed1\u8272\u534a\u900f\u660e\u3002\r\n    \u8bbe\u7f6e\u4e3a <span class=\"hljs-default\"><span class=\"hljs-keyword\">default<\/span> \u6216 black ,\u7f51\u9875\u5185\u5bb9\u4ece\u72b6\u6001\u680f\u5e95\u90e8\u5f00\u59cb\u3002<\/span>\r\n    \u8bbe\u7f6e\u4e3a black-translucent ,\u7f51\u9875\u5185\u5bb9\u5145\u6ee1\u6574\u4e2a\u5c4f\u5e55\uff0c\u9876\u90e8\u4f1a\u88ab\u72b6\u6001\u680f\u906e\u6321\u3002<\/code><\/pre>\n<p><strong>6\u3001iOS \u56fe\u6807 rel \u53c2\u6570<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs lasso has-numbering\">apple<span class=\"hljs-attribute\">-touch<\/span><span class=\"hljs-attribute\">-icon<\/span> \u56fe\u7247\u81ea\u52a8\u5904\u7406\u6210\u5706\u89d2\u548c\u9ad8\u5149\u7b49\u6548\u679c\u3002\r\napple<span class=\"hljs-attribute\">-touch<\/span><span class=\"hljs-attribute\">-icon<\/span><span class=\"hljs-attribute\">-precomposed<\/span> \u7981\u6b62\u7cfb\u7edf\u81ea\u52a8\u6dfb\u52a0\u6548\u679c\uff0c\u76f4\u63a5\u663e\u793a\u8bbe\u8ba1\u539f\u56fe\u3002\r\n<span class=\"hljs-subst\">&lt;<\/span><span class=\"hljs-keyword\">link<\/span> rel<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"apple-touch-icon-precomposed\"<\/span> href<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"\/apple-touch-icon-57x57-precomposed.png\"<\/span> <span class=\"hljs-subst\">\/<\/span><span class=\"hljs-subst\">&gt;<\/span>iPhone \u548c iTouch\uff0c\u9ed8\u8ba4 <span class=\"hljs-number\">57<\/span>x57 \u50cf\u7d20\uff0c\u5fc5\u987b\u6709\r\n<span class=\"hljs-subst\">&lt;<\/span><span class=\"hljs-keyword\">link<\/span> rel<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"apple-touch-icon-precomposed\"<\/span> sizes<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"72x72\"<\/span> href<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"\/apple-touch-icon-72x72-precomposed.png\"<\/span> <span class=\"hljs-subst\">\/<\/span><span class=\"hljs-subst\">&gt;<\/span>iPad\uff0c<span class=\"hljs-number\">72<\/span>x72 \u50cf\u7d20\uff0c\u53ef\u4ee5\u6ca1\u6709\uff0c\u4f46\u63a8\u8350\u6709\r\n<span class=\"hljs-subst\">&lt;<\/span><span class=\"hljs-keyword\">link<\/span> rel<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"apple-touch-icon-precomposed\"<\/span> sizes<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"114x114\"<\/span> href<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"\/apple-touch-icon-114x114-precomposed.png\"<\/span> <span class=\"hljs-subst\">\/<\/span><span class=\"hljs-subst\">&gt;<\/span>Retina iPhone \u548c Retina iTouch\uff0c<span class=\"hljs-number\">114<\/span>x114 \u50cf\u7d20\uff0c\u53ef\u4ee5\u6ca1\u6709\uff0c\u4f46\u63a8\u8350\u6709\r\n<span class=\"hljs-subst\">&lt;<\/span><span class=\"hljs-keyword\">link<\/span> rel<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"apple-touch-icon-precomposed\"<\/span> sizes<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"144x144\"<\/span> href<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"\/apple-touch-icon-144x144-precomposed.png\"<\/span> <span class=\"hljs-subst\">\/<\/span><span class=\"hljs-subst\">&gt;<\/span>Retina iPad\uff0c<span class=\"hljs-number\">144<\/span>x144 \u50cf\u7d20\uff0c\u53ef\u4ee5\u6ca1\u6709\uff0c\u63a8\u8350\u5927\u5bb6\u4f7f\u7528\r\n<span class=\"hljs-subst\">&lt;<\/span>meta name<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"apple-mobile-web-app-title\"<\/span> content<span class=\"hljs-subst\">=<\/span><span class=\"hljs-string\">\"\u6807\u9898\"<\/span><span class=\"hljs-subst\">&gt;<\/span>title\u6700\u597d\u9650\u5236\u5728\u516d\u4e2a\u4e2d\u6587\u957f\u5ea6\u5185\uff0c\u8d85\u957f\u7684\u5185\u5bb9\u4f1a\u88ab\u9690\u85cf\uff0c\u6dfb\u52a0\u5230\u4e3b\u5c4f\u540e\u7684\u6807\u9898\uff08iOS <span class=\"hljs-number\">6<\/span> \u65b0\u589e\uff09<\/code><\/pre>\n<p><strong>7\u3001iOS \u542f\u52a8\u753b\u9762<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\">iPad \u7684\u542f\u52a8\u753b\u9762\u662f\u4e0d\u5305\u62ec\u72b6\u6001\u680f\u533a\u57df\u7684\u3002\r\niPad \u7ad6\u5c4f 768 x 1004\uff08\u6807\u51c6\u5206\u8fa8\u7387\uff09\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"768x1004\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-768x1004.png\"<\/span> \/&gt;<\/span>iPad \u7ad6\u5c4f 1536x2008\uff08Retina\uff09\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"1536x2008\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-1536x2008.png\"<\/span> \/&gt;<\/span>iPad \u6a2a\u5c4f 1024x748\uff08\u6807\u51c6\u5206\u8fa8\u7387\uff09\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"1024x748\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/Default-Portrait-1024x748.png\"<\/span> \/&gt;<\/span>iPad \u6a2a\u5c4f 2048x1496\uff08Retina\uff09\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"2048x1496\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-2048x1496.png\"<\/span> \/&gt;<\/span>\r\niPhone \u548c iPod touch \u7684\u542f\u52a8\u753b\u9762\u662f\u5305\u542b\u72b6\u6001\u680f\u533a\u57df\u7684\u3002\r\niPhone\/iPod Touch \u7ad6\u5c4f 320x480 (\u6807\u51c6\u5206\u8fa8\u7387)\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-320x480.png\"<\/span> \/&gt;<\/span>iPhone\/iPod Touch \u7ad6\u5c4f 640x960 (Retina)\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"640x960\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-640x960.png\"<\/span> \/&gt;<\/span>iPhone 5\/iPod Touch 5 \u7ad6\u5c4f 640x1136 (Retina)\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">sizes<\/span>=<span class=\"hljs-value\">\"640x1136\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/splash-screen-640x1136.png\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"apple-touch-startup-image\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"Startup.png\"<\/span> \/&gt;<\/span>  \u5f53\u7528\u6237\u70b9\u51fb\u4e3b\u5c4f\u56fe\u6807\u6253\u5f00 WebApp \u65f6\uff0c\u7cfb\u7edf\u4f1a\u5c55\u793a\u542f\u52a8\u753b\u9762\uff0c\u5728\u672a\u8bbe\u7f6e\u60c5\u51b5\u4e0b\u7cfb\u7edf\u4f1a\u9ed8\u8ba4\u663e\u793a\u8be5\u7f51\u7ad9\u7684\u9996\u9875\u622a\u56fe\uff0c\u5f53\u7136\u8fd9\u4e2a\u4f53\u9a8c\u4e0d\u662f\u5f88\u597d<\/code><\/pre>\n<p><strong>8\u3001Windows 8<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"msapplication-TileColor\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"#000\"<\/span>\/&gt;<\/span> Windows 8 \u78c1\u8d34\u989c\u8272\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"msapplication-TileImage\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"icon.png\"<\/span>\/&gt;<\/span>Windows 8 \u78c1\u8d34\u56fe\u6807<\/code><\/pre>\n<p><strong>9\u3001\u4e0d\u5e38\u7528\u7684<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"alternate\"<\/span> <span class=\"hljs-attribute\">type<\/span>=<span class=\"hljs-value\">\"application\/rss+xml\"<\/span> <span class=\"hljs-attribute\">title<\/span>=<span class=\"hljs-value\">\"RSS\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/rss.xml\"<\/span> \/&gt;<\/span>\u6dfb\u52a0 RSS \u8ba2\u9605\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">link<\/span> <span class=\"hljs-attribute\">rel<\/span>=<span class=\"hljs-value\">\"shortcut icon\"<\/span> <span class=\"hljs-attribute\">type<\/span>=<span class=\"hljs-value\">\"image\/ico\"<\/span> <span class=\"hljs-attribute\">href<\/span>=<span class=\"hljs-value\">\"\/favicon.ico\"<\/span> \/&gt;<\/span>\u6dfb\u52a0 favicon icon\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"format-detection\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"telephone=no\"<\/span> \/&gt;<\/span>\u7981\u6b62\u6570\u5b57\u8bc6\u81ea\u52a8\u522b\u4e3a\u7535\u8bdd\u53f7\u7801\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"format-detection\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"email=no\"<\/span> \/&gt;<\/span>\u4e0d\u8ba9android\u8bc6\u522b\u90ae\u7bb1\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"renderer\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"webkit\"<\/span>&gt;<\/span>\u542f\u7528360\u6d4f\u89c8\u5668\u7684\u6781\u901f\u6a21\u5f0f(webkit)\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">http-equiv<\/span>=<span class=\"hljs-value\">\"X-UA-Compatible\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"IE=edge\"<\/span>&gt;<\/span>\u907f\u514dIE\u4f7f\u7528\u517c\u5bb9\u6a21\u5f0f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"HandheldFriendly\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"true\"<\/span>&gt;<\/span>\u9488\u5bf9\u624b\u6301\u8bbe\u5907\u4f18\u5316\uff0c\u4e3b\u8981\u662f\u9488\u5bf9\u4e00\u4e9b\u8001\u7684\u4e0d\u8bc6\u522bviewport\u7684\u6d4f\u89c8\u5668\uff0c\u6bd4\u5982\u9ed1\u8393\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"MobileOptimized\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"320\"<\/span>&gt;<\/span>\u5fae\u8f6f\u7684\u8001\u5f0f\u6d4f\u89c8\u5668\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"x5-orientation\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"portrait\"<\/span>&gt;<\/span>QQ\u5f3a\u5236\u7ad6\u5c4f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"full-screen\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"yes\"<\/span>&gt;<\/span>UC\u5f3a\u5236\u5168\u5c4f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"x5-fullscreen\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"true\"<\/span>&gt;<\/span>QQ\u5f3a\u5236\u5168\u5c4f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"browsermode\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"application\"<\/span>&gt;<\/span>UC\u5e94\u7528\u6a21\u5f0f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"x5-page-mode\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"app\"<\/span>&gt;<\/span>QQ\u5e94\u7528\u6a21\u5f0f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">http-equiv<\/span>=<span class=\"hljs-value\">\"Cache-Control\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"no-siteapp\"<\/span> \/&gt;<\/span>\u7981\u6b62\u767e\u5ea6\u8f6c\u7801\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"msapplication-tap-highlight\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"no\"<\/span>&gt;<\/span>windows phone \u70b9\u51fb\u65e0\u9ad8\u5149\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"keywords\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\"<\/span> \/&gt;<\/span>  \u5173\u952e\u5b57\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"description\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\"<\/span> \/&gt;<\/span>  \u63cf\u8ff0\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"title\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\"<\/span> \/&gt;<\/span>  \u6807\u9898\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"author\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"-06\"<\/span> \/&gt;<\/span>  \u4f5c\u8005\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"Copyright\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\"<\/span> \/&gt;<\/span>  \u516c\u53f8\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">http-equiv<\/span>=<span class=\"hljs-value\">\"X-UA-Compatible\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"IE=edge,chrome=1\"<\/span>&gt;<\/span>   \u8ba9IE\u6d4f\u89c8\u5668\u7528\u6700\u9ad8\u7ea7\u5185\u6838\u6e32\u67d3\u9875\u9762 \u8fd8\u6709\u7528 Chrome \u6846\u67b6\u7684\u9875\u9762\u7528webkit \u5185\u6838 \r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"apple-mobile-web-app-capable\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"yes\"<\/span>&gt;<\/span>  IOS6\u5168\u5c4f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"mobile-web-app-capable\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"yes\"<\/span>&gt;<\/span>  Chrome\u9ad8\u7248\u672c\u5168\u5c4f\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"renderer\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"webkit\"<\/span>&gt;<\/span>  \u8ba9360\u53cc\u6838\u6d4f\u89c8\u5668\u7528webkit\u5185\u6838\u6e32\u67d3\u9875\u9762\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">name<\/span>=<span class=\"hljs-value\">\"apple-itunes-app\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL\"<\/span>&gt;<\/span> \u6dfb\u52a0\u667a\u80fd App \u5e7f\u544a\u6761 Smart App Banner\uff08iOS 6+ Safari\uff09<\/code><\/pre>\n<p><strong>10\u3001sns \u793e\u4ea4\u6807\u7b7e<\/strong><span class=\"Apple-converted-space\">\u00a0<\/span><br \/>\n\u53c2\u8003\u5fae\u535aAPI<\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">property<\/span>=<span class=\"hljs-value\">\"og:type\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u7c7b\u578b\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">property<\/span>=<span class=\"hljs-value\">\"og:url\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"URL\u5730\u5740\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">property<\/span>=<span class=\"hljs-value\">\"og:title\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u6807\u9898\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">property<\/span>=<span class=\"hljs-value\">\"og:image\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u56fe\u7247\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">meta<\/span> <span class=\"hljs-attribute\">property<\/span>=<span class=\"hljs-value\">\"og:description\"<\/span> <span class=\"hljs-attribute\">content<\/span>=<span class=\"hljs-value\">\"\u63cf\u8ff0\"<\/span> \/&gt;<\/span><\/code><\/pre>\n<p><strong>11\u3001\u6761\u4ef6\u6ce8\u91ca\u5224\u65adIE\u6d4f\u89c8\u5668<\/strong><\/p>\n<pre class=\"prettyprint\"><code class=\"hljs xml has-numbering\"><span class=\"hljs-comment\">&lt;!--[if IE]&gt;\u6761\u4ef6\u6ce8\u91ca\u533a\u5206\u975eIE\u6d4f\u89c8\u5668\r\n&lt;!--[if lt IE 7 ]&gt;&lt;html class=\"oldie ie ie6\"&gt; &lt;![endif]--&gt;<\/span>  \r\n<span class=\"hljs-comment\">&lt;!--[if IE 7 ]&gt;&lt;html class=\"oldie ie ie7\"&gt; &lt;![endif]--&gt;<\/span>  \r\n<span class=\"hljs-comment\">&lt;!--[if IE 8 ]&gt;&lt;html class=\"ie ie8\"&gt; &lt;![endif]--&gt;<\/span>  \r\n<span class=\"hljs-comment\">&lt;!--[if (gte IE 9)|!(IE)]&gt;&lt;!--&gt;<\/span><span class=\"hljs-tag\">&lt;<span class=\"hljs-title\">html<\/span>&gt;<\/span> <span class=\"hljs-comment\">&lt;!--&lt;![endif]--&gt;<\/span> \r\n<span class=\"hljs-comment\">&lt;!--[if lt IE 9]&gt;  &lt;![endif]--&gt;<\/span><\/code><\/pre>\n<p><b>\u672a\u7ecf\u5141\u8bb8\uff0c\u4efb\u4f55\u5355\u4f4d\u3001\u4e2a\u4eba\u6216\u5a92\u4f53\u4e0d\u5f97\u5bf9\u672c\u7f51\u7ad9\u7684\u6587\u7ae0\u53ca\u5176\u4ed6\u4fe1\u606f\u8d44\u6599\u975e\u6cd5\u4e88\u4ee5\u590d\u5236\u3001\u8f6c\u8f7d\u3001\u94fe\u63a5\u548c\u4f20\u64ad\uff0c\u6c11\u5fc3\u7f51\u5c06\u4f9d\u6cd5\u8ffd\u7a76\u8fdd\u8005\u7684\u6cd5\u5f8b\u8d23\u4efb\u3002<\/b><\/p>\n<!-- <audio autoplay=\"autoplay\" height=\"100\" width=\"100\" hidden=\"true\"><source src=\"https:\/\/c.coka.la\/orAvPR.mp3\" type=\"audio\/mp3\"\/><\/audio><img decoding=\"async\" src=\"https:\/\/images.weserv.nl\/?url=https:\/\/ws3.sinaimg.cn\/large\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/> --><p><!-- <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xmt1139057136\/xttblog\/master\/8fa5dcfcgy1g4em3rzar5j20ib089ae0.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/>--><img decoding=\"async\" src=\"https:\/\/saas.51autoparts.cn\/api\/admin\/sys-file\/oss\/file?fileName=84db51f8561e448f9a4fda2eff0811f9.jpg\" alt=\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/><\/p><p>\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01<b>\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1a<font color=\"red\">xttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p><p>\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a<a href=\"https:\/\/www.xttblog.com\">\u4e1a\u4f59\u8349<\/a>\uff1a &raquo; <a href=\"https:\/\/www.xttblog.com\/?p=121\">HTML5\u4e2dmeta\u5c5e\u6027\u7684\u4f7f\u7528\u8be6\u89e3<\/a><\/p><!-- <div class=\"bd-reward-stl\"><button id=\"bdRewardBtn\"><span><\/span><\/button><\/div> -->","protected":false},"excerpt":{"rendered":"<p>meta\u5c5e\u6027\u5728HTML\u4e2d\u5360\u636e\u4e86\u5f88\u91cd\u8981\u7684\u4f4d\u7f6e\u3002\u5982\uff1a\u9488\u5bf9\u641c\u7d22\u5f15\u64ce\u7684SEO\uff0c\u6587\u6863\u7684\u5b57\u7b26\u7f16\u7801\uff0c\u8bbe\u7f6e\u5237\u65b0\u7f13\u5b58\u7b49\u3002\u867d\u7136\u4e00\u4e9b [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[119,27,28],"class_list":["post-121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5","tag-html5","tag-meta","tag-viewport"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=121"}],"version-history":[{"count":5,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/121\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/media\/125"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}