{"appState":{"pageLoadApiCallsStatus":true},"articleState":{"article":{"headers":{"creationTime":"2016-03-26T15:52:05+00:00","modifiedTime":"2016-03-26T15:52:05+00:00","timestamp":"2022-09-14T18:06:18+00:00"},"data":{"breadcrumbs":[{"name":"Technology","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33512"},"slug":"technology","categoryId":33512},{"name":"Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33592"},"slug":"programming-web-design","categoryId":33592},{"name":"General Programming & Web Design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33610"},"slug":"general-programming-web-design","categoryId":33610}],"title":"Designing Your Website with HTML/HTML5","strippedTitle":"designing your website with html/html5","slug":"designing-your-website-with-htmlhtml5","canonicalUrl":"","seo":{"metaDescription":"If you're designing websites, you're probably going to want to use standards-compliant HTML5 markup — after all, you need to use some type of markup language so","noIndex":0,"noFollow":0},"content":"<p>If you're designing websites, you're probably going to want to use standards-compliant HTML5 markup — after all, you need to use some type of markup language so that your websites can communicate, right? The table here gives you a rundown of the most popular HTML5 tags and tells you what each does.</p>\n<table border=\"0\">\n<tbody>\n<tr>\n<th>Tag</th> <th>Description</th>\n</tr>\n<tr>\n<td><span class=\"code\"><!--...--></span></td>\n<td>Defines a comment in the HTML code</td>\n</tr>\n<tr>\n<td><span class=\"code\"><!DOCTYPE></span></td>\n<td>Defines the document type</td>\n</tr>\n<tr>\n<td><span class=\"code\"><a></span></td>\n<td>Defines an anchor</td>\n</tr>\n<tr>\n<td><span class=\"code\"><article></span></td>\n<td>Defines an article</td>\n</tr>\n<tr>\n<td><span class=\"code\"><aside></span></td>\n<td>Defines content that sides next to other content</td>\n</tr>\n<tr>\n<td><span class=\"code\"><audio></span></td>\n<td>Defines a sound</td>\n</tr>\n<tr>\n<td><span class=\"code\"><blockquote></span></td>\n<td>Defines a long quotation</td>\n</tr>\n<tr>\n<td><span class=\"code\"><body></span></td>\n<td>Defines the body element</td>\n</tr>\n<tr>\n<td><span class=\"code\"><br></span></td>\n<td>Inserts a single line break</td>\n</tr>\n<tr>\n<td><span class=\"code\"><canvas></span></td>\n<td>Defines an area where graphics can be drawn with JavaScript</td>\n</tr>\n<tr>\n<td><span class=\"code\"><caption></span></td>\n<td>Defines a table caption</td>\n</tr>\n<tr>\n<td><span class=\"code\"><cite></span></td>\n<td>Defines a citation</td>\n</tr>\n<tr>\n<td><span class=\"code\"><code></span></td>\n<td>Defines computer code text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><details></span></td>\n<td>Defines a details section that can be shown or hidden</td>\n</tr>\n<tr>\n<td><span class=\"code\"><div></span></td>\n<td>Defines a section in a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><em></span></td>\n<td>Defines emphasized (italic) text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><embed></span></td>\n<td>Defines a space to insert media files like plug-ins or applications</td>\n</tr>\n<tr>\n<td><span class=\"code\"><figure></span></td>\n<td>Defines content like photos, illustrations, and diagrams, etc.</td>\n</tr>\n<tr>\n<td><span class=\"code\"><figcaption></span></td>\n<td>Defines the caption for a figure</td>\n</tr>\n<tr>\n<td><span class=\"code\"><footer></span></td>\n<td>Defines a footer for a section or the entire document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><form></span></td>\n<td>Defines a form</td>\n</tr>\n<tr>\n<td><span class=\"code\"><h1> to <h6></span></td>\n<td>Defines header 1 to header 6</td>\n</tr>\n<tr>\n<td><span class=\"code\"><head></span></td>\n<td>Defines information about the document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><header></span></td>\n<td>Defines a header for a section or the entire document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><hr></span></td>\n<td>Defines a horizontal rule</td>\n</tr>\n<tr>\n<td><span class=\"code\"><html></span></td>\n<td>Defines an HTML document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><iframe></span></td>\n<td>Defines an inline subwindow (frame)</td>\n</tr>\n<tr>\n<td><span class=\"code\"><img></span></td>\n<td>Defines an image</td>\n</tr>\n<tr>\n<td><span class=\"code\"><input></span></td>\n<td>Defines an input field</td>\n</tr>\n<tr>\n<td><span class=\"code\"><label></span></td>\n<td>Defines a label for a form control</td>\n</tr>\n<tr>\n<td><span class=\"code\"><li></span></td>\n<td>Defines a list item</td>\n</tr>\n<tr>\n<td><span class=\"code\"><link></span></td>\n<td>Defines a resource reference</td>\n</tr>\n<tr>\n<td><span class=\"code\"><map></span></td>\n<td>Defines an image map</td>\n</tr>\n<tr>\n<td><span class=\"code\"><meta></span></td>\n<td>Defines meta information</td>\n</tr>\n<tr>\n<td><span class=\"code\"><nav></span></td>\n<td>Defines a set of navigation links</td>\n</tr>\n<tr>\n<td><span class=\"code\"><noscript></span></td>\n<td>Defines a noscript section</td>\n</tr>\n<tr>\n<td><span class=\"code\"><ol></span></td>\n<td>Defines an ordered list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><p></span></td>\n<td>Defines a paragraph</td>\n</tr>\n<tr>\n<td><span class=\"code\"><pre></span></td>\n<td>Defines preformatted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><script></span></td>\n<td>Defines a script</td>\n</tr>\n<tr>\n<td><span class=\"code\"><section></span></td>\n<td>Defines a section within a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><select></span></td>\n<td>Defines a selectable list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><source></span></td>\n<td>Defines a media resource for audio or video</td>\n</tr>\n<tr>\n<td><span class=\"code\"><span></span></td>\n<td>Defines a section in a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><strong></span></td>\n<td>Defines strong (bold) text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><style></span></td>\n<td>Defines a style definition</td>\n</tr>\n<tr>\n<td><span class=\"code\"><sub></span></td>\n<td>Defines subscripted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><summary></span></td>\n<td>Defines a heading for a <details> element</td>\n</tr>\n<tr>\n<td><span class=\"code\"><sup></span></td>\n<td>Defines superscripted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><table></span></td>\n<td>Defines a table</td>\n</tr>\n<tr>\n<td><span class=\"code\"><td></span></td>\n<td>Defines a table cell</td>\n</tr>\n<tr>\n<td><span class=\"code\"><textarea></span></td>\n<td>Defines a text area</td>\n</tr>\n<tr>\n<td><span class=\"code\"><th></span></td>\n<td>Defines a table header</td>\n</tr>\n<tr>\n<td><span class=\"code\"><time></span></td>\n<td>Defines the date or time</td>\n</tr>\n<tr>\n<td><span class=\"code\"><title></span></td>\n<td>Defines the document title</td>\n</tr>\n<tr>\n<td><span class=\"code\"><tr></span></td>\n<td>Defines a table row</td>\n</tr>\n<tr>\n<td><span class=\"code\"><track></span></td>\n<td>Defines the text tracks for audio or video</td>\n</tr>\n<tr>\n<td><span class=\"code\"><ul></span></td>\n<td>Defines an unordered list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><video></span></td>\n<td>Defines a movie file or video</td>\n</tr>\n</tbody>\n</table>","description":"<p>If you're designing websites, you're probably going to want to use standards-compliant HTML5 markup — after all, you need to use some type of markup language so that your websites can communicate, right? The table here gives you a rundown of the most popular HTML5 tags and tells you what each does.</p>\n<table border=\"0\">\n<tbody>\n<tr>\n<th>Tag</th> <th>Description</th>\n</tr>\n<tr>\n<td><span class=\"code\"><!--...--></span></td>\n<td>Defines a comment in the HTML code</td>\n</tr>\n<tr>\n<td><span class=\"code\"><!DOCTYPE></span></td>\n<td>Defines the document type</td>\n</tr>\n<tr>\n<td><span class=\"code\"><a></span></td>\n<td>Defines an anchor</td>\n</tr>\n<tr>\n<td><span class=\"code\"><article></span></td>\n<td>Defines an article</td>\n</tr>\n<tr>\n<td><span class=\"code\"><aside></span></td>\n<td>Defines content that sides next to other content</td>\n</tr>\n<tr>\n<td><span class=\"code\"><audio></span></td>\n<td>Defines a sound</td>\n</tr>\n<tr>\n<td><span class=\"code\"><blockquote></span></td>\n<td>Defines a long quotation</td>\n</tr>\n<tr>\n<td><span class=\"code\"><body></span></td>\n<td>Defines the body element</td>\n</tr>\n<tr>\n<td><span class=\"code\"><br></span></td>\n<td>Inserts a single line break</td>\n</tr>\n<tr>\n<td><span class=\"code\"><canvas></span></td>\n<td>Defines an area where graphics can be drawn with JavaScript</td>\n</tr>\n<tr>\n<td><span class=\"code\"><caption></span></td>\n<td>Defines a table caption</td>\n</tr>\n<tr>\n<td><span class=\"code\"><cite></span></td>\n<td>Defines a citation</td>\n</tr>\n<tr>\n<td><span class=\"code\"><code></span></td>\n<td>Defines computer code text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><details></span></td>\n<td>Defines a details section that can be shown or hidden</td>\n</tr>\n<tr>\n<td><span class=\"code\"><div></span></td>\n<td>Defines a section in a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><em></span></td>\n<td>Defines emphasized (italic) text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><embed></span></td>\n<td>Defines a space to insert media files like plug-ins or applications</td>\n</tr>\n<tr>\n<td><span class=\"code\"><figure></span></td>\n<td>Defines content like photos, illustrations, and diagrams, etc.</td>\n</tr>\n<tr>\n<td><span class=\"code\"><figcaption></span></td>\n<td>Defines the caption for a figure</td>\n</tr>\n<tr>\n<td><span class=\"code\"><footer></span></td>\n<td>Defines a footer for a section or the entire document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><form></span></td>\n<td>Defines a form</td>\n</tr>\n<tr>\n<td><span class=\"code\"><h1> to <h6></span></td>\n<td>Defines header 1 to header 6</td>\n</tr>\n<tr>\n<td><span class=\"code\"><head></span></td>\n<td>Defines information about the document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><header></span></td>\n<td>Defines a header for a section or the entire document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><hr></span></td>\n<td>Defines a horizontal rule</td>\n</tr>\n<tr>\n<td><span class=\"code\"><html></span></td>\n<td>Defines an HTML document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><iframe></span></td>\n<td>Defines an inline subwindow (frame)</td>\n</tr>\n<tr>\n<td><span class=\"code\"><img></span></td>\n<td>Defines an image</td>\n</tr>\n<tr>\n<td><span class=\"code\"><input></span></td>\n<td>Defines an input field</td>\n</tr>\n<tr>\n<td><span class=\"code\"><label></span></td>\n<td>Defines a label for a form control</td>\n</tr>\n<tr>\n<td><span class=\"code\"><li></span></td>\n<td>Defines a list item</td>\n</tr>\n<tr>\n<td><span class=\"code\"><link></span></td>\n<td>Defines a resource reference</td>\n</tr>\n<tr>\n<td><span class=\"code\"><map></span></td>\n<td>Defines an image map</td>\n</tr>\n<tr>\n<td><span class=\"code\"><meta></span></td>\n<td>Defines meta information</td>\n</tr>\n<tr>\n<td><span class=\"code\"><nav></span></td>\n<td>Defines a set of navigation links</td>\n</tr>\n<tr>\n<td><span class=\"code\"><noscript></span></td>\n<td>Defines a noscript section</td>\n</tr>\n<tr>\n<td><span class=\"code\"><ol></span></td>\n<td>Defines an ordered list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><p></span></td>\n<td>Defines a paragraph</td>\n</tr>\n<tr>\n<td><span class=\"code\"><pre></span></td>\n<td>Defines preformatted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><script></span></td>\n<td>Defines a script</td>\n</tr>\n<tr>\n<td><span class=\"code\"><section></span></td>\n<td>Defines a section within a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><select></span></td>\n<td>Defines a selectable list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><source></span></td>\n<td>Defines a media resource for audio or video</td>\n</tr>\n<tr>\n<td><span class=\"code\"><span></span></td>\n<td>Defines a section in a document</td>\n</tr>\n<tr>\n<td><span class=\"code\"><strong></span></td>\n<td>Defines strong (bold) text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><style></span></td>\n<td>Defines a style definition</td>\n</tr>\n<tr>\n<td><span class=\"code\"><sub></span></td>\n<td>Defines subscripted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><summary></span></td>\n<td>Defines a heading for a <details> element</td>\n</tr>\n<tr>\n<td><span class=\"code\"><sup></span></td>\n<td>Defines superscripted text</td>\n</tr>\n<tr>\n<td><span class=\"code\"><table></span></td>\n<td>Defines a table</td>\n</tr>\n<tr>\n<td><span class=\"code\"><td></span></td>\n<td>Defines a table cell</td>\n</tr>\n<tr>\n<td><span class=\"code\"><textarea></span></td>\n<td>Defines a text area</td>\n</tr>\n<tr>\n<td><span class=\"code\"><th></span></td>\n<td>Defines a table header</td>\n</tr>\n<tr>\n<td><span class=\"code\"><time></span></td>\n<td>Defines the date or time</td>\n</tr>\n<tr>\n<td><span class=\"code\"><title></span></td>\n<td>Defines the document title</td>\n</tr>\n<tr>\n<td><span class=\"code\"><tr></span></td>\n<td>Defines a table row</td>\n</tr>\n<tr>\n<td><span class=\"code\"><track></span></td>\n<td>Defines the text tracks for audio or video</td>\n</tr>\n<tr>\n<td><span class=\"code\"><ul></span></td>\n<td>Defines an unordered list</td>\n</tr>\n<tr>\n<td><span class=\"code\"><video></span></td>\n<td>Defines a movie file or video</td>\n</tr>\n</tbody>\n</table>","blurb":"","authors":[{"authorId":9719,"name":"Sue Jenkins","slug":"sue-jenkins","description":"Sue Jenkins is a working designer as well as a design trainer and author. Her design firm, Luckychair, provides design services for web, logo, and print. Jenkins has also created a series of courses on popular Adobe design tools including Photoshop and Illustrator.","hasArticle":false,"_links":{"self":"https://dummies-api.dummies.com/v2/authors/9719"}}],"primaryCategoryTaxonomy":{"categoryId":33610,"title":"General Programming & Web Design","slug":"general-programming-web-design","_links":{"self":"https://dummies-api.dummies.com/v2/categories/33610"}},"secondaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"tertiaryCategoryTaxonomy":{"categoryId":0,"title":null,"slug":null,"_links":null},"trendingArticles":[{"articleId":172026,"title":"Repurposing Items for Beautiful Holiday Decorating","slug":"decorating-for-the-holidays-with-what-you-already-have","categoryList":["home-auto-hobbies","crafts","gifts-holidays"],"_links":{"self":"/articles/172026"}},{"articleId":192609,"title":"How to Pray the Rosary: A Comprehensive Guide","slug":"how-to-pray-the-rosary","categoryList":["body-mind-spirit","religion-spirituality","christianity","catholicism"],"_links":{"self":"/articles/192609"}},{"articleId":193770,"title":"How to Play Rummy: All You Need to Know","slug":"rummy-understanding-the-rules-and-starting-a-game","categoryList":["home-auto-hobbies","games","card-games","general-card-games"],"_links":{"self":"/articles/193770"}},{"articleId":153792,"title":"Format Numbers in Thousands and Millions in Excel Reports","slug":"format-numbers-in-thousands-and-millions-in-excel-reports","categoryList":["technology","software","microsoft-products","excel"],"_links":{"self":"/articles/153792"}},{"articleId":147241,"title":"How to Use the Z-Table","slug":"how-to-use-the-z-table","categoryList":["academics-the-arts","math","statistics"],"_links":{"self":"/articles/147241"}}],"inThisArticle":[],"relatedArticles":{"fromBook":[{"articleId":208112,"title":"Web Design All-in-One For Dummies Cheat Sheet","slug":"web-design-all-in-one-for-dummies-cheat-sheet","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/208112"}},{"articleId":204470,"title":"How to Add a DOCTYPE in Dreamweaver","slug":"how-to-add-a-doctype-in-dreamweaver","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/204470"}},{"articleId":204469,"title":"How to Remove Unwanted Formatting from Your Website","slug":"how-to-remove-unwanted-formatting-from-your-website","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/204469"}},{"articleId":204468,"title":"How to Transfer Files to Your Website with Dreamweaver","slug":"how-to-transfer-files-to-your-website-with-dreamweaver","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/204468"}},{"articleId":171074,"title":"Nine Basic CSS Categories to Use in Web Design","slug":"nine-basic-css-categories-to-use-in-web-design","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/171074"}}],"fromCategory":[{"articleId":265680,"title":"Tips for Improving Engineering Performance with DevOps","slug":"tips-for-improving-engineering-performance-with-devops","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/265680"}},{"articleId":265675,"title":"Make More of Your Cloud Tools: Automating DevOps in the Cloud","slug":"make-more-of-your-cloud-tools-automating-devops-in-the-cloud","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/265675"}},{"articleId":265672,"title":"Choosing the Best Cloud Service Provider, Features, and Tools for DevOps","slug":"choosing-the-best-cloud-service-provider-features-and-tools-for-devops","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/265672"}},{"articleId":265664,"title":"How to Form DevOps Teams in Your Organization","slug":"how-to-form-devops-teams-in-your-organization","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/265664"}},{"articleId":265656,"title":"Moving to DevOps Processes: From a Line to a Circuit","slug":"moving-to-devops-processes-from-a-line-to-a-circuit","categoryList":["technology","programming-web-design","general-programming-web-design"],"_links":{"self":"https://dummies-api.dummies.com/v2/articles/265656"}}]},"hasRelatedBookFromSearch":false,"relatedBook":{"bookId":281890,"slug":"web-design-all-in-one-for-dummies-2nd-edition","isbn":"9781118404102","categoryList":["technology","programming-web-design","general-programming-web-design"],"amazon":{"default":"https://www.amazon.com/gp/product/1118404106/ref=as_li_tl?ie=UTF8&tag=wiley01-20","ca":"https://www.amazon.ca/gp/product/1118404106/ref=as_li_tl?ie=UTF8&tag=wiley01-20","indigo_ca":"http://www.tkqlhce.com/click-9208661-13710633?url=https://www.chapters.indigo.ca/en-ca/books/product/1118404106-item.html&cjsku=978111945484","gb":"https://www.amazon.co.uk/gp/product/1118404106/ref=as_li_tl?ie=UTF8&tag=wiley01-20","de":"https://www.amazon.de/gp/product/1118404106/ref=as_li_tl?ie=UTF8&tag=wiley01-20"},"image":{"src":"https://www.dummies.com/wp-content/uploads/web-design-all-in-one-for-dummies-2nd-edition-cover-9781118404102-203x255.jpg","width":203,"height":255},"title":"Web Design All-in-One For Dummies, 2nd Edition","testBankPinActivationLink":"","bookOutOfPrint":false,"authorsInfo":"<p><b data-author-id=\"9719\">Sue Jenkins</b> is a working designer as well as a design trainer and author. Her design firm, Luckychair, provides design services for web, logo, and print. Sue has also created a series of training DVDs on popular Adobe design tools including Photoshop, Dreamweaver, and Illustrator.</p>","authors":[{"authorId":9719,"name":"Sue Jenkins","slug":"sue-jenkins","description":"Sue Jenkins is a working designer as well as a design trainer and author. Her design firm, Luckychair, provides design services for web, logo, and print. Jenkins has also created a series of courses on popular Adobe design tools including Photoshop and Illustrator.","hasArticle":false,"_links":{"self":"https://dummies-api.dummies.com/v2/authors/9719"}}],"_links":{"self":"https://dummies-api.dummies.com/v2/books/"}},"collections":[],"articleAds":{"footerAd":"<div class=\"du-ad-region row\" id=\"article_page_adhesion_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_adhesion_ad\" data-refreshed=\"false\" \r\n data-target = \"[{"key":"cat","values":["technology","programming-web-design","general-programming-web-design"]},{"key":"isbn","values":["9781118404102"]}]\" id=\"du-slot-6322181aa6c0a\"></div></div>","rightAd":"<div class=\"du-ad-region row\" id=\"article_page_right_ad\"><div class=\"du-ad-unit col-md-12\" data-slot-id=\"article_page_right_ad\" data-refreshed=\"false\" \r\n data-target = \"[{"key":"cat","values":["technology","programming-web-design","general-programming-web-design"]},{"key":"isbn","values":["9781118404102"]}]\" id=\"du-slot-6322181aa7465\"></div></div>"},"articleType":{"articleType":"Articles","articleList":null,"content":null,"videoInfo":{"videoId":null,"name":null,"accountId":null,"playerId":null,"thumbnailUrl":null,"description":null,"uploadDate":null}},"sponsorship":{"sponsorshipPage":false,"backgroundImage":{"src":null,"width":0,"height":0},"brandingLine":"","brandingLink":"","brandingLogo":{"src":null,"width":0,"height":0},"sponsorAd":"","sponsorEbookTitle":"","sponsorEbookLink":"","sponsorEbookImage":{"src":null,"width":0,"height":0}},"primaryLearningPath":"Advance","lifeExpectancy":null,"lifeExpectancySetFrom":null,"dummiesForKids":"no","sponsoredContent":"no","adInfo":"","adPairKey":[]},"status":"publish","visibility":"public","articleId":171064},"articleLoadedStatus":"success"},"listState":{"list":{},"objectTitle":"","status":"initial","pageType":null,"objectId":null,"page":1,"sortField":"time","sortOrder":1,"categoriesIds":[],"articleTypes":[],"filterData":{},"filterDataLoadedStatus":"initial","pageSize":10},"adsState":{"pageScripts":{"headers":{"timestamp":"2024-11-22T05:50:01+00:00"},"adsId":0,"data":{"scripts":[{"pages":["all"],"location":"header","script":"<!--Optimizely Script-->\r\n<script src=\"https://cdn.optimizely.com/js/10563184655.js\"></script>","enabled":false},{"pages":["all"],"location":"header","script":"<!-- comScore Tag -->\r\n<script>var _comscore = _comscore || [];_comscore.push({ c1: \"2\", c2: \"15097263\" });(function() {var s = document.createElement(\"script\"), el = document.getElementsByTagName(\"script\")[0]; s.async = true;s.src = (document.location.protocol == \"https:\" ? \"https://sb\" : \"http://b\") + \".scorecardresearch.com/beacon.js\";el.parentNode.insertBefore(s, el);})();</script><noscript><img src=\"https://sb.scorecardresearch.com/p?c1=2&c2=15097263&cv=2.0&cj=1\" /></noscript>\r\n<!-- / comScore Tag -->","enabled":true},{"pages":["all"],"location":"footer","script":"<!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET-->\r\n<script type='text/javascript'>\r\n(function(){var g=function(e,h,f,g){\r\nthis.get=function(a){for(var a=a+\"=\",c=document.cookie.split(\";\"),b=0,e=c.length;b<e;b++){for(var d=c[b];\" \"==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};\r\nthis.set=function(a,c){var b=\"\",b=new Date;b.setTime(b.getTime()+6048E5);b=\"; expires=\"+b.toGMTString();document.cookie=a+\"=\"+c+b+\"; path=/; \"};\r\nthis.check=function(){var a=this.get(f);if(a)a=a.split(\":\");else if(100!=e)\"v\"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(\":\"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case \"v\":return!1;case \"r\":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(\":\")),!c}return!0};\r\nthis.go=function(){if(this.check()){var a=document.createElement(\"script\");a.type=\"text/javascript\";a.src=g;document.body&&document.body.appendChild(a)}};\r\nthis.start=function(){var t=this;\"complete\"!==document.readyState?window.addEventListener?window.addEventListener(\"load\",function(){t.go()},!1):window.attachEvent&&window.attachEvent(\"onload\",function(){t.go()}):t.go()};};\r\ntry{(new g(100,\"r\",\"QSI_S_ZN_5o5yqpvMVjgDOuN\",\"https://zn5o5yqpvmvjgdoun-wiley.siteintercept.qualtrics.com/SIE/?Q_ZID=ZN_5o5yqpvMVjgDOuN\")).start()}catch(i){}})();\r\n</script><div id='ZN_5o5yqpvMVjgDOuN'><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>\r\n<!--END WEBSITE FEEDBACK SNIPPET-->","enabled":false},{"pages":["all"],"location":"header","script":"<!-- Hotjar Tracking Code for http://www.dummies.com -->\r\n<script>\r\n (function(h,o,t,j,a,r){\r\n h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\r\n h._hjSettings={hjid:257151,hjsv:6};\r\n a=o.getElementsByTagName('head')[0];\r\n r=o.createElement('script');r.async=1;\r\n r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\r\n a.appendChild(r);\r\n })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');\r\n</script>","enabled":false},{"pages":["article"],"location":"header","script":"<!-- //Connect Container: dummies --> <script src=\"//get.s-onetag.com/bffe21a1-6bb8-4928-9449-7beadb468dae/tag.min.js\" async defer></script>","enabled":true},{"pages":["homepage"],"location":"header","script":"<meta name=\"facebook-domain-verification\" content=\"irk8y0irxf718trg3uwwuexg6xpva0\" />","enabled":true},{"pages":["homepage","article","category","search"],"location":"footer","script":"<!-- Facebook Pixel Code -->\r\n<noscript>\r\n<img height=\"1\" width=\"1\" src=\"https://www.facebook.com/tr?id=256338321977984&ev=PageView&noscript=1\"/>\r\n</noscript>\r\n<!-- End Facebook Pixel Code -->","enabled":true}]}},"pageScriptsLoadedStatus":"success"},"navigationState":{"navigationCollections":[{"collectionId":287568,"title":"BYOB (Be Your Own Boss)","hasSubCategories":false,"url":"/collection/for-the-entry-level-entrepreneur-287568"},{"collectionId":293237,"title":"Be a Rad Dad","hasSubCategories":false,"url":"/collection/be-the-best-dad-293237"},{"collectionId":295890,"title":"Career Shifting","hasSubCategories":false,"url":"/collection/career-shifting-295890"},{"collectionId":294090,"title":"Contemplating the Cosmos","hasSubCategories":false,"url":"/collection/theres-something-about-space-294090"},{"collectionId":287563,"title":"For Those Seeking Peace of Mind","hasSubCategories":false,"url":"/collection/for-those-seeking-peace-of-mind-287563"},{"collectionId":287570,"title":"For the Aspiring Aficionado","hasSubCategories":false,"url":"/collection/for-the-bougielicious-287570"},{"collectionId":291903,"title":"For the Budding Cannabis Enthusiast","hasSubCategories":false,"url":"/collection/for-the-budding-cannabis-enthusiast-291903"},{"collectionId":299891,"title":"For the College Bound","hasSubCategories":false,"url":"/collection/for-the-college-bound-299891"},{"collectionId":291934,"title":"For the Exam-Season Crammer","hasSubCategories":false,"url":"/collection/for-the-exam-season-crammer-291934"},{"collectionId":301547,"title":"For the Game Day Prepper","hasSubCategories":false,"url":"/collection/big-game-day-prep-made-easy-301547"}],"navigationCollectionsLoadedStatus":"success","navigationCategories":{"books":{"0":{"data":[{"categoryId":33512,"title":"Technology","hasSubCategories":true,"url":"/category/books/technology-33512"},{"categoryId":33662,"title":"Academics & The Arts","hasSubCategories":true,"url":"/category/books/academics-the-arts-33662"},{"categoryId":33809,"title":"Home, Auto, & Hobbies","hasSubCategories":true,"url":"/category/books/home-auto-hobbies-33809"},{"categoryId":34038,"title":"Body, Mind, & Spirit","hasSubCategories":true,"url":"/category/books/body-mind-spirit-34038"},{"categoryId":34224,"title":"Business, Careers, & Money","hasSubCategories":true,"url":"/category/books/business-careers-money-34224"}],"breadcrumbs":[],"categoryTitle":"Level 0 Category","mainCategoryUrl":"/category/books/level-0-category-0"}},"articles":{"0":{"data":[{"categoryId":33512,"title":"Technology","hasSubCategories":true,"url":"/category/articles/technology-33512"},{"categoryId":33662,"title":"Academics & The Arts","hasSubCategories":true,"url":"/category/articles/academics-the-arts-33662"},{"categoryId":33809,"title":"Home, Auto, & Hobbies","hasSubCategories":true,"url":"/category/articles/home-auto-hobbies-33809"},{"categoryId":34038,"title":"Body, Mind, & Spirit","hasSubCategories":true,"url":"/category/articles/body-mind-spirit-34038"},{"categoryId":34224,"title":"Business, Careers, & Money","hasSubCategories":true,"url":"/category/articles/business-careers-money-34224"}],"breadcrumbs":[],"categoryTitle":"Level 0 Category","mainCategoryUrl":"/category/articles/level-0-category-0"}}},"navigationCategoriesLoadedStatus":"success"},"searchState":{"searchList":[],"searchStatus":"initial","relatedArticlesList":[],"relatedArticlesStatus":"initial"},"routeState":{"name":"Article3","path":"/article/technology/programming-web-design/general-programming-web-design/designing-your-website-with-htmlhtml5-171064/","hash":"","query":{},"params":{"category1":"technology","category2":"programming-web-design","category3":"general-programming-web-design","article":"designing-your-website-with-htmlhtml5-171064"},"fullPath":"/article/technology/programming-web-design/general-programming-web-design/designing-your-website-with-htmlhtml5-171064/","meta":{"routeType":"article","breadcrumbInfo":{"suffix":"Articles","baseRoute":"/category/articles"},"prerenderWithAsyncData":true},"from":{"name":null,"path":"/","hash":"","query":{},"params":{},"fullPath":"/","meta":{}}},"dropsState":{"submitEmailResponse":false,"status":"initial"},"profileState":{"auth":{},"userOptions":{},"status":"success"}}
If you're designing websites, you're probably going to want to use standards-compliant HTML5 markup — after all, you need to use some type of markup language so that your websites can communicate, right? The table here gives you a rundown of the most popular HTML5 tags and tells you what each does.
Tag
Description
Defines a comment in the HTML code
Defines the document type
Defines an anchor
Defines an article
Defines content that sides next to other content
Defines a sound
Defines a long quotation
Defines the body element
Inserts a single line break
Defines an area where graphics can be drawn with JavaScript
Defines a table caption
Defines a citation
Defines computer code text
Defines a details section that can be shown or hidden
Defines a section in a document
Defines emphasized (italic) text
Defines a space to insert media files like plug-ins or applications
Defines content like photos, illustrations, and diagrams, etc.
Defines the caption for a figure
Defines a footer for a section or the entire document
Defines a form
to
Defines header 1 to header 6
Defines information about the document
Defines a header for a section or the entire document
Sue Jenkins is a working designer as well as a design trainer and author. Her design firm, Luckychair, provides design services for web, logo, and print. Sue has also created a series of training DVDs on popular Adobe design tools including Photoshop, Dreamweaver, and Illustrator.
