{"id":8273,"date":"2019-06-10T11:05:08","date_gmt":"2019-06-10T11:05:08","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=8273"},"modified":"2019-09-23T06:36:10","modified_gmt":"2019-09-23T06:36:10","slug":"membuat-web-responsive","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/","title":{"rendered":"Belajar Web Design : Membuat Web Responsive"},"content":{"rendered":"\n

Web Responsive adalah desain tampilan web yang secara otomatis bisa berubah ukuran, menyembunyikan, mengecilkan, atau memperbesar, situs web, agar terlihat bagus di semua perangkat (desktop, tablet, dan smartphone).<\/p>\n\n\n\n

<\/p>\n\n\n\n

Tambahan Elemen META<\/strong>
Langkah paling awal yang harus dilakukan dalam membuatnya adalah dengan elemen <meta>. Berikut ini adalah scriptnya:<\/p>\n\n\n\n\n\n\n

\n<meta name="viewport" content="width=device-width, initial-scale=1.0">\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
Tambahan Properti Width<\/strong>
Jika properti lebar CSS (width) diatur ke 100%, maka elemen html akan responsif mengikuti lebar di semua perangkat.
Biasanya kita sering menggunakan px, jika menggunakan px lebar elemennya terbatas.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Tambahan Max Properti<\/strong>
Ini adalah solusi yang lebih baik, dalam banyak kasus, adalah dengan menggunakan properti max-width.
Kita bisa mengatur lebar maksimal elemen html, jika elemen tersebut diakses oleh perangkat yang lebih kecil lebarnya dari ukuran maksimal, maka elemen tersebut mengecil mengikuti lebar maksimal perangkat tersebut.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Media Queries<\/strong>
Selain mengubah ukuran teks dan gambar, juga biasa menggunakan kueri media di halaman web yang responsif.
Dengan Media Queries, kita bisa menentukan style yang sama, tapi untuk ukuran browser yang beda tiap perangkat.
Sebagai contoh:
Mengubah ukuran jendela browser untuk melihat bahwa tiga elemen div di bawah ini akan ditampilkan secara horizontal pada layar besar dan ditumpuk secara vertikal pada layar kecil.<\/p>\n\n\n
\n<html>\n\n<head>\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Media Queries<\/title>\n    <style>\n        * \n        {\n            box-sizing: border-box;\n        }\n\n        .kiri \n        {\n            background-color:coral;\n            padding: 20px;\n            float: left;\n            width: 20%;\n            \/* lebarnya adalah 20%, secara default *\/\n        }\n\n        .tengah \n        {\n            background-color: gainsboro;\n            padding: 20px;\n            float: left;\n            width: 60%;\n            \/* lebarnya adalah 60%, secara default *\/\n        }\n\n        .kanan \n        {\n            background-color: gold;\n            padding: 20px;\n            float: left;\n            width: 20%;\n            \/* lebarnya adalah 20%, secara default *\/\n        }\n\n        \/* Use a media query to add a break point at 800px: *\/\n        @media screen and (max-width:800px) \n        {\n\n            .kiri,\n            .tengah,\n            .kanan \n            {\n                width: 100%;\n                \/* lebarnya adalah 100%, when the viewport is 800px or smaller *\/\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <h2>Media Queries<\/h2>\n    <p>Resize ukuran browser tiap perangkat yang berbeda.<\/p>\n\n    <div class="kiri">\n        <p>Konten Menu Kiri<\/p>\n    <\/div>\n\n    <div class="tengah">\n        <p>Konten Menu Tengah<\/p>\n    <\/div>\n\n    <div class="kanan">\n        <p>Konten Menu Kanan<\/p>\n    <\/div>\n\n<\/body>\n\n<\/html>\n<\/pre><\/div>\n\n\n
Dari script kode tersebut, maka akan menghasilkan tampilan berikut.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Saat webnya diakses oleh perangkat android, maka tampilannya akan berubah seperti ini.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n\n\n\n
Contoh Full Website<\/strong><\/p>\n\n\n
\n<!DOCTYPE html>\n<html>\n<head>\n    <meta name="viewport" content="width=device-width, initial-scale=1.0">\n    <title>Full Website<\/title>\n    <style>\n        * \n        {\n            box-sizing: border-box;\n        }\n\n        .menu \n        {\n            float: left;\n            width: 20%;\n            text-align: center;\n        }\n\n        .menu a \n        {\n            background-color: black;\n            padding: 8px;\n            margin-top: 7px;\n            display: block;\n            width: 100%;\n            color: white;\n        }\n\n        .main \n        {\n            float: left;\n            width: 60%;\n            padding: 0 20px;\n            color: black;\n        }\n\n        .right \n        {\n            background-color:black;\n            float: left;\n            width: 20%;\n            padding: 15px;\n            margin-top: 7px;\n            text-align: center;\n            color: white;\n        }\n\n        @media only screen and (max-width:620px) \n        {\n\n            \/* For mobile phones: *\/\n            .menu,\n            .main,\n            .right \n            {\n                width: 100%;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body style="font-family:Verdana;color:#aaaaaa;">\n\n    <div style="background-color:black;padding:15px;text-align:center;color:white;">\n        <h1>Website<\/h1>\n    <\/div>\n\n    <div style="overflow:auto">\n        <div class="menu">\n            <a href="#">Menu 1<\/a>\n            <a href="#">Menu 2<\/a>\n            <a href="#">Menu 3<\/a>\n            <a href="#">Menu 4<\/a>\n        <\/div>\n\n        <div class="main">\n            <h2>Konten Utama<\/h2>\n            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut\n                laoreet dolore magna aliquam erat volutpat.<\/p>\n        <\/div>\n\n        <div class="right">\n            <h2>Tentang<\/h2>\n            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/p>\n        <\/div>\n    <\/div>\n\n    <div style="background-color:black;text-align:center;padding:10px;margin-top:7px;color:white;"> \u00a9 copyright 2019<\/div>\n\n<\/body>\n\n<\/html>\n<\/pre><\/div>\n\n\n
Maka, beginilah hasilnya.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Saat tampil di browser perangkat android.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Demikianlah artikel kali. Selamat mencoba dan semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
Web Responsive adalah desain tampilan web yang secara otomatis bisa berubah ukuran, menyembunyikan, mengecilkan, atau memperbesar, situs web, agar terlihat bagus di semua perangkat (desktop,<\/p>\n","protected":false},"author":15,"featured_media":8349,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-8273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design"],"yoast_head":"\nBelajar Web Design : Membuat Web Responsive - WebHozz Blog<\/title>\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.webhozz.com\/blog\/membuat-web-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar Web Design : Membuat Web Responsive - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Web Responsive adalah desain tampilan web yang secara otomatis bisa berubah ukuran, menyembunyikan, mengecilkan, atau memperbesar, situs web, agar terlihat bagus di semua perangkat (desktop,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-10T11:05:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-23T06:36:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\"},\"headline\":\"Belajar Web Design : Membuat Web Responsive\",\"datePublished\":\"2019-06-10T11:05:08+00:00\",\"dateModified\":\"2019-09-23T06:36:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/\"},\"wordCount\":237,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Responsive_Website_Design.jpg\",\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/\",\"name\":\"Belajar Web Design : Membuat Web Responsive - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Responsive_Website_Design.jpg\",\"datePublished\":\"2019-06-10T11:05:08+00:00\",\"dateModified\":\"2019-09-23T06:36:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Responsive_Website_Design.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/Responsive_Website_Design.jpg\",\"width\":750,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/membuat-web-responsive\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Belajar Web Design : Membuat Web Responsive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/farry\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar Web Design : Membuat Web Responsive - WebHozz Blog","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.webhozz.com\/blog\/membuat-web-responsive\/","og_locale":"en_US","og_type":"article","og_title":"Belajar Web Design : Membuat Web Responsive - WebHozz Blog","og_description":"Web Responsive adalah desain tampilan web yang secara otomatis bisa berubah ukuran, menyembunyikan, mengecilkan, atau memperbesar, situs web, agar terlihat bagus di semua perangkat (desktop,","og_url":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/","og_site_name":"WebHozz Blog","article_published_time":"2019-06-10T11:05:08+00:00","article_modified_time":"2019-09-23T06:36:10+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941"},"headline":"Belajar Web Design : Membuat Web Responsive","datePublished":"2019-06-10T11:05:08+00:00","dateModified":"2019-09-23T06:36:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/"},"wordCount":237,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg","articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/","url":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/","name":"Belajar Web Design : Membuat Web Responsive - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg","datePublished":"2019-06-10T11:05:08+00:00","dateModified":"2019-09-23T06:36:10+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/06\/Responsive_Website_Design.jpg","width":750,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/membuat-web-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Belajar Web Design : Membuat Web Responsive"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/farry\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8273","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=8273"}],"version-history":[{"count":7,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8273\/revisions"}],"predecessor-version":[{"id":8478,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8273\/revisions\/8478"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/8349"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=8273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=8273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=8273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}