{"id":19461,"date":"2017-12-19T16:15:36","date_gmt":"2017-12-19T14:15:36","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=19461"},"modified":"2017-12-18T16:47:21","modified_gmt":"2017-12-18T14:47:21","slug":"html5-noscript-tag-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/","title":{"rendered":"HTML5 noscript Tag Example"},"content":{"rendered":"

In this article we look at how to use the noscript<\/code> tag. This tag enables us to present alternate content to the user if they have JavaScript<\/code> disabled in their browsers. The tag presents content wrapped inside in case JavaScript is disabled. If JavaScript is enabled then the content of this tag is not displayed. So let’s get going with a example on how to leverage the noscript<\/code> tag and use it.<\/p>\n

To be precise let us look at creating a tooltip<\/code> widget which works even if JavaScript is disabled. We will implement the functionality of the widget using both JavaScript<\/code> and CSS<\/code> to accommodate the possibility of JavaScript<\/code> being disabled in the user’s environment. We will attempt to make the tooltip<\/code> work in both cases.
\n 
\n[ulp id=’tgm4cmEWcKUikZNn’]<\/p>\n

1. Tools & Technologies<\/h2>\n

To build the application for this example, I have used the following toolset. Some of them are required whilst others could be replaced by tools of your own choice.<\/p>\n

    \n
  1. HTML5<\/li>\n
  2. CSS3<\/li>\n
  3. JavaScript<\/li>\n
  4. Nodejs v6.3.0<\/a><\/li>\n
  5. Express<\/a><\/li>\n
  6. Visual Studio Code IDE<\/a><\/li>\n<\/ol>\n

    2. Project Layout<\/h2>\n

    The layout of this project is as below:<\/p>\n

    \"\"<\/a>
    Project Layout<\/figcaption><\/figure>\n\n\n\n\n\n\n\n
    css<\/td>\nThis folder contains all our CSS stylesheet resources like html5.noscript.tag.css<\/code><\/td>\n<\/tr>\n
    js<\/td>\nOur JavaScript<\/code> files reside in this folder like html5.noscript.tag.js<\/code><\/td>\n<\/tr>\n
    index.js<\/td>\nThis is the entry point of our application. It contains server side JavaScript<\/code> which implements a barebones Web Server<\/code> using Express<\/code> module to serve application resources to the browser.<\/td>\n<\/tr>\n
    index.html<\/td>\nThis is the landing page of our application. When one navigates to our application this is the page the displayed to them.<\/td>\n<\/tr>\n
    noscript.html<\/td>\nThis page demonstrates the working UI similar to the index page but without the use of JavaScript.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    3. What is noscript tag?<\/h2>\n

    The noscript<\/code> tag is special because it helps deal with JavaScript<\/code> disabled clients. It can be used to gracefully degrade by using JavaScript-less ways to implement our UI. The contents of the noscript<\/code> tag’s contents are displayed only when JavaScript<\/code> is disabled in the rendering browser. We can put a message for the user about degraded experience since JavaScript<\/code> is disabled and we can include CSS styles and HTML markup in the noscript tag to enable graceful degradation. This CSS and markup allows us to insert content to provide similar experience as original page with things relegated to server side which cannot be implemented without JavaScript<\/code>.<\/p>\n

    A few thing to note is the content of the noscript tag is limited to the meta, link and style<\/code> tags when used in the head<\/code> section of the page. And this tag can be used both in the head<\/code> as well as the body<\/code> section of a web page.<\/p>\n

    4. Implementing a Tooltip<\/h2>\n

    To demonstrate the concept of how we can use noscript<\/code> tag we will try to implement a little tooltip feature on a web page. We will use the noscript<\/code> tag to ensure the feature works even when JavaScript<\/code> is blocked. We will implement the same experience first with JavaScript and then use just css to account for JavaScript being disabled in the browser.<\/p>\n

    4.1. HTML Markup<\/h3>\n

    To start off we create an HTML page with the following HTML Markup:<\/p>\n

    index.html<\/em><\/span><\/p>\n

    <!DOCTYPE html>\r\n<html lang=\"en\">\r\n    <head>\r\n       <meta charset=\"utf-8\">\r\n       <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n       <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->\r\n       <title>WCG -- HTML5 noscript Tag Example<\/title>\r\n       <noscript>\r\n           <link rel=\"Stylesheet\" href=\"css\/html5.noscript.tag.css\"\/>\r\n       <\/noscript>\r\n <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->\r\n <!-- WARNING: Respond.js doesn't work if you view the page via file:\/\/ -->\r\n <!--[if lt IE 9]>\r\n       <script src=\"https:\/\/oss.maxcdn.com\/html5shiv\/3.7.3\/html5shiv.min.js\"><\/script>\r\n       <script src=\"https:\/\/oss.maxcdn.com\/respond\/1.4.2\/respond.min.js\"><\/script>\r\n <![endif]-->\r\n     <\/head>\r\n     <body>\r\n         <h1>WCG -- HTML5 noscript Tag Example<\/h1> \r\n \r\n         <div >This is a demo text for the article<\/div>\r\n \r\n         <noscript>\r\n             <div class=\"tooltip\">WCG -- HTML5 noscript Tag Example\r\n                 <span class=\"tooltiptext\">\r\n                      This is a tooltip!\r\n                 <\/span>\r\n             <\/div>\r\n         <\/noscript> \r\n \r\n         <script src=\"js\/html5.noscript.tag.js\"><\/script>\r\n \r\n    <\/body>\r\n<\/html>\r\n<\/pre>\n
    4.2. JavaScript<\/h3>\n
    To make the tooltip work we will write JavaScript to handle the mouseenter<\/code> & mouseleave<\/code> events of the element for which we want to show tooltip. In the mouseenter event we will show the tooltip and hide it in the mouseleave event handler. But initially when our JavaScript we also need to create markup for the element we intend to use as tooltip. Our JavaScript code for the same would look like below:<\/p>\n
    html5.noscript.tag.js<\/em><\/span><\/p>\n
    var tooltip = document.createElement(\"DIV\");\r\nvar tooltiptext = document.createTextNode(\"WCG -- HTML5 noscript Tag Example\");\r\nvar textspan = document.createElement(\"SPAN\");\r\nvar spantext = document.createTextNode(\"This is a tooltip!\");\r\n\r\ntooltip.style.position = \"relative\";\r\ntooltip.style.display = \"inline-block\";\r\ntooltip.style.borderBottom = \"1px dotted black\";\r\n\r\ntextspan.style.width = \"120px\";\r\ntextspan.style.top = \"100%\";\r\ntextspan.style.left = \"0\";\r\ntextspan.style.visibility = \"hidden\";\r\ntextspan.style.backgroundColor = \"black\";\r\ntextspan.style.color = \"whitesmoke\";\r\ntextspan.style.textAlign = \"center\";\r\ntextspan.style.padding = \"5px 0\";\r\ntextspan.style.borderRadius = \"6px\";\r\ntextspan.style.position = \"absolute\";\r\ntextspan.style.zIndex = \"1\";\r\n\r\ntextspan.appendChild(spantext);\r\ntooltip.appendChild(tooltiptext);\r\ntooltip.appendChild(textspan);\r\ndocument.body.appendChild(tooltip);\r\n\r\ntooltip.addEventListener(\"mouseenter\", function(){\r\n    textspan.style.visibility = \"visible\";\r\n});\r\ntooltip.addEventListener(\"mouseleave\", function(){\r\n    textspan.style.visibility = \"hidden\";\r\n});\r\n<\/pre>\n
    4.3. CSS<\/h3>\n
    Now let us create CSS rules that would allow our tooltip to work when JavaScript is blocked by the browser. We will use the :hover<\/code> class to show our tooltip. The CSS for it would look like below:<\/p>\n
    html5.noscript.tag.css<\/em><\/span><\/p>\n
    .tooltip{\r\n    position: relative;\r\n    display: inline-block;\r\n    border-bottom: 1px dotted black;\r\n}\r\n.tooltip .tooltiptext {\r\n    visibility: hidden;\r\n    width: 120px;\r\n    background-color: black;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 5px 0;\r\n    border-radius: 6px;    \r\n    position: absolute;\r\n    z-index: 1;\r\n}\r\n.tooltip:hover .tooltiptext {\r\n    visibility: visible;\r\n}\r\n<\/pre>\n
    5. Running the Project<\/h2>\n
    Now that we have implemented all the changes, let us run the project and look at the results. Navigate to the root of the project in a command<\/code> window and execute the following commands<\/code> in order:<\/p>\n
    > npm install\r\n<\/pre>\n
    then<\/p>\n
    > node index.js\r\n<\/pre>\n
    Now, navigate to the URL http:\/\/localhost:8090\/index.html<\/code>, with JavaScript enabled the results look like below:<\/p>\n
    \"\"<\/a>
    Results with JavaScript<\/figcaption><\/figure>\n
    With JavaScript disabled the same URL shows up like below:<\/p>\n
    \"\"<\/a>
    Results without JavaScript<\/figcaption><\/figure>\n
    6. Download the Source Code<\/h2>\n
    This concludes the example on noscript tag.<\/p>\n
    Download<\/strong>
    \nYou can download the full source code of this example here :     WCG —
    \nHTML5 noscript Tag Example<\/strong><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"
    In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled in their browsers. The tag presents content wrapped inside in case JavaScript is disabled. If JavaScript is enabled then the content of this tag is not displayed. …<\/p>\n","protected":false},"author":213,"featured_media":914,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[58,506],"class_list":["post-19461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5","tag-html5-2","tag-noscript-tag"],"yoast_head":"\nHTML5 noscript Tag Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled 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.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 noscript Tag Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled in\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-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:published_time\" content=\"2017-12-19T14:15:36+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=\"Siddharth Seth\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Siddharth Seth\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 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-noscript-tag-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\"},\"author\":{\"name\":\"Siddharth Seth\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/9c939eb4c915443c7e493c813d979592\"},\"headline\":\"HTML5 noscript Tag Example\",\"datePublished\":\"2017-12-19T14:15:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\"},\"wordCount\":734,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"keywords\":[\"html5\",\"noscript tag\"],\"articleSection\":[\"HTML5\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\",\"name\":\"HTML5 noscript Tag Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg\",\"datePublished\":\"2017-12-19T14:15:36+00:00\",\"description\":\"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled in\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-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-noscript-tag-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 noscript Tag 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\/9c939eb4c915443c7e493c813d979592\",\"name\":\"Siddharth Seth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/86a5133a5e9d79f7997e2649b1afe58e895c0d88df47b3359103ec4c1a2077d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/86a5133a5e9d79f7997e2649b1afe58e895c0d88df47b3359103ec4c1a2077d6?s=96&d=mm&r=g\",\"caption\":\"Siddharth Seth\"},\"description\":\"Siddharth is a Software Development Professional with a Master degree in Computer Applications from IGNOU. He has over 14 years of experience. And currently focused on Software Architecture, Cloud Computing, JavaScript Frameworks for Client and Server, Business Intelligence.\",\"sameAs\":[\"https:\/\/www.webcodegeeks.com\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/siddharth-seth\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 noscript Tag Example - Web Code Geeks - 2026","description":"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled 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.webcodegeeks.com\/html5\/html5-noscript-tag-example\/","og_locale":"en_US","og_type":"article","og_title":"HTML5 noscript Tag Example - Web Code Geeks - 2026","og_description":"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled in","og_url":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2017-12-19T14:15:36+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":"Siddharth Seth","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Siddharth Seth","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/"},"author":{"name":"Siddharth Seth","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/9c939eb4c915443c7e493c813d979592"},"headline":"HTML5 noscript Tag Example","datePublished":"2017-12-19T14:15:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/"},"wordCount":734,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","keywords":["html5","noscript tag"],"articleSection":["HTML5"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/","url":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/","name":"HTML5 noscript Tag Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/html5-logo.jpg","datePublished":"2017-12-19T14:15:36+00:00","description":"In this article we look at how to use the noscript tag. This tag enables us to present alternate content to the user if they have JavaScript disabled in","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/html5\/html5-noscript-tag-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-noscript-tag-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 noscript Tag 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\/9c939eb4c915443c7e493c813d979592","name":"Siddharth Seth","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/86a5133a5e9d79f7997e2649b1afe58e895c0d88df47b3359103ec4c1a2077d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/86a5133a5e9d79f7997e2649b1afe58e895c0d88df47b3359103ec4c1a2077d6?s=96&d=mm&r=g","caption":"Siddharth Seth"},"description":"Siddharth is a Software Development Professional with a Master degree in Computer Applications from IGNOU. He has over 14 years of experience. And currently focused on Software Architecture, Cloud Computing, JavaScript Frameworks for Client and Server, Business Intelligence.","sameAs":["https:\/\/www.webcodegeeks.com"],"url":"https:\/\/www.webcodegeeks.com\/author\/siddharth-seth\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/19461","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\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=19461"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/19461\/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=19461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=19461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=19461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}