{"id":53497,"date":"2020-01-13T10:00:45","date_gmt":"2020-01-13T09:00:45","guid":{"rendered":"https:\/\/www.humanlevel.com\/diccionario-marketing-digital\/html-dinamico"},"modified":"2020-01-13T10:00:45","modified_gmt":"2020-01-13T09:00:45","slug":"dynamic-html","status":"publish","type":"dicmarketing","link":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html","title":{"rendered":"Dynamic HTML or DHTML"},"content":{"rendered":"<p><strong>Dynamic HTML or DHTML<\/strong>, is the one that through the use of <strong>JavaScript is modified as the user interacts<\/strong> with it. The term is in disuse since anything done with JavaScript such as <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\" target=\"_blank\" rel=\"noopener noreferrer\">AJAX<\/a>, animations, sliders, carousels, form validation, etc., is considered and practically <strong>all websites have dynamic elements<\/strong>.<\/p>\n<p>In addition, many of them have <strong>mobile application functionalities<\/strong>, being considered not as web <strong>pages<\/strong>, but as web <strong>applications<\/strong> or <strong>PWAs (Progressive Web Applications)<\/strong>.<\/p>\n<h2>Importance of DHTML in SEO<\/h2>\n<p><strong>In SEO, attention should be paid to how some functionality is implemented<\/strong>, as it will affect what <strong>the spider bot will see on the page, <\/strong>since it does not always execute JavaScript and does not perform user actions such as button clicks.<\/p>\n<p>For example, it is important to study whether the contents displayed dynamically in pop-ups or tabs are relevant for positioning or not, and whether they appear hidden on the page or not, or whether the contents loaded with <strong>AJAX are indexable<\/strong>.<\/p>\n<h2>Difference between DHTML and dynamic page<\/h2>\n<p><strong>The term DHTML should not be confused with dynamic page.<\/strong>Dynamic page: a dynamic page is the one generated by means of some server language, being able to be built in a different way based on the parameters it receives, as opposed to a static page, which is the one that does not use programming, so it is always the same.<\/p>\n<p>The fundamental difference between DHTML and a dynamic page is that <strong>DHTML is dynamic or changes on the client<\/strong> and the <strong>dynamic page on the server<\/strong>.<\/p>\n<h2>Additional references<\/h2>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/javascript\/javascript-seo-basics?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Understand basic SEO concepts in JavaScript<\/a><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/playlist?list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9\" target=\"_blank\" rel=\"noopener noreferrer\">Google videos about Javascript SEO<\/a><\/p>\n\n<section class=\"rounded-xlg cta-image\">\n<div>\n<p class=\"gb-text cta-abovetitle\">Tu marca, visible y encontrable<\/p>\n\n\n\n<p class=\"gb-text cta-title\">Est\u00e1s a un paso de dominar tu categor\u00eda online<\/p>\n\n\n\n<a class=\"gb-text btn\" href=\"#anchor-formulario\">Start now<\/a>\n<\/div>\n\n\n\n<img loading=\"lazy\" class=\"gb-media-f45eabef\" alt=\"\" title=\"HL20-SEO\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/HL20-SEO-1-e1770805082974.png\" width=\"500\" height=\"400\"\/>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Dynamic HTML or DHTML, is the one that through the use of JavaScript is modified as the user interacts with&#8230;<\/p>\n","protected":false},"author":14,"featured_media":48196,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"area":[410],"letra":[385,389],"class_list":["post-53497","dicmarketing","type-dicmarketing","status-publish","format-standard","has-post-thumbnail","hentry","area-web-development","letra-d","letra-h"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Dynamic HTML or DHTML?<\/title>\n<meta name=\"description\" content=\"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.\" \/>\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.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Dynamic HTML or DHTML?\" \/>\n<meta property=\"og:description\" content=\"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html\" \/>\n<meta property=\"og:site_name\" content=\"Human Level\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html\"},\"author\":{\"name\":\"Ram\u00f3n Saquete\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/11ad888926867985985a0210476bae94\"},\"headline\":\"Dynamic HTML or DHTML\",\"datePublished\":\"2020-01-13T09:00:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html\"},\"wordCount\":333,\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/html-dinamico.jpg\",\"inLanguage\":\"en-US\"},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html\",\"name\":\"What is Dynamic HTML or DHTML?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/html-dinamico.jpg\",\"datePublished\":\"2020-01-13T09:00:45+00:00\",\"description\":\"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#primaryimage\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/html-dinamico.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/html-dinamico.jpg\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-dictionary\\\/dynamic-html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-glossary\\\/web-development\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dynamic HTML or DHTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"name\":\"Human Level\",\"description\":\"Web positioning and online marketing consultant Human Level\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.humanlevel.com\\\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\",\"name\":\"Human Level\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"width\":600,\"height\":93,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/human-level-communications\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/humanlevelcommunica\",\"https:\\\/\\\/bsky.app\\\/profile\\\/humanlevel.bsky.social\",\"https:\\\/\\\/instagram.com\\\/humanlevel\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/11ad888926867985985a0210476bae94\",\"name\":\"Ram\u00f3n Saquete\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"caption\":\"Ram\u00f3n Saquete\"},\"description\":\"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.\",\"sameAs\":[\"https:\\\/\\\/es.linkedin.com\\\/in\\\/ramonsaquete\",\"https:\\\/\\\/x.com\\\/daiatron\"],\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/author\\\/ramon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Dynamic HTML or DHTML?","description":"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.","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.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html","og_locale":"en_US","og_type":"article","og_title":"What is Dynamic HTML or DHTML?","og_description":"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.","og_url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html","og_site_name":"Human Level","og_image":[{"width":400,"height":400,"url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#article","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html"},"author":{"name":"Ram\u00f3n Saquete","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94"},"headline":"Dynamic HTML or DHTML","datePublished":"2020-01-13T09:00:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html"},"wordCount":333,"publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg","inLanguage":"en-US"},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html","url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html","name":"What is Dynamic HTML or DHTML?","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#primaryimage"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg","datePublished":"2020-01-13T09:00:45+00:00","description":"Dynamic HTML or DHTML is the one that through the use of JavaScript is modified as the user interacts with it. Read more in this post.","breadcrumb":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#primaryimage","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/html-dinamico.jpg","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/dynamic-html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/www.humanlevel.com\/en\/digital-marketing-glossary\/web-development"},{"@type":"ListItem","position":3,"name":"Dynamic HTML or DHTML"}]},{"@type":"WebSite","@id":"https:\/\/www.humanlevel.com\/en#website","url":"https:\/\/www.humanlevel.com\/en","name":"Human Level","description":"Web positioning and online marketing consultant Human Level","publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.humanlevel.com\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.humanlevel.com\/en#organization","name":"Human Level","url":"https:\/\/www.humanlevel.com\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","width":600,"height":93,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/human-level-communications","https:\/\/www.youtube.com\/user\/humanlevelcommunica","https:\/\/bsky.app\/profile\/humanlevel.bsky.social","https:\/\/instagram.com\/humanlevel"]},{"@type":"Person","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94","name":"Ram\u00f3n Saquete","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","caption":"Ram\u00f3n Saquete"},"description":"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.","sameAs":["https:\/\/es.linkedin.com\/in\/ramonsaquete","https:\/\/x.com\/daiatron"],"url":"https:\/\/www.humanlevel.com\/en\/author\/ramon"}]}},"_links":{"self":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing"}],"about":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/types\/dicmarketing"}],"author":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/comments?post=53497"}],"version-history":[{"count":5,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53497\/revisions"}],"predecessor-version":[{"id":54393,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53497\/revisions\/54393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media\/48196"}],"wp:attachment":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media?parent=53497"}],"wp:term":[{"taxonomy":"area","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/area?post=53497"},{"taxonomy":"letra","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/letra?post=53497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}