<br />
<b>Warning</b>:  Undefined array key "global_protection_id" in <b>/home/wikitechy/public_html/interview-questions/wp-content/plugins/content-protector/inc/class-ps-rest-handler.php</b> on line <b>51</b><br />
{"id":4179,"date":"2022-04-20T10:00:47","date_gmt":"2022-04-20T10:00:47","guid":{"rendered":"https:\/\/www.wikitechy.com\/interview-questions\/?p=4179"},"modified":"2022-04-21T07:16:09","modified_gmt":"2022-04-21T07:16:09","slug":"what-is-semantic-html","status":"publish","type":"post","link":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/","title":{"rendered":"What is Semantic HTML ?"},"content":{"rendered":"<ul>\n<li style=\"text-align: justify;\">It is essential to understand the meaning of words during communication in any language.<\/li>\n<li style=\"text-align: justify;\">It becomes more critical and provides more semantic elements which make it easy to understand the code.<\/li>\n<li style=\"text-align: justify;\">Developers have to use their own id\/class names to style elements in HTML4.<\/li>\n<li style=\"text-align: justify;\">In search engines, this is so difficult to identify the correct web page content.<\/li>\n<li style=\"text-align: justify;\">Elements like (<a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/header-tag-in-html\">&lt;header&gt;<\/a> <a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/footer-tag-in-html\">&lt;footer&gt;<\/a> &lt;nav&gt; &lt;section&gt; &lt;article&gt;) are become easier in HTML5.<\/li>\n<li style=\"text-align: justify;\">It is reused across applications, enterprises, and communities and allows data to be shared.<\/li>\n<li style=\"text-align: justify;\">Semantic elements can\u00a0help to create a better website structure and increase the accessibility of your website.<\/li>\n<li style=\"text-align: justify;\">In HTML5, there are various types of semantic elements:\n<ul>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/article-tag-in-html\"><strong>&lt;article&gt;<\/strong><\/a> &#8211; It classifies an article.<\/li>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/aside-tag-in-html\"><strong>&lt;aside&gt;<\/strong><\/a> -It classifies aside from the page content.<\/li>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/footer-tag-in-html\"><strong>&lt;footer&gt;<\/strong><\/a> &#8211; It classifies footer for a section or document.<\/li>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/header-tag-in-html\"><strong>&lt;header&gt;<\/strong><\/a> -It specifies a header for a section or document.<\/li>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/navigation-tag-in-html\"><strong>&lt;nav&gt;<\/strong><\/a> -It classifies navigation links.<\/li>\n<li><a href=\"https:\/\/www.wikitechy.com\/step-by-step-html-tutorials\/section-tag-in-html\"><strong>&lt;section&gt;<\/strong><\/a> -It classifies a section in a document.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-4180\" src=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png\" alt=\"\" width=\"1425\" height=\"1014\" srcset=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png 1425w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-300x213.png 300w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-1024x729.png 1024w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-768x546.png 768w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-390x278.png 390w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-820x583.png 820w, https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements-1180x840.png 1180w\" sizes=\"(max-width: 1425px) 100vw, 1425px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It is essential to understand the meaning of words during communication in any language. It becomes more critical and provides more semantic elements which make it easy to understand the code. Developers have to use their own id\/class names to style elements in HTML4. In search engines, this is so difficult to identify the correct [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"passster_activate_protection":false,"passster_protect_child_pages":"","passster_protection_type":"password","passster_password":"","passster_activate_overwrite_defaults":"","passster_headline":"","passster_instruction":"","passster_placeholder":"","passster_button":"","passster_id":"","passster_activate_misc_settings":"","passster_redirect_url":"","passster_hide":"no","passster_area_shortcode":"","gtb_hide_title":false,"gtb_wrap_title":false,"gtb_class_title":"","gtb_remove_headerfooter":false,"footnotes":""},"categories":[17079],"tags":[17161,17170,17169,17165,17168,17164,17166,17167,17163,17162],"class_list":["post-4179","post","type-post","status-publish","format-standard","hentry","category-web-designing","tag-html-semantic-elements","tag-non-semantic-tags-in-html","tag-semantic-elements","tag-semantic-html","tag-semantic-html-examples","tag-semantic-html5-elements-explained","tag-what-are-semantic-elements-in-html","tag-what-are-the-benefits-of-semantic-html","tag-what-is-semantic-html","tag-what-is-semantic-html-and-why-you-should-use-it"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Semantic HTML ? - HTML Semantic Elements - Wikitechy<\/title>\n<meta name=\"description\" content=\"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.\" \/>\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.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Semantic HTML ? - HTML Semantic Elements - Wikitechy\" \/>\n<meta property=\"og:description\" content=\"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Wikitechy\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-20T10:00:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-21T07:16:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png\" \/>\n<meta name=\"author\" content=\"webmaster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webmaster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/\",\"name\":\"What is Semantic HTML ? - HTML Semantic Elements - Wikitechy\",\"isPartOf\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png\",\"datePublished\":\"2022-04-20T10:00:47+00:00\",\"dateModified\":\"2022-04-21T07:16:09+00:00\",\"author\":{\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4\"},\"description\":\"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png\",\"contentUrl\":\"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png\",\"width\":1425,\"height\":1014},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#website\",\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/\",\"name\":\"Wikitechy\",\"description\":\"Interview Questions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4\",\"name\":\"webmaster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g\",\"caption\":\"webmaster\"},\"sameAs\":[\"https:\/\/www.wikitechy.com\/interview-questions\"],\"url\":\"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Semantic HTML ? - HTML Semantic Elements - Wikitechy","description":"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.","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.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/","og_locale":"en_US","og_type":"article","og_title":"What is Semantic HTML ? - HTML Semantic Elements - Wikitechy","og_description":"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.","og_url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/","og_site_name":"Wikitechy","article_published_time":"2022-04-20T10:00:47+00:00","article_modified_time":"2022-04-21T07:16:09+00:00","og_image":[{"url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png"}],"author":"webmaster","twitter_card":"summary_large_image","twitter_misc":{"Written by":"webmaster","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/","url":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/","name":"What is Semantic HTML ? - HTML Semantic Elements - Wikitechy","isPartOf":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage"},"image":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png","datePublished":"2022-04-20T10:00:47+00:00","dateModified":"2022-04-21T07:16:09+00:00","author":{"@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4"},"description":"What is Semantic HTML ? - It is essential to understand the meaning of words during communication in any language.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/web-designing\/what-is-semantic-html\/#primaryimage","url":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png","contentUrl":"https:\/\/www.wikitechy.com\/interview-questions\/wp-content\/uploads\/2022\/04\/semantic-elements.png","width":1425,"height":1014},{"@type":"WebSite","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#website","url":"https:\/\/www.wikitechy.com\/interview-questions\/","name":"Wikitechy","description":"Interview Questions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wikitechy.com\/interview-questions\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/f785ba3ecc599133e65ab6138042a3e4","name":"webmaster","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.wikitechy.com\/interview-questions\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/155b77fd8cdda3d0913fcb7e7ee63543b0c345d2d8f6dcebda5b0583ab61f967?s=96&d=mm&r=g","caption":"webmaster"},"sameAs":["https:\/\/www.wikitechy.com\/interview-questions"],"url":"https:\/\/www.wikitechy.com\/interview-questions\/author\/webmaster\/"}]}},"_links":{"self":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/comments?post=4179"}],"version-history":[{"count":3,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4179\/revisions"}],"predecessor-version":[{"id":4183,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/posts\/4179\/revisions\/4183"}],"wp:attachment":[{"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/media?parent=4179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/categories?post=4179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wikitechy.com\/interview-questions\/wp-json\/wp\/v2\/tags?post=4179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}