{"id":6428,"date":"2015-08-20T12:15:12","date_gmt":"2015-08-20T09:15:12","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=6428"},"modified":"2017-12-19T13:48:03","modified_gmt":"2017-12-19T11:48:03","slug":"html5-contenteditable-attribute-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/","title":{"rendered":"HTML5 Contenteditable Attribute Example"},"content":{"rendered":"

In this example, we’ll be introducing and talking about contenteditable<\/code> attribute of HTML5. The contenteditable<\/code> attribute specifies whether the content of an element is editable or not.<\/p>\n

For some time now, we\u2019ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier.<\/p>\n

In this article, we’ll be looking at what this attribute is for, how it works, and how we can take things further.
\n 
\n 
\n 
\n[ulp id=’tgm4cmEWcKUikZNn’]<\/p>\n

1. Initial Setup and Application<\/h2>\n

Go ahead and create a new html document and add the basic sytnax in it like so:<\/p>\n

\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\t<title>HTML5 Contenteditable Attribute Example<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<!-- STYLE SECTION -->\r\n\r\n<style type=\"text\/css\">\r\n\r\n<\/style>\r\n\r\n<!-- HTML SECTION -->\r\n\r\n<\/body>\r\n<\/html>\r\n<\/pre>\n
1.1 Browser Support<\/h3>\n
Content editable is fully compatible with current browsers:<\/p>\n
\u2022 Firefox 3.5+
\n\u2022 Firefox for Android 19+
\n\u2022 Chrome 4.0+
\n\u2022 Internet Explorer 5.5+ *
\n\u2022 Safari 3.1+
\n\u2022 Opera 9+
\n\u2022 iOS Safari 5.0+
\n\u2022 Android Browser 3.0+
\n\u2022 Opera Mobile 12.1+
\n\u2022 Chrome for Android 25+<\/p>\n
1.2 Syntax & Attribute Values<\/h3>\n
The syntax for applying the attribute in HTML is: <element contenteditable=\"true|false\"><\/code><\/p>\n
The two values this attribute can take are:<\/p>\n
– true<\/strong> which specifies that the element is editable.
\n– false<\/strong> which specifies that the element is not editable.<\/p>\n
Note that the default value of contenteditable<\/code> is inherit<\/code> and contenteditable=\"\"<\/code> or contenteditable=\"true\"<\/code> mean the same thing when being applied, they both mean true<\/code>.<\/p>\n
1.3 Basic Application<\/h3>\n
To apply the attribute in a basic form just add a new paragraph in HTML and assign it contenteditable=\"true\"<\/code> like so:<\/p>\n
\r\n<!-- HTML SECTION  -->\r\n<p contenteditable=\"true\">This text element is editable.<\/p>\r\n<\/pre>\n
And we’d have a single line of text which can be changed to whatever text you like:
\n
\"Basic<\/a>
Basic Application of the Attribute<\/figcaption><\/figure><\/p>\n
By default, your paragraph (without this attribute) will not be editable, so there is no need to apply the false<\/code> value.<\/p>\n
2. Futher into Contenteditable<\/h2>\n
2.1 Application to a Parent Element<\/h3>\n
Applying contenteditable<\/code> attribute into parent elements, that is, elements with several elements inside them, and setting the value to true, will give all of the children element editability. Check the example below:<\/p>\n
\r\n<div contenteditable=\"true\" class=\"parent\">\r\n    <h2>I am the first child.<\/h2>\r\n    <div>I am the second child<\/div>\r\n    <p>I am the third child.<\/p>\r\n<\/div>\r\n<\/pre>\n
All of the element inside the parent<\/code> div will be fully editable.
\n
\"Parent<\/a>
Parent Element with Contenteditable Attribute<\/figcaption><\/figure><\/p>\n
This happens for all child element whenever the attribute is applied to their respective parent elements except when a child element explicitly has the contenteditable=\"false\"<\/code> applied. Let’s give an example:<\/p>\n
\r\n<div contenteditable=\"true\" class=\"parent\">\r\n    <h2 contenteditable=\"false\">I am the first child and I cannot be changed.<\/h2>\r\n    <div>I am the second child<\/div>\r\n    <p>I am the third child.<\/p>\r\n<\/div>\r\n<\/pre>\n
That is it. Now the first element will not be editable, while the others will.
\n
\"Parent<\/a>
Parent Attribute vs Child Attribute<\/figcaption><\/figure><\/p>\n
2.2 Saving the Changes<\/h3>\n
Saving changes depends on where we will store the data; commonly, it will be saved in a database. But since we do not have database access, in this tutorial, we are going to show you how to save the changes in localStorage. To do so, we will also use a bit of jQuery to make the code simpler. <\/p>\n
First, add a text element and then a button element in HTML. The button is going to save the changes.<\/p>\n
\r\n<article id=\"content\" contenteditable=\"true\">\r\n    <p>Sweet roll tiramisu chocolate bar sugar plum caramels tootsie roll caramels. Chocolate cake wypas cotton candy icing. Applicake sesame snaps liquorice pastry croissant caramels fruitcake gingerbread biscuit. Donut toffee candy canes.<\/p>\r\n<\/article>\r\n\r\n<button id=\"save\">Save Changes<\/button>\r\n\r\n<script type=\"text\/javascript\" src=\"js\/jquery-1.11.3.min.js\"><\/script>\r\n<\/pre>\n
Don’t forget to include the jQuery library on your HTML. Next, lets save the edited content using jQuery.<\/p>\n
\r\n<script>\r\n    var theContent = $('#content');\/\/ set the content\r\n\r\n    $('#save').on('click', function(){ \r\n   \/\/ stores the new content in localStorage when the button is clicked\r\n        var editedContent   = theContent.html();\r\n        localStorage.newContent = editedContent;\r\n    });\r\n<\/script>\r\n<\/pre>\n
This code will create a new key in localStorage containing the last change made in the content. We can use the Firebug or Developer Tools to clarify whether the data has been successfully stored or not, but make sure you hit the button. For Firefox users, go to the DOM panel and search for localStorage. In Chrome as well as Safari, we can see it under the \u2018Resources\u2019 tab.
\n
\"Saving<\/a>
Saving the Changes on Local Storage<\/figcaption><\/figure><\/p>\n
No only can we save changes to the local storage, but we can also retrieve these changes when the page is reloaded:<\/p>\n
\r\n<script>\r\n    \/\/ save changes to localStorage\r\n    var theContent = $('#content');\r\n    $('#save').on('click', function(){ \r\n        var editedContent   = theContent.html();\r\n        localStorage.newContent = editedContent;\r\n    });\r\n    \/\/ retrieve the saved text\r\n    if(localStorage.getItem('newContent')) { \r\n   \/\/ applies the newContent when it is exist ini localStorage\r\n        theContent.html(localStorage.getItem('newContent'));\r\n    }\r\n<\/script>\r\n<\/pre>\n
Simple as that, we’d now have the paragraph updated even when the page gets reloaded.
\n
\"Retrieving<\/a>
Retrieving Saved Changes on Page Reload!<\/figcaption><\/figure><\/p>\n
3. Conclusion<\/h2>\n
Tp conclude,  the attribute finally makes official something that\u2019s been implemented by browser makers for years. Although this is one of the lesser-known new attributes, I bet you\u2019ll find yourself using it more often than you would think. Imagine being able to simply click a block of content and start making changes instantly: making quick corrections to an article in-place, allowing users to edit their comments, or even building spreadsheets within company applications that aren\u2019t hooked up to any sort of back-end user interface. It is up to you to come up with even more uses.<\/p>\n
4. Download<\/h2>\n
Download<\/strong>
\nYou can download the full source code of this example here: HTML5 Contenteditable Attribute<\/strong><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
In this example, we’ll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of an element is editable or not. For some time now, we\u2019ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole …<\/p>\n","protected":false},"author":75,"featured_media":914,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-6428","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5"],"yoast_head":"\nHTML5 Contenteditable Attribute Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of\" \/>\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.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 Contenteditable Attribute Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fabiocimo\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-20T09:15:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-19T11:48:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Fabio Cimo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@fabiocimo\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fabio Cimo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\"},\"author\":{\"name\":\"Fabio Cimo\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22\"},\"headline\":\"HTML5 Contenteditable Attribute Example\",\"datePublished\":\"2015-08-20T09:15:12+00:00\",\"dateModified\":\"2017-12-19T11:48:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\"},\"wordCount\":749,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\",\"name\":\"HTML5 Contenteditable Attribute Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"datePublished\":\"2015-08-20T09:15:12+00:00\",\"dateModified\":\"2017-12-19T11:48:03+00:00\",\"description\":\"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/html5\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML5 Contenteditable Attribute Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22\",\"name\":\"Fabio Cimo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g\",\"caption\":\"Fabio Cimo\"},\"description\":\"Fabio is a passionate student in web tehnologies including front-end (HTML\/CSS) and web design. He likes exploring as much as possible about the world wide web and how it can be more productive for us all. Currently he studies Computer Engineering, at the same time he works as a freelancer on both web programming and graphic design.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fabiocimo\",\"https:\/\/al.linkedin.com\/in\/fabiocimo\",\"https:\/\/x.com\/fabiocimo\",\"https:\/\/www.youtube.com\/fabiocimo1\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/fabio-cimo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 Contenteditable Attribute Example - Web Code Geeks - 2026","description":"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of","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.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 Contenteditable Attribute Example - Web Code Geeks - 2026","og_description":"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of","og_url":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_author":"https:\/\/www.facebook.com\/fabiocimo","article_published_time":"2015-08-20T09:15:12+00:00","article_modified_time":"2017-12-19T11:48:03+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","type":"image\/jpeg"}],"author":"Fabio Cimo","twitter_card":"summary_large_image","twitter_creator":"@fabiocimo","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Fabio Cimo","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/"},"author":{"name":"Fabio Cimo","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22"},"headline":"HTML5 Contenteditable Attribute Example","datePublished":"2015-08-20T09:15:12+00:00","dateModified":"2017-12-19T11:48:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/"},"wordCount":749,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","articleSection":["HTML5"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/","url":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/","name":"HTML5 Contenteditable Attribute Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","datePublished":"2015-08-20T09:15:12+00:00","dateModified":"2017-12-19T11:48:03+00:00","description":"In this example, we'll be introducing and talking about contenteditable attribute of HTML5. The contenteditable attribute specifies whether the content of","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-contenteditable-attribute-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"HTML5","item":"https:\/\/www.webcodegeeks.com\/category\/html5\/"},{"@type":"ListItem","position":3,"name":"HTML5 Contenteditable Attribute Example"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/1dfb88b4a8d08c37a6080311fd330a22","name":"Fabio Cimo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b3df055f2e1b62e238889fafbb16121c68aab1adcd11af670e185cafae201b3b?s=96&d=mm&r=g","caption":"Fabio Cimo"},"description":"Fabio is a passionate student in web tehnologies including front-end (HTML\/CSS) and web design. He likes exploring as much as possible about the world wide web and how it can be more productive for us all. Currently he studies Computer Engineering, at the same time he works as a freelancer on both web programming and graphic design.","sameAs":["https:\/\/www.facebook.com\/fabiocimo","https:\/\/al.linkedin.com\/in\/fabiocimo","https:\/\/x.com\/fabiocimo","https:\/\/www.youtube.com\/fabiocimo1"],"url":"https:\/\/www.webcodegeeks.com\/author\/fabio-cimo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/6428","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=6428"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/6428\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/914"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=6428"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=6428"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=6428"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}