{"id":5892,"date":"2014-01-28T01:19:00","date_gmt":"2014-01-28T01:19:00","guid":{"rendered":"https:\/\/www.htmlgoodies.com\/uncategorized\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/"},"modified":"2021-08-06T18:08:02","modified_gmt":"2021-08-06T18:08:02","slug":"exploring-html5s-new-datetime-input-types-for-your-web-apps","status":"publish","type":"post","link":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/","title":{"rendered":"Exploring HTML5&#8217;s New &#8216;datetime&#8217; Input Types For Your Web Apps"},"content":{"rendered":"<p>HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in HTML5 is the support for date\/time as a first class input element type. The introduction of this new input type allows web developers to get the input element&rsquo;s value as a string which represents date\/time.<\/p>\n<p>There are two input types supported for &ldquo;datetime&rdquo; like inputs.<\/p>\n<p>1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The &ldquo;datetime&rdquo; input type &ndash; is a global date-and-time input control. An input&nbsp; control with &ldquo;datetime&rdquo; input type represents a control whose element&rsquo;s value represents a global date and time (with timezone information)<\/p>\n<p>2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The &ldquo;datetime-local&rdquo; input type is a local date-and-time input control. An input control with &ldquo;datetime-local&rdquo; input type represents a control whose element&rsquo;s value represents a local date and time (and does not contain timezone information).<\/p>\n<p>&nbsp;<\/p>\n<p>Both the input types are very similar, the chief difference being that with &ldquo;datetime&rdquo; input type, the user agents may display the date and time in a user-appropriate timezone. Both the input types require valid datetime values as part of the value attribute. &nbsp;Moreover, the &ldquo;datetime-local&rdquo; input requires that the date time value should be a valid local datetime value.<\/p>\n<p>The following attributes apply to an input element with &ldquo;datetime&rdquo; or &ldquo;datetime-local&rdquo; input type.<\/p>\n<ul>\n<li>autocomplete &ndash; Acceptable values are &ldquo;on&rdquo; or &ldquo;off&rdquo;.<\/li>\n<li>autofocus &ndash; Acceptable values are &ldquo;autofocus&rdquo;, &ldquo;&rdquo; or empty.<\/li>\n<li>disabled &#8211; Acceptable values are &ldquo;disabled&rdquo; or &ldquo;&rdquo; or empty.<\/li>\n<li>list &ndash; Acceptable value is ID of a datalist element in the same document.<\/li>\n<li>max &ndash; string representing valid datetime\/datetime-local<\/li>\n<li>min &ndash; string representing valid datetime\/datetime-local<\/li>\n<li>name &ndash; string<\/li>\n<li>readonly &ndash; Acceptable values are &ldquo;readonly&rdquo;, &ldquo;&rdquo; or empty.<\/li>\n<li>required &#8211; Acceptable values are &ldquo;readonly&rdquo;, &ldquo;&rdquo; or empty.<\/li>\n<li>step &ndash; Acceptable values are &ldquo;any&rdquo; or a positive floating point number.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Here is a simple web page with datetime and datetime-local input type.<\/p>\n<p>&lt;!DOCTYPE html&gt;<\/p>\n<p>&lt;html&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;header&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;Datetime demo&lt;\/h1&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;Demo showing datetime and datetime-local types on input element&lt;\/p&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;\/header&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;footer&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;&lt;\/h1&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;HTML Goodies&lt;\/p&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;\/footer&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; Datetime example 2<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;input type=&#8221;datetime&#8221; value=&#8221;1990-12-31T23:59:60Z&#8221; \/&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;br&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; Datetime example 2<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;input type=&#8221;datetime&#8221; value=&#8221;1996-12-19T16:39:57-08:00&#8243; \/&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;br&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; Datetime-local example 1<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;input type=&#8221;datetime-local&#8221; value=&#8221;1985-04-12T23:20:50.52&#8243; \/&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;br&gt;<\/p>\n<p>&nbsp;&nbsp;&nbsp; Datetime-local example 2<\/p>\n<p>&nbsp;&nbsp;&nbsp; &lt;input type=&#8221;datetime-local&#8221; value=&#8221;1996-12-19T16:39:57&#8243; \/&gt;<\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/p>\n<p>&nbsp;<\/p>\n<p>When this page is opened in a modern browser which supports HTMl5, it looks as under<\/p>\n<p><img src=\"\/wp-content\/uploads\/2021\/04\/5c5ec3aa49fba329abcf3511cc5be76d.png\" style=\"border: 1px solid black;\" \/><\/p>\n<p>You can see how the datetime-local input type shows up differently in Google Chrome than the datetime input type. (Other browsers like Firefox and IE 11 do not differentiate in rendering between the two input types.<\/p>\n<p>As with other input controls, one can add validation to make the inputs in these fields more restrictive.<\/p>\n<p>As discussed, datetime input types can be used where the control&rsquo;s value is required to be a value datetime formatted as a string.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Summary<\/strong><\/p>\n<p>In this article, we learned about the new datetime and datetime-local types on the input element in HTML5.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>About the author<\/strong><\/p>\n<p>Vipul Patel is a Program Manager currently working at Amazon Corporation. He has formerly worked at Microsoft in the Lync team and in the .NET team (in the Base Class libraries and the Debugging and Profiling team). He can be reached at vipul.patel@hotmail.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in HTML5 is the support for date\/time as a first class input element type. The introduction of this new input type allows web developers to get the input element&rsquo;s value [&hellip;]<\/p>\n","protected":false},"author":112,"featured_media":5893,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[30618,30580],"tags":[1987,2003],"b2b_audience":[29],"b2b_industry":[52],"b2b_product":[68,86],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Exploring HTML5&#039;s New &#039;datetime&#039; Input Types For Your Web Apps | HTML Goodies<\/title>\n<meta name=\"description\" content=\"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in\" \/>\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.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exploring HTML5&#039;s New &#039;datetime&#039; Input Types For Your Web Apps | HTML Goodies\" \/>\n<meta property=\"og:description\" content=\"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Goodies\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-28T01:19:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-06T18:08:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:site\" content=\"@htmlgoodies\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vipul Patel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\",\"name\":\"HTML Goodies\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"sameAs\":[\"https:\/\/twitter.com\/htmlgoodies\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png\",\"width\":584,\"height\":136,\"caption\":\"HTML Goodies\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\",\"url\":\"https:\/\/www.htmlgoodies.com\/\",\"name\":\"HTML Goodies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.htmlgoodies.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage\",\"url\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg\",\"contentUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg\",\"width\":200,\"height\":150},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage\",\"url\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/\",\"name\":\"Exploring HTML5's New 'datetime' Input Types For Your Web Apps | HTML Goodies\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage\"},\"datePublished\":\"2014-01-28T01:19:00+00:00\",\"dateModified\":\"2021-08-06T18:08:02+00:00\",\"description\":\"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in\",\"breadcrumb\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.htmlgoodies.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exploring HTML5&#8217;s New &#8216;datetime&#8217; Input Types For Your Web Apps\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/cf3248521b6a25d568016170c48dc999\"},\"headline\":\"Exploring HTML5&#8217;s New &#8216;datetime&#8217; Input Types For Your Web Apps\",\"datePublished\":\"2014-01-28T01:19:00+00:00\",\"dateModified\":\"2021-08-06T18:08:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage\"},\"wordCount\":744,\"publisher\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg\",\"keywords\":[\"browser\",\"HTML5\"],\"articleSection\":[\"HTML5\",\"Mobile\"],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/cf3248521b6a25d568016170c48dc999\",\"name\":\"Vipul Patel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2690f2b465351000e17804f7e769b2f3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2690f2b465351000e17804f7e769b2f3?s=96&d=mm&r=g\",\"caption\":\"Vipul Patel\"},\"url\":\"https:\/\/www.htmlgoodies.com\/author\/vipul-patel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exploring HTML5's New 'datetime' Input Types For Your Web Apps | HTML Goodies","description":"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in","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.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/","og_locale":"en_US","og_type":"article","og_title":"Exploring HTML5's New 'datetime' Input Types For Your Web Apps | HTML Goodies","og_description":"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in","og_url":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/","og_site_name":"HTML Goodies","article_published_time":"2014-01-28T01:19:00+00:00","article_modified_time":"2021-08-06T18:08:02+00:00","og_image":[{"width":200,"height":150,"url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@htmlgoodies","twitter_site":"@htmlgoodies","twitter_misc":{"Written by":"Vipul Patel","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.htmlgoodies.com\/#organization","name":"HTML Goodies","url":"https:\/\/www.htmlgoodies.com\/","sameAs":["https:\/\/twitter.com\/htmlgoodies"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/03\/HTMLg_weblogo_MobileLogo.png","width":584,"height":136,"caption":"HTML Goodies"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/logo\/image\/"}},{"@type":"WebSite","@id":"https:\/\/www.htmlgoodies.com\/#website","url":"https:\/\/www.htmlgoodies.com\/","name":"HTML Goodies","description":"","publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.htmlgoodies.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage","url":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg","contentUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg","width":200,"height":150},{"@type":"WebPage","@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage","url":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/","name":"Exploring HTML5's New 'datetime' Input Types For Your Web Apps | HTML Goodies","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage"},"datePublished":"2014-01-28T01:19:00+00:00","dateModified":"2021-08-06T18:08:02+00:00","description":"HTML5 introduces a lot of changes to support the new scenarios in which the &ldquo;Web&rdquo; is being used. One of the new changes being introduced in","breadcrumb":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.htmlgoodies.com\/"},{"@type":"ListItem","position":2,"name":"Exploring HTML5&#8217;s New &#8216;datetime&#8217; Input Types For Your Web Apps"}]},{"@type":"Article","@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#article","isPartOf":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage"},"author":{"@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/cf3248521b6a25d568016170c48dc999"},"headline":"Exploring HTML5&#8217;s New &#8216;datetime&#8217; Input Types For Your Web Apps","datePublished":"2014-01-28T01:19:00+00:00","dateModified":"2021-08-06T18:08:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#webpage"},"wordCount":744,"publisher":{"@id":"https:\/\/www.htmlgoodies.com\/#organization"},"image":{"@id":"https:\/\/www.htmlgoodies.com\/mobile\/exploring-html5s-new-datetime-input-types-for-your-web-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.htmlgoodies.com\/wp-content\/uploads\/2021\/04\/soft-code_200x150-13.jpg","keywords":["browser","HTML5"],"articleSection":["HTML5","Mobile"],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/cf3248521b6a25d568016170c48dc999","name":"Vipul Patel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.htmlgoodies.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2690f2b465351000e17804f7e769b2f3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2690f2b465351000e17804f7e769b2f3?s=96&d=mm&r=g","caption":"Vipul Patel"},"url":"https:\/\/www.htmlgoodies.com\/author\/vipul-patel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/5892"}],"collection":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/comments?post=5892"}],"version-history":[{"count":0,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/posts\/5892\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media\/5893"}],"wp:attachment":[{"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/media?parent=5892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/categories?post=5892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/tags?post=5892"},{"taxonomy":"b2b_audience","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_audience?post=5892"},{"taxonomy":"b2b_industry","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_industry?post=5892"},{"taxonomy":"b2b_product","embeddable":true,"href":"https:\/\/www.htmlgoodies.com\/wp-json\/wp\/v2\/b2b_product?post=5892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}