{"id":40398,"date":"2017-11-13T23:01:49","date_gmt":"2017-11-13T15:01:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=40398"},"modified":"2025-04-04T02:50:40","modified_gmt":"2025-04-03T18:50:40","slug":"html-elements-you-dont-know","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/","title":{"rendered":"5 HTML Elements You Might Not Know How to Use"},"content":{"rendered":"

Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax<\/strong> that might turn out to be important knowledge we can put to some good use<\/strong>. That\u2019s why whether it\u2019s the new features of HTML<\/a><\/strong> or its less known applications<\/a><\/strong> that haven\u2019t yet come into your radar, we cover them quite often on this site.<\/p>\n

In today\u2019s post, we\u2019ll look into five HTML elements, some of which you may frequently use, but probably not at its full potential<\/strong>.<\/p>\n

Read Also:<\/strong> 5 HTML Features You Might Not Know About<\/a><\/p>\n

1. <data><\/code><\/h2>\n

The <data><\/code><\/a> element has a similar function to the data-*<\/code><\/a> attributes<\/strong>. It can be used to provide machine-readable data<\/strong> for a user-friendly content. The value<\/code> attribute of this element carries the added information.<\/p>\n

\r\n<p>The three volumes of the Lord of the Rings novel are:\r\n  <data value='0-345-24032-4'>The Fellowship of the Ring<\/data>,\r\n  <data value='0-345-23510-X'>The Two Towers<\/data>, and\r\n  <data value='0-345-24034-0'>The Return of the King<\/data>.<\/p>\r\n<p><i>ISBNs of the books mentioned in this page:<\/i>\r\n  <span id='ISBNListBlank'><\/span><\/p>\r\n<\/pre>\n
In the above HTML, the ISBN<\/abbr> of each book is added in the value<\/code> attribute of the <data><\/code> element<\/strong> that encloses the book title. On the book market, ISBN is used to uniquely identify a book.<\/p>\n
\r\nconst ISBNListBlank = document.querySelector('#ISBNListBlank')\r\nconst dataElements = document.querySelectorAll('data');\r\nconst ary = [];\r\ndataElements.forEach((dataElement)\r\n  => ary.push(dataElement.textContent + ' : ' + dataElement.value))\r\nISBNListBlank.textContent = ary.join(', ')\r\n<\/pre>\n
To roughly show you how to extract the <data><\/code> values in JavaScript, the above script extracts the ISBNs from the <data><\/code> tag<\/strong> and displays them, along with the book titles, at a designated place in the page.<\/p>\n
\"Use<\/figure>\n
2. <label><\/code><\/h2>\n
Most likely you\u2019re already familiar with the <label><\/code><\/a> element, however it\u2019s not just for checkboxes<\/strong>. It can control other labellable<\/em> elements<\/strong> as well, performing their actions just like it performs the actions of checkboxes.<\/p>\n
You only have to use the same value<\/strong> for the id<\/code> attribute of the HTML element you want to control and the for<\/code> attribute of the belonging <label><\/code> tag.<\/p>\n
\r\n<label for='alertBtn'>\r\n  Clicking on this text clicks the button below.\r\n<\/label>\r\n<button id='alertBtn' onclick=\"javascript:alert('Hello')\">\r\n  ALERT\r\n<\/button>\r\n<\/pre>\n
Clicking the text of <label><\/code> will trigger the click<\/code> event of <button><\/code><\/strong> and show the given alert message.<\/p>\n
3. <ruby><\/code><\/h2>\n
This element is mostly used for East-Asian languages<\/strong>, however this isn\u201dt its only use case. The purpose of <ruby><\/code><\/a> is simply to add annotation or pronunciation for texts<\/strong>, and you can do just that with English content as well.<\/p>\n
The element encloses two main sub-elements<\/strong>, namely <rb><\/code> and <rt><\/code>. The <rb><\/code> tag holds the text you want to annotate (called the base<\/em> text) and <rt><\/code> holds the annotation itself.<\/p>\n
\r\n<p>A person who sets up a business or businesses, taking on financial\r\nrisks in the hope of profit, is called\r\n<ruby><rb>entrepreneur<\/rb><rt>\u02cc\u0252ntr\u0259pr\u0259\u02c8n\u0259\u02d0<\/rt><\/ruby>;\r\na promoter in the entertainment industry.<\/p>\r\n<\/pre>\n
The pronunciation of the \u201centrepreneur\u201d word is added using the <ruby><\/code> element inside the paragraph<\/strong>. The word itself is wrapped in the <rb><\/code> tag and the pronunciation in <rt><\/code>.<\/p>\n
This is how the output looks like:<\/p>\n
\"Use<\/figure>\n
4. <ol><\/code><\/h2>\n
The <ol><\/code> element for ordered lists<\/strong> is another element that you may be familiar with. It creates a list that has numbered elements<\/strong>, as opposed to an unordered list created with <ul><\/code>.<\/p>\n
You might have known about the ordering, but did you know that the order can be reversed<\/strong>? Instead of an incrementing order, decrementing numbering<\/strong> can also be performed by <ol><\/code>, using the reversed<\/code> attribute<\/strong>.<\/p>\n
\r\n<ol reversed type=I>\r\n  <li>Scrabble<\/li>\r\n  <li>Mahjong<\/li>\r\n  <li>Monopoly<\/li>\r\n  <li>Chess<\/li>\r\n  <li>Jenga<\/li>\r\n<\/ol>\r\n<\/pre>\n
The reversed<\/code> attribute reverses the numbering<\/strong>, while the type<\/code> attribute determines the type of numbering<\/strong>. The capital I denotes capital roman numbering.<\/p>\n
This is how it looks like on the screen:<\/p>\n
\"Use<\/figure>\n
5. <dfn><\/code><\/h2>\n
The  <dfn><\/code><\/a> element is meant to wrap a term that is defined by its surrounding text<\/strong>. The text enclosed by the <dfn><\/code> tag is styled by browsers with italics<\/strong>, meaning this is the term being defined.<\/p>\n
You can add the definition of the term inside <dfn><\/code> in the value of its title<\/code> attribute, which is useful to define words that aren\u2019t necessarily defined by their surrounding text<\/strong>.<\/p>\n
The <dfn><\/code> element works similarly to <abbr><\/code><\/strong> which displays the meaning of an abbreviation given in its title<\/code> attribute when the user hovers over the element.<\/p>\n
\r\n<p>There's a\r\n<dfn title='a division or contrast between two things\r\nthat are or are represented as being opposed or entirely different'>\r\n  dichotomy\r\n<\/dfn>\r\nbetween the design and the prototype.<\/p>\r\n<\/pre>\n
This is its default browser styling<\/strong>, however on a production site, you may want to use a different style:<\/p>\n
\"Use<\/figure>\n
Taking the cursor over the defined word, the page will show the definition added in the title<\/code> attribute<\/strong>.<\/p>\n
Read Also:<\/strong> A Look Into Proper HTML5 Semantics<\/a><\/p>","protected":false},"excerpt":{"rendered":"
Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to some good use. That\u2019s why whether it\u2019s the new features of HTML or its less known applications that haven\u2019t yet come into your radar, we cover…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392],"tags":[506,511],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n5 HTML Elements You Probably Don't Know<\/title>\n<meta name=\"description\" content=\"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to\" \/>\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.hongkiat.com\/blog\/html-elements-you-dont-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 HTML Elements You Might Not Know How to Use\" \/>\n<meta property=\"og:description\" content=\"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-13T15:01:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T18:50:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg\" \/>\n<meta name=\"author\" content=\"Hongkiat Lim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat Lim\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/\"},\"author\":{\"name\":\"Hongkiat Lim\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\"},\"headline\":\"5 HTML Elements You Might Not Know How to Use\",\"datePublished\":\"2017-11-13T15:01:49+00:00\",\"dateModified\":\"2025-04-03T18:50:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/\"},\"wordCount\":594,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html-elements-you-dont-know\\\/data.jpg\",\"keywords\":[\"HTML\",\"Web Developers\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/\",\"name\":\"5 HTML Elements You Probably Don't Know\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html-elements-you-dont-know\\\/data.jpg\",\"datePublished\":\"2017-11-13T15:01:49+00:00\",\"dateModified\":\"2025-04-03T18:50:40+00:00\",\"description\":\"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html-elements-you-dont-know\\\/data.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/html-elements-you-dont-know\\\/data.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/html-elements-you-dont-know\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 HTML Elements You Might Not Know How to Use\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e3613a3bf757e4f67770f0b7a339edd0\",\"name\":\"Hongkiat Lim\",\"description\":\"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.\",\"sameAs\":[\"http:\\\/\\\/www.hongkiat.com\\\/blog\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/hongkiat\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"5 HTML Elements You Probably Don't Know","description":"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to","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.hongkiat.com\/blog\/html-elements-you-dont-know\/","og_locale":"en_US","og_type":"article","og_title":"5 HTML Elements You Might Not Know How to Use","og_description":"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to","og_url":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-11-13T15:01:49+00:00","article_modified_time":"2025-04-03T18:50:40+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg","type":"","width":"","height":""}],"author":"Hongkiat Lim","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat Lim","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/"},"author":{"name":"Hongkiat Lim","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0"},"headline":"5 HTML Elements You Might Not Know How to Use","datePublished":"2017-11-13T15:01:49+00:00","dateModified":"2025-04-03T18:50:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/"},"wordCount":594,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg","keywords":["HTML","Web Developers"],"articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/","url":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/","name":"5 HTML Elements You Probably Don't Know","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg","datePublished":"2017-11-13T15:01:49+00:00","dateModified":"2025-04-03T18:50:40+00:00","description":"Familiar yet unknown, or utterly new, it happens that we miss out parts of the HTML syntax that might turn out to be important knowledge we can put to","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/html-elements-you-dont-know\/data.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/html-elements-you-dont-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"5 HTML Elements You Might Not Know How to Use"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e3613a3bf757e4f67770f0b7a339edd0","name":"Hongkiat Lim","description":"Founder and Editor in Chief of Hongkiat.com. Hongkiat is also a designer, developer, entrepreneur, and an active investor in the US stock market.","sameAs":["http:\/\/www.hongkiat.com\/blog"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/hongkiat\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-avA","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40398","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=40398"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40398\/revisions"}],"predecessor-version":[{"id":73740,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/40398\/revisions\/73740"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=40398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=40398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=40398"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=40398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}