{"id":94,"date":"2025-11-22T09:53:53","date_gmt":"2025-11-22T01:53:53","guid":{"rendered":"https:\/\/www.52runoob.com\/?p=94"},"modified":"2025-11-22T09:53:53","modified_gmt":"2025-11-22T01:53:53","slug":"html5-%e5%ae%9a%e4%bd%8d%e5%a4%a7%e5%85%a8%e4%b9%8b%e7%9b%b8%e5%af%b9%e5%ae%9a%e4%bd%8d%e3%80%81%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d%e5%92%8c%e5%9b%ba%e5%ae%9a%e5%ae%9a%e4%bd%8d","status":"publish","type":"post","link":"https:\/\/www.52runoob.com\/index.php\/2025\/11\/22\/html5-%e5%ae%9a%e4%bd%8d%e5%a4%a7%e5%85%a8%e4%b9%8b%e7%9b%b8%e5%af%b9%e5%ae%9a%e4%bd%8d%e3%80%81%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d%e5%92%8c%e5%9b%ba%e5%ae%9a%e5%ae%9a%e4%bd%8d\/","title":{"rendered":"HTML5 \u5b9a\u4f4d\u5927\u5168\u4e4b\u76f8\u5bf9\u5b9a\u4f4d\u3001\u7edd\u5bf9\u5b9a\u4f4d\u548c\u56fa\u5b9a\u5b9a\u4f4d"},"content":{"rendered":"\n<p>\u4e0b\u9762\u7ed9\u4f60\u4e00\u4efd <strong>\u6700\u7cfb\u7edf\u3001\u6700\u6e05\u6670\u3001\u53ef\u76f4\u63a5\u7528\u4e8e\u524d\u7aef\u5f00\u53d1\u7684\u300aHTML5 \u5b9a\u4f4d\u5927\u5168\uff1a\u76f8\u5bf9\u5b9a\u4f4d \/ \u7edd\u5bf9\u5b9a\u4f4d \/ \u56fa\u5b9a\u5b9a\u4f4d\u300b\u89e3\u6790\u300b<\/strong>\u3002\u5305\u542b\u6240\u6709\u6982\u5ff5\u3001\u89c4\u5219\u3001\u5b9e\u4f8b\u3001\u5e38\u89c1\u5751\u3001\u79fb\u52a8\u7aef\u9002\u914d\u6280\u5de7\uff0c\u4ee5\u53ca\u53ef\u8fd0\u884c\u793a\u4f8b\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83c\udf10 <strong>\u5b9a\u4f4d\uff08position\uff09\u662f\u4ec0\u4e48\uff1f<\/strong><\/h1>\n\n\n\n<p>\u5728 HTML5 \/ CSS3 \u5f00\u53d1\u4e2d\uff0c<code>position<\/code> \u7528\u4e8e\u6539\u53d8\u5143\u7d20\u5728\u9875\u9762\u4e2d\u7684\u201c\u5b9a\u4f4d\u65b9\u5f0f\u201d\u3002\u4e3b\u8981\u5305\u62ec\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>relative\uff08\u76f8\u5bf9\u5b9a\u4f4d\uff09<\/strong><\/li>\n\n\n\n<li><strong>absolute\uff08\u7edd\u5bf9\u5b9a\u4f4d\uff09<\/strong><\/li>\n\n\n\n<li><strong>fixed\uff08\u56fa\u5b9a\u5b9a\u4f4d\uff09<\/strong><\/li>\n\n\n\n<li>\uff08\u6269\u5c55\uff09sticky\uff08\u7c98\u6027\u5b9a\u4f4d\uff09<\/li>\n\n\n\n<li>\uff08\u6269\u5c55\uff09static\uff08\u9ed8\u8ba4\uff09<\/li>\n<\/ul>\n\n\n\n<p>\u672c\u6587\u91cd\u70b9\u8bb2\u4f60\u8981\u7684 <strong>relative \/ absolute \/ fixed<\/strong> \u4e09\u8005\u533a\u522b\u4e0e\u4f7f\u7528\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udfe5 <strong>\u4e00\u3001position: relative\uff08\u76f8\u5bf9\u5b9a\u4f4d\uff09<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 1. \u57fa\u672c\u5b9a\u4e49<\/h2>\n\n\n\n<p>\u76f8\u5bf9\u5b9a\u4f4d\u662f<strong>\u76f8\u5bf9\u5143\u7d20\u81ea\u8eab\u4f4d\u7f6e\u8fdb\u884c\u504f\u79fb<\/strong>\u3002<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nposition: relative;\ntop: 10px;\nleft: 20px;\n\n<\/pre><\/div>\n\n\n<p>\u5143\u7d20 <strong>\u4ecd\u7136\u5360\u636e\u539f\u672c\u7a7a\u95f4<\/strong>\uff0c\u89c6\u89c9\u4e0a\u79fb\u52a8\uff0c\u4f46\u5e03\u5c40\u4e0d\u6539\u53d8\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 2. \u9002\u7528\u573a\u666f<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4f5c\u4e3a absolute \u5b50\u5143\u7d20\u7684 <strong>\u5b9a\u4f4d\u53c2\u8003\u70b9<\/strong><\/li>\n\n\n\n<li>\u5143\u7d20\u8f7b\u5fae\u79fb\u52a8<\/li>\n\n\n\n<li>\u505a\u5c0f\u56fe\u6807 \/ \u6807\u7b7e\u7684\u504f\u79fb<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 3. \u793a\u4f8b<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div style=&quot;position: relative; top: 10px; left: 20px;&quot;&gt;\n    \u6211\u5f80\u53f3\u79fb\u52a8\u4e86 20px\uff0c\u5f80\u4e0b\u79fb\u52a8\u4e86 10px\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n\n<p>\u5143\u7d20\u770b\u8d77\u6765\u79fb\u52a8\u4e86\uff0c\u4f46\u539f\u6765\u7684\u5360\u4f4d\u7a7a\u95f4\u8fd8\u5728\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udfe6 <strong>\u4e8c\u3001position: absolute\uff08\u7edd\u5bf9\u5b9a\u4f4d\uff09<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 1. \u57fa\u672c\u5b9a\u4e49<\/h2>\n\n\n\n<p>absolute \u5143\u7d20 <strong>\u8131\u79bb\u6587\u6863\u6d41<\/strong>\uff08\u4e0d\u5360\u7a7a\u95f4\uff09\uff0c\u4f4d\u7f6e\u57fa\u4e8e <strong>\u6700\u8fd1\u7684\u5df2\u5b9a\u4f4d\u7956\u5148\u5143\u7d20<\/strong>\uff08relative\/absolute\/fixed\/sticky\uff09\u3002<\/p>\n\n\n\n<p>\u5982\u679c\u7236\u7ea7\u90fd\u6ca1\u5b9a\u4f4d\uff0c\u5219\u76f8\u5bf9 <strong>\u6d4f\u89c8\u5668\u89c6\u53e3<\/strong>\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 2. \u4f7f\u7528\u65b9\u6cd5<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nposition: absolute;\ntop: 20px;\nright: 10px;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 3. \u793a\u4f8b\uff08\u5e26\u5b9a\u4f4d\u53c2\u8003\uff09<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div style=&quot;position: relative; width: 300px; height: 200px; background:#eee;&quot;&gt;\n    &amp;lt;div style=&quot;\n        position:absolute; \n        right:10px; \n        bottom:10px; \n        background:red; \n        color:#fff;\n    &quot;&gt;\n        \u53f3\u4e0b\u89d2\u7edd\u5bf9\u5b9a\u4f4d\n    &amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n\n<p>\u7edd\u5bf9\u5b9a\u4f4d\u5e38\u7528\u4e8e\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5f39\u51fa\u83dc\u5355\uff08dropdown\uff09<\/li>\n\n\n\n<li>\u6c14\u6ce1\u63d0\u793a\uff08tooltip\uff09<\/li>\n\n\n\n<li>\u5c0f\u56fe\u6807\u5b9a\u4f4d<\/li>\n\n\n\n<li>\u53f3\u4e0a\u89d2\u89d2\u6807<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udfe9 <strong>\u4e09\u3001position: fixed\uff08\u56fa\u5b9a\u5b9a\u4f4d\uff09<\/strong><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 1. \u57fa\u672c\u5b9a\u4e49<\/h2>\n\n\n\n<p>fixed <strong>\u76f8\u5bf9\u89c6\u53e3\uff08\u6d4f\u89c8\u5668\u7a97\u53e3\uff09\u56fa\u5b9a\u4f4d\u7f6e<\/strong><br>\u65e0\u8bba\u9875\u9762\u6eda\u52a8\u591a\u5c11\uff0c\u4f4d\u7f6e\u4e0d\u53d8\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">\u2714 2. \u793a\u4f8b<\/h2>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div style=&quot;\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n    padding: 10px;\n    background: #333;\n    color: #fff;\n&quot;&gt;\n    \u56fa\u5b9a\u5728\u53f3\u4e0b\u89d2\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n\n<p>\u5e38\u7528\u4e8e\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201c\u8fd4\u56de\u9876\u90e8\u201d\u6309\u94ae<\/li>\n\n\n\n<li>\u56fa\u5b9a\u5bfc\u822a\u680f<\/li>\n\n\n\n<li>\u60ac\u6d6e\u5ba2\u670d\u56fe\u6807<\/li>\n\n\n\n<li>\u5e7f\u544a\u6761<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\u2b50 \u5bf9\u6bd4\u603b\u7ed3\uff08\u6700\u91cd\u8981\u7684\u533a\u522b\uff09<\/h1>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u7279\u6027<\/th><th>relative<\/th><th>absolute<\/th><th>fixed<\/th><\/tr><\/thead><tbody><tr><td>\u5360\u4f4d\u7f6e\uff1f<\/td><td>\u5360<\/td><td>\u4e0d\u5360<\/td><td>\u4e0d\u5360<\/td><\/tr><tr><td>\u53c2\u8003\u5b9a\u4f4d\u70b9<\/td><td>\u81ea\u5df1\u539f\u4f4d\u7f6e<\/td><td>\u6700\u8fd1\u5b9a\u4f4d\u7956\u5148<\/td><td>\u6d4f\u89c8\u5668\u89c6\u53e3<\/td><\/tr><tr><td>\u968f\u6eda\u52a8\u53d8\u5316\uff1f<\/td><td>\u4f1a<\/td><td>\u4f1a<\/td><td>\u4e0d\u4f1a<\/td><\/tr><tr><td>\u5e38\u7528\u573a\u666f<\/td><td>\u5fae\u8c03\u6837\u5f0f<\/td><td>\u6d6e\u52a8\u5143\u7d20<\/td><td>\u60ac\u6d6e\u6309\u94ae<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1a<br><strong>relative \u53ea\u662f\u201c\u8f7b\u79fb\u4f4d\u201d\uff0cabsolute \u662f\u201c\u7cbe\u786e\u5b9a\u4f4d\u201d\uff0cfixed \u662f\u201c\u8ddf\u968f\u5c4f\u5e55\u201d\u3002<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udd25 \u56db\u3001relative + absolute \u642d\u914d\u4f7f\u7528\uff08\u5f00\u53d1\u6700\u5e38\u7528\uff09<\/h1>\n\n\n\n<p>\u7edd\u5bf9\u5b9a\u4f4d\u6700\u5e38\u89c1\u7528\u6cd5\u5c31\u662f\u201c\u7ed9\u7236\u5143\u7d20\u52a0 relative\uff0c\u7ed9\u5b50\u5143\u7d20 absolute\u201d\u3002<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div class=&quot;parent&quot;&gt;\n    &amp;lt;div class=&quot;child&quot;&gt;\u89d2\u6807&amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;style&gt;\n.parent {\n    position: relative;\n    width: 120px;\n    height: 120px;\n    background: #ddd;\n}\n.child {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    background:red;\n    color:#fff;\n}\n&amp;lt;\/style&gt;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udcf1 \u4e94\u3001\u79fb\u52a8\u7aef\u5b9a\u4f4d\u6ce8\u610f\u70b9<\/h1>\n\n\n\n<h3 class=\"wp-block-heading\">1. fixed \u5728 iOS \u6d4f\u89c8\u5668\u53ef\u80fd\u51fa\u73b0\u95ea\u70c1\u6216\u4e0d\u8ddf\u624b<\/h3>\n\n\n\n<p>\u89e3\u51b3\uff1a<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nbody {\n    -webkit-overflow-scrolling: touch;\n}\n\n<\/pre><\/div>\n\n\n<p>\u6216\u8005\u6539\u7528 <code>position: sticky<\/code>\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. absolute \u5143\u7d20\u53ef\u80fd\u88ab\u653e\u5927\u7f29\u5c0f\u5f71\u54cd<\/h3>\n\n\n\n<p>\u5728\u54cd\u5e94\u5f0f\u5e03\u5c40\u4e2d\u907f\u514d\u4f7f\u7528\u56fa\u5b9a px \u5b9a\u4f4d\uff0c\u4f7f\u7528\uff1a<\/p>\n\n\n\n<p>\u2714 \u767e\u5206\u6bd4<br>\u2714 vw\/vh<br>\u2714 flex \u4ee3\u66ff\u90e8\u5206\u5e03\u5c40<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. \u8f6f\u952e\u76d8\u5f39\u51fa\u65f6 fixed \u5143\u7d20\u9519\u4f4d<\/h3>\n\n\n\n<p>\u79fb\u52a8\u7aef APP H5 \u5e38\u89c1\u95ee\u9898\uff0c\u9700\u8981\u4f7f\u7528 JS \u76d1\u542c\u9875\u9762\u9ad8\u5ea6\u53d8\u5316\u5904\u7406\u3002<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83d\udccc \u516d\u3001\u7efc\u5408\u6848\u4f8b\uff1a\u8fd4\u56de\u9876\u90e8\u60ac\u6d6e\u6309\u94ae\uff08fixed\uff09<\/h1>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;!DOCTYPE html&gt;\n&amp;lt;html&gt;\n&amp;lt;head&gt;\n&amp;lt;style&gt;\n#topBtn {\n    position: fixed;\n    bottom: 30px;\n    right: 20px;\n    background:#000;\n    color:#fff;\n    padding:10px;\n    border-radius:50%;\n    cursor:pointer;\n    display:none;\n}\n&amp;lt;\/style&gt;\n&amp;lt;\/head&gt;\n\n&amp;lt;body&gt;\n\n&amp;lt;button id=&quot;topBtn&quot;&gt;\u2191&amp;lt;\/button&gt;\n\n&amp;lt;script&gt;\nconst btn = document.getElementById(&quot;topBtn&quot;);\n\nwindow.addEventListener(&quot;scroll&quot;, ()=&gt;{\n    btn.style.display = window.scrollY &gt; 200 ? &quot;block&quot; : &quot;none&quot;;\n});\n\nbtn.addEventListener(&quot;click&quot;, ()=&gt; {\n    window.scrollTo({top:0,behavior:&#039;smooth&#039;});\n});\n&amp;lt;\/script&gt;\n\n&amp;lt;\/body&gt;\n&amp;lt;\/html&gt;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83e\uddf1 \u4e03\u3001\u7efc\u5408\u5bf9\u6bd4\u6848\u4f8b\uff1arelative + absolute + fixed<\/h1>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div style=&quot;position: relative; width: 200px; height: 200px; background:#ccc;&quot;&gt;\n    &amp;lt;div style=&quot;position:absolute; top:10px; left:10px; background:#f00; color:#fff;&quot;&gt;\n        absolute\uff08\u76f8\u5bf9\u7236\u5143\u7d20\uff09\n    &amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;div style=&quot;position:fixed; bottom:15px; left:15px; background:#000; color:#fff;&quot;&gt;\n    fixed\uff08\u56fa\u5b9a\u5728\u5c4f\u5e55\u5de6\u4e0b\uff09\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading\">\ud83c\udf89 \u516b\u3001\u5e38\u89c1\u5f00\u53d1\u5751\uff08\u5fc5\u987b\u77e5\u9053\uff09<\/h1>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>\u5751<\/th><th>\u8bf4\u660e<\/th><\/tr><\/thead><tbody><tr><td>absolute \u65e0\u53c2\u8003\u70b9<\/td><td>\u5fd8\u8bb0\u7ed9\u7236\u7ea7\u52a0 <code>position: relative<\/code><\/td><\/tr><tr><td>fixed \u8986\u76d6\u5185\u5bb9<\/td><td>\u9700\u8981\u52a0 <code>z-index<\/code><\/td><\/tr><tr><td>fixed \u5728\u7236\u7ea7 overflow: hidden \u4e0b\u5931\u6548<\/td><td>fixed \u53ea\u80fd\u5bf9\u89c6\u53e3\u5b9a\u4f4d<\/td><\/tr><tr><td>iOS fixed \u5931\u6548<\/td><td>\u8f6f\u952e\u76d8\u5f71\u54cd<\/td><\/tr><tr><td>relative \u4f7f\u7528\u591a\u5bfc\u81f4\u5e03\u5c40\u9519\u4f4d<\/td><td>\u4e0d\u8981\u6ee5\u7528<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u4e0b\u9762\u7ed9\u4f60\u4e00\u4efd \u6700\u7cfb\u7edf\u3001\u6700\u6e05\u6670\u3001\u53ef\u76f4\u63a5\u7528\u4e8e\u524d\u7aef\u5f00\u53d1\u7684\u300aHTML5 \u5b9a\u4f4d\u5927\u5168\uff1a\u76f8\u5bf9\u5b9a&#8230; <a class=\"more-link\" href=\"https:\/\/www.52runoob.com\/index.php\/2025\/11\/22\/html5-%e5%ae%9a%e4%bd%8d%e5%a4%a7%e5%85%a8%e4%b9%8b%e7%9b%b8%e5%af%b9%e5%ae%9a%e4%bd%8d%e3%80%81%e7%bb%9d%e5%af%b9%e5%ae%9a%e4%bd%8d%e5%92%8c%e5%9b%ba%e5%ae%9a%e5%ae%9a%e4%bd%8d\/\">Continue Reading &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","hentry","category-html5"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":1,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/posts\/94\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.52runoob.com\/index.php\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}