{"id":104,"date":"2011-12-28T19:58:53","date_gmt":"2011-12-29T00:58:53","guid":{"rendered":"https:\/\/testtrialapps.com\/imhblog\/?p=104"},"modified":"2023-04-18T19:09:46","modified_gmt":"2023-04-18T23:09:46","slug":"html5-cheat-sheets","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/","title":{"rendered":"Downloadable HTML5 Cheat Sheets"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">What is HTML5?<\/h2>\n\n\n\n<p>Before we dive into the cheat sheets, let&#8217;s define what HTML5 is and what it does. <a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/what-is-html5\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\"><strong>HTML5<\/strong><\/a> is a markup language used for structuring and presenting content on the World Wide Web. It is comprised of three kinds of code: <strong>HTML<\/strong> provides the structure, <strong>Cascading Style Sheets<\/strong> (<a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/using-css-website\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">CSS<\/a>) take care of the presentation, and <strong>JavaScript<\/strong> enables interactivity by manipulating the HTML and CSS.<\/p>\n\n\n\n<p>HTML tags and attributes within the tag are used to create the HTML documents that you see displayed via the internet. There are many tags available to architect, design and format your page. If you&#8217;re still not quite familiar, explore our articles on <a class=\"rank-math-link\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/understanding-basic-html-tags\/\">understanding basic HTML tags<\/a>&nbsp;plus our <a href=\"https:\/\/www.inmotionhosting.com\/support\/website\/html-reference\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"rank-math-link\">HTML tag reference list<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML5 Cheat Sheets<\/h2>\n\n\n\n<p>Now for the fun stuff. We have created three HTML5 cheat sheets to help beginners, designers and developers stay on top of the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tags<\/li><li>Event Handler Attributes<\/li><li>Browser Supported Features<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">HTML5 Cheat Sheet &#8211; Tags<\/h3>\n\n\n\n<p>This cheat sheet includes new tags added to HTML5, and existing tags from HTML4.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.inmotionhosting.com\/img\/infographics\/html5_cheat_sheet_tags.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"350\" src=\"\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags1.png\" alt=\"HTML5 Cheat Sheet Tag View\" class=\"wp-image-255\" title=\"HTML5 Cheat Sheet - Tags\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags1.png 510w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags1-300x205.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags1-437x300.png 437w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">HTML5 Cheat Sheet &#8211; Event Attributes<\/h3>\n\n\n\n<p>This cheat sheet includes new event attributes added to HTML5, existing attributes from HTML4, and unsupported attributes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.inmotionhosting.com\/img\/infographics\/html5_cheat_sheet_event_attributes.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"350\" src=\"\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_event_attributes.png\" alt=\"HTML5 Cheat Sheets Event Attributes\" class=\"wp-image-256\" title=\"HTML5 Cheat Sheets Event Attributes\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_event_attributes.png 510w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_event_attributes-300x205.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_event_attributes-437x300.png 437w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">HTML5 Cheat Sheet &#8211; Browser Support<\/h3>\n\n\n\n<p>This cheat sheet reviews the most common web browsers, and evaluates which ones provide support, partial support, and no support for HTML5 markup.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/www.inmotionhosting.com\/img\/infographics\/html5_cheat_sheet_browser_support.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"350\" src=\"\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_browser_support.png\" alt=\"HTML5 Cheat Sheet Browser Support\" class=\"wp-image-257\" title=\"HTML5 Cheat Sheet Browser Support\" srcset=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_browser_support.png 510w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_browser_support-300x205.png 300w, https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_browser_support-437x300.png 437w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/a><\/figure>\n\n\n\n<p>For more helpful resources on hosting, marketing, and technology, visit <a rel=\"noreferrer noopener\" class=\"rank-math-link\" href=\"https:\/\/www.inmotionhosting.com\/web-hosting-infographics\" target=\"_blank\">our web hosting infographics<\/a> page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.<\/p>\n","protected":false},"author":81,"featured_media":220,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[358],"tags":[],"class_list":["post-104","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Downloadable HTML5 Cheat Sheets: Tags, Event Handlers, Browsers<\/title>\n<meta name=\"description\" content=\"Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.\" \/>\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.inmotionhosting.com\/blog\/html5-cheat-sheets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Downloadable HTML5 Cheat Sheets: Tags, Event Handlers, Browsers\" \/>\n<meta property=\"og:description\" content=\"Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\" \/>\n<meta property=\"article:published_time\" content=\"2011-12-29T00:58:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-18T23:09:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"510\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carrie Smaha\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@carriesmaha\" \/>\n<meta name=\"twitter:site\" content=\"@inmotionhosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carrie Smaha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Downloadable HTML5 Cheat Sheets: Tags, Event Handlers, Browsers","description":"Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.","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.inmotionhosting.com\/blog\/html5-cheat-sheets\/","og_locale":"en_US","og_type":"article","og_title":"Downloadable HTML5 Cheat Sheets: Tags, Event Handlers, Browsers","og_description":"Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.","og_url":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/","og_site_name":"InMotion Hosting Blog","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting","article_published_time":"2011-12-29T00:58:53+00:00","article_modified_time":"2023-04-18T23:09:46+00:00","og_image":[{"width":510,"height":300,"url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","type":"image\/jpeg"}],"author":"Carrie Smaha","twitter_card":"summary_large_image","twitter_creator":"@carriesmaha","twitter_site":"@inmotionhosting","twitter_misc":{"Written by":"Carrie Smaha","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/"},"author":{"name":"Carrie Smaha","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/40542e598fc39115aa6e4a47db2373b3"},"headline":"Downloadable HTML5 Cheat Sheets","datePublished":"2011-12-29T00:58:53+00:00","dateModified":"2023-04-18T23:09:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/"},"wordCount":246,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/","url":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/","name":"Downloadable HTML5 Cheat Sheets: Tags, Event Handlers, Browsers","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","datePublished":"2011-12-29T00:58:53+00:00","dateModified":"2023-04-18T23:09:46+00:00","description":"Free downloadable HTML5 cheat sheets to help you with stay on top of Tags, Event Handler Attributes, and Browser Supported Features.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","width":"510","height":"300","caption":"HTML5 Cheat Sheet Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/blog\/html5-cheat-sheets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/www.inmotionhosting.com\/blog\/web-development\/"},{"@type":"ListItem","position":3,"name":"Downloadable HTML5 Cheat Sheets"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/blog\/#website","url":"https:\/\/www.inmotionhosting.com\/blog\/","name":"InMotion Hosting Blog","description":"Web Hosting Strategy, Trends and Security","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/blog\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2019\/11\/imh-logo-all-colors-big.jpg","width":1630,"height":430,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting","https:\/\/x.com\/inmotionhosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/blog\/#\/schema\/person\/40542e598fc39115aa6e4a47db2373b3","name":"Carrie Smaha","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/a5cd05c11bc0b3a239eddf54ae001dd8d0d956e9c8d1e860919bda51a33bfdbb?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a5cd05c11bc0b3a239eddf54ae001dd8d0d956e9c8d1e860919bda51a33bfdbb?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a5cd05c11bc0b3a239eddf54ae001dd8d0d956e9c8d1e860919bda51a33bfdbb?s=96&r=g","caption":"Carrie Smaha"},"description":"Carrie Smaha is a Senior Marketing Operations leader with over 20 years of experience in digital strategy, web development, and IT project management. She specializes in go-to-market programs and SaaS solutions for WordPress and VPS Hosting, working closely with technical teams and customers to deliver high-performance, scalable platforms. At InMotion Hosting, she drives product marketing initiatives that blend strategic insight with technical depth.","sameAs":["https:\/\/www.linkedin.com\/in\/carriesmaha\/","https:\/\/x.com\/carriesmaha"],"url":"https:\/\/www.inmotionhosting.com\/blog\/author\/carrie-smaha\/"}]}},"jetpack_featured_media_url":"https:\/\/www.inmotionhosting.com\/blog\/wp-content\/uploads\/2011\/12\/html5_cheat_sheet_tags-featured-image.jpg","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":35,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/104\/revisions"}],"predecessor-version":[{"id":66260,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/posts\/104\/revisions\/66260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media\/220"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}