{"id":5269,"date":"2023-07-16T04:00:00","date_gmt":"2023-07-15T22:30:00","guid":{"rendered":"https:\/\/aiyoit.com\/tutorial\/?p=5269"},"modified":"2023-07-14T15:08:05","modified_gmt":"2023-07-14T09:38:05","slug":"what-is-semantic-element-in-html-and-its-use","status":"publish","type":"post","link":"https:\/\/aiyoit.com\/tutorial\/what-is-semantic-element-in-html-and-its-use\/","title":{"rendered":"What is Semantic Element in HTML and its use?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"5269\" class=\"elementor elementor-5269\">\n\t\t\t\t\t\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-53b9ce elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53b9ce\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25950eb\" data-id=\"25950eb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-292fdd7e elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"292fdd7e\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));height:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}<\/style>\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-buzz elementor-repeater-item-01b5564\" href=\"https:\/\/www.facebook.com\/aiyoit\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-buzz elementor-repeater-item-8a90b95\" href=\"https:\/\/www.instagram.com\/aiyoitns\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-buzz elementor-repeater-item-567c5bb\" href=\"https:\/\/www.youtube.com\/channel\/UCiagcH73PZUdTzRySS8Axig\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-ee61f3b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee61f3b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cde06af\" data-id=\"cde06af\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89b70eb elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"89b70eb\" data-element_type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:&quot;.comment-container,.smart-post&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor-pro - v3.10.1 - 09-01-2023 *\/\n.elementor-widget-table-of-contents .elementor-toc__header-title{color:var(--header-color)}.elementor-widget-table-of-contents.elementor-toc--collapsed .elementor-toc__toggle-button--collapse,.elementor-widget-table-of-contents:not(.elementor-toc--collapsed) .elementor-toc__toggle-button--expand{display:none}.elementor-widget-table-of-contents .elementor-widget-container{min-height:var(--box-min-height);border:var(--box-border-width,1px) solid var(--box-border-color,#a4afb7);border-radius:var(--box-border-radius,3px);background-color:var(--box-background-color);transition:min-height .4s;overflow:hidden}.elementor-toc__header{display:flex;align-items:center;justify-content:space-between;padding:var(--box-padding,20px);background-color:var(--header-background-color);border-bottom:var(--separator-width,1px) solid var(--box-border-color,#a4afb7)}.elementor-toc__header-title{font-size:18px;margin:0;color:var(--header-color)}.elementor-toc__toggle-button{cursor:pointer;display:inline-flex}.elementor-toc__toggle-button i{color:var(--toggle-button-color)}.elementor-toc__toggle-button svg{height:1em;width:1em;fill:var(--toggle-button-color)}.elementor-toc__spinner-container{text-align:center}.elementor-toc__spinner{font-size:2em}.elementor-toc__spinner.e-font-icon-svg{height:1em;width:1em}.elementor-toc__body{padding:var(--box-padding,20px);max-height:var(--toc-body-max-height);overflow-y:auto}.elementor-toc__body::-webkit-scrollbar{width:7px}.elementor-toc__body::-webkit-scrollbar-thumb{background-color:#c2cbd2;border-radius:10px}.elementor-toc__list-wrapper{list-style:none;padding:0}.elementor-toc__list-item{margin-bottom:.5em}.elementor-toc__list-item.elementor-item-active{font-weight:700}.elementor-toc__list-item .elementor-toc__list-wrapper{margin-top:.5em;margin-left:var(--nested-list-indent,1em)}.elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}.elementor-toc__list-item-text-wrapper{display:flex;align-items:center}.elementor-toc__list-item-text-wrapper:before,.elementor-toc__list-item-text-wrapper i{margin-right:8px;color:var(--marker-color)}.elementor-toc__list-item-text-wrapper svg{margin-right:8px;fill:var(--marker-color);height:var(--marker-size,.5em);width:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper i{font-size:var(--marker-size,.5em)}.elementor-toc__list-item-text-wrapper:before{font-size:var(--marker-size,1em)}.elementor-toc--content-ellipsis .elementor-toc__list-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.elementor-toc__list-items--collapsible>.elementor-toc__list-wrapper>.elementor-toc__list-item>.elementor-toc__list-wrapper{display:none}.elementor-toc__heading-anchor{position:absolute}.elementor-toc__body .elementor-toc__list-item-text{color:var(--item-text-color);-webkit-text-decoration:var(--item-text-decoration);text-decoration:var(--item-text-decoration)}.elementor-toc__body .elementor-toc__list-item-text:hover{color:var(--item-text-hover-color);-webkit-text-decoration:var(--item-text-hover-decoration);text-decoration:var(--item-text-hover-decoration)}.elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{color:var(--item-text-active-color);-webkit-text-decoration:var(--item-text-active-decoration);text-decoration:var(--item-text-active-decoration)}ol.elementor-toc__list-wrapper{counter-reset:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item{counter-increment:item}ol.elementor-toc__list-wrapper .elementor-toc__list-item-text-wrapper:before{content:counters(item,\".\") \". \"}<\/style>\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tTable of Contents\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\"><i class=\"fas fa-chevron-up\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a92470f elementor-widget elementor-widget-heading\" data-id=\"a92470f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">What is Semantic Element?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac5a415 elementor-widget elementor-widget-text-editor\" data-id=\"ac5a415\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>HTML \u092e\u0947\u0902 Semantic Element Semantic Standards \u0914\u0930 HTML Tag \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947 \u090f\u0915 Web Page \u0915\u0947 \u0935\u093f\u092d\u093f\u0928\u094d\u0928 \u092d\u093e\u0917\u094b\u0902 \u0915\u094b \u092d\u0942\u092e\u093f\u0915\u093e \u0926\u0947\u0924\u0947 \u0939\u0948\u0902\u0964 \u092f\u0947 Element Website \u0915\u0947 Structuring \u0914\u0930 Explanation \u0915\u094b \u0938\u092e\u091d\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902, \u0914\u0930 Search Engine \u0914\u0930 Readers \u0915\u094b Content \u0915\u094b \u0938\u092e\u091d\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092d\u0940 \u0909\u092a\u092f\u094b\u0917\u0940 \u0939\u094b\u0924\u0947 \u0939\u0948\u0902\u0964<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4fe79 elementor-widget elementor-widget-text-editor\" data-id=\"ff4fe79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Semantic Element \u0938\u094d\u092a\u0937\u094d\u091f \u0930\u0942\u092a \u0938\u0947 Browser \u0914\u0930 Developer \u0926\u094b\u0928\u094b\u0902 \u0915\u0947 \u0932\u093f\u090f \u0907\u0938\u0915\u093e Meaning \u092c\u0924\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>Non-semantic Elements \u0915\u0947 \u0909\u0926\u093e\u0939\u0930\u0923: &lt;div&gt; \u0914\u0930 &lt;span&gt; &#8211; \u0907\u0938\u0915\u0940 Content \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0915\u0941\u091b \u0928\u0939\u0940\u0902 \u092c\u0924\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>Semantic Elements \u0915\u0947 \u0909\u0926\u093e\u0939\u0930\u0923: &lt;form&gt;, &lt;table&gt;, \u0914\u0930 &lt;article&gt; &#8211; \u0907\u0938\u0915\u0940 Content \u0915\u094b \u0938\u094d\u092a\u0937\u094d\u091f \u0930\u0942\u092a \u0938\u0947 Define \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fb644b elementor-widget elementor-widget-heading\" data-id=\"8fb644b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explain Semantic Elements<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45ba1c0 elementor-widget elementor-widget-heading\" data-id=\"45ba1c0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Section Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-224d794 elementor-widget elementor-widget-text-editor\" data-id=\"224d794\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>&lt;section&gt; Element \u090f\u0915 Document \u092e\u0947\u0902 \u090f\u0915 Section \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><li>Example \u091c\u0939\u093e\u0902 &lt;section&gt; Element \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948:<ul><li>Chapters<\/li><li>Introduction<\/li><li>News Items<\/li><li>Contact Information<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbfddd8 elementor-widget elementor-widget-code-highlight\" data-id=\"bbfddd8\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><section>\r\n      <h1>WWF<\/h1>\r\n      <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.<\/p>\r\n    <\/section>\r\n\r\n    <section>\r\n      <h1>WWF's Panda symbol<\/h1>\r\n      <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.<\/p>\r\n    <\/section>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f20c091 elementor-widget elementor-widget-image\" data-id=\"f20c091\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.3 - 28-05-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"347\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Section-Element.png\" class=\"attachment-full size-full wp-image-5273\" alt=\"Section tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Section-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Section-Element-300x154.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Section-Element-150x77.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cdad47 elementor-widget elementor-widget-heading\" data-id=\"3cdad47\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Article Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06909ba elementor-widget elementor-widget-text-editor\" data-id=\"06909ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>&lt;article&gt; Element Independent, self-contained Content \u0915\u094b \u0928\u093f\u0930\u094d\u0926\u093f\u0937\u094d\u091f (Specified) \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><li>Example \u091c\u0939\u093e\u0902 &lt;article&gt; Element \u0915\u093e Use \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0924\u093e \u0939\u0948:<ul><li>Forum posts<\/li><li>Blog posts<\/li><li>User comments<\/li><li>Product cards<\/li><li>Newspaper articles<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afa42c2 elementor-widget elementor-widget-code-highlight\" data-id=\"afa42c2\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><article>\r\n        <h2>Google Chrome<\/h2>\r\n        <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!<\/p>\r\n    <\/article>\r\n    <article>\r\n        <h2>Mozilla Firefox<\/h2>\r\n        <p>Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.<\/p>\r\n    <\/article>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d32870 elementor-widget elementor-widget-image\" data-id=\"3d32870\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"315\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Article-Element.png\" class=\"attachment-full size-full wp-image-5274\" alt=\"Article Tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Article-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Article-Element-300x140.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Article-Element-150x70.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b8a696 elementor-widget elementor-widget-heading\" data-id=\"7b8a696\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Nav Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-709af29 elementor-widget elementor-widget-text-editor\" data-id=\"709af29\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Navigation Link \u0915\u0947 \u090f\u0915 Set \u0915\u094b Define \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f HTML &lt;nav&gt; Element \u0915\u093e Use \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119974f elementor-widget elementor-widget-code-highlight\" data-id=\"119974f\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp> <nav>\r\n      <a href=\"https:\/\/aiyoit.com\/\">Website<\/a>\r\n      <a href=\"https:\/\/www.facebook.com\/aiyoit\">Facebook<\/a>\r\n      <a href=\"https:\/\/www.youtube.com\/channel\/UCiagcH73PZUdTzRySS8Axig\">Youtube<\/a>\r\n      <a href=\"https:\/\/www.instagram.com\/aiyoitns\/\">Instagram<\/a>\r\n    <\/nav>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a89e74 elementor-widget elementor-widget-image\" data-id=\"2a89e74\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"180\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Nav-Element.png\" class=\"attachment-full size-full wp-image-5275\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Nav-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Nav-Element-300x80.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Nav-Element-150x40.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08b45cf elementor-widget elementor-widget-heading\" data-id=\"08b45cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Header Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87b0ec7 elementor-widget elementor-widget-text-editor\" data-id=\"87b0ec7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>&lt;header&gt; Element Document \u0915\u0947 Header \u0915\u094b Represent \u0915\u0930\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u092e\u0947\u0902 Introductory Material \u092f\u093e Navigation Link \u0939\u094b \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><li>\u090f\u0915 &lt;header&gt; Element \u092e\u0947\u0902 Generally \u0936\u093e\u092e\u093f\u0932 \u0939\u094b\u0924\u093e \u0939\u0948:<ul><li>One or More Heading<\/li><li>Logo or Icon<\/li><li>Authorship Information<\/li><\/ul><\/li><li>\u090f\u0915 HTML Document \u092e\u0947\u0902 \u0915\u0908 &lt;header&gt; Element \u0939\u094b \u0938\u0915\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5481769 elementor-widget elementor-widget-code-highlight\" data-id=\"5481769\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><header>  \r\n   <h1>Welcome to AiyoIT<\/h1>  \r\n   <nav>  \r\n     <ul>    \r\n        <li>Home <\/li>  \r\n        <li>About us <\/li>  \r\n        <li>Contact us<\/li>  \r\n     <\/ul>  \r\n   <\/nav>  \r\n<\/header> \r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd659c6 elementor-widget elementor-widget-image\" data-id=\"bd659c6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"247\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Header-Element.png\" class=\"attachment-full size-full wp-image-5276\" alt=\"header tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Header-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Header-Element-300x109.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Header-Element-150x55.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d7c169 elementor-widget elementor-widget-heading\" data-id=\"9d7c169\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Aside Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d50c87d elementor-widget elementor-widget-text-editor\" data-id=\"d50c87d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>&lt;aside&gt; Element \u0909\u0938 Content \u0915\u094b Represent \u0915\u0930\u0924\u093e \u0939\u0948 \u091c\u094b Indirect \u0930\u0942\u092a \u0938\u0947 Page \u0915\u0940 \u092e\u0941\u0916\u094d\u092f Content \u0915\u0940 \u091c\u093e\u0928\u0915\u093e\u0930\u0940 \u0926\u0947\u0924\u0940 \u0939\u0948\u0964<\/li><li>\u0907\u0938\u0947 \u0905\u0915\u094d\u0938\u0930 Sidebar \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 Represent \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-312b651 elementor-widget elementor-widget-code-highlight\" data-id=\"312b651\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Aside Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>Example Aside <\/h1>\r\n    <p>Lorem ipsum dolor sit amet.<\/p>\r\n    <aside>\r\n      <h2>Lorem, ipsum dolor.<\/h2>\r\n      <p>Lorem, ipsum dolor sit amet consectetur adipisicing.<\/p>\r\n    <\/aside>\r\n  <\/body>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7dee4 elementor-widget elementor-widget-image\" data-id=\"3e7dee4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"658\" height=\"286\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Aside-Element.png\" class=\"attachment-full size-full wp-image-5277\" alt=\"aside tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Aside-Element.png 658w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Aside-Element-300x130.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Aside-Element-150x65.png 150w\" sizes=\"(max-width: 658px) 100vw, 658px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88434db elementor-widget elementor-widget-heading\" data-id=\"88434db\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Main Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a525283 elementor-widget elementor-widget-text-editor\" data-id=\"a525283\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>HTML &lt;main&gt; Element \u0915\u093e \u0909\u092a\u092f\u094b\u0917 &lt;body&gt; Element \u0915\u0940 \u092e\u0941\u0916\u094d\u092f Content \u0915\u094b Describe \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>&lt;body&gt; Element \u0915\u0947 \u0905\u0902\u0926\u0930 &lt;main&gt; Element \u0932\u093f\u0916\u093e \u0939\u094b\u0924\u093e \u0939\u0948\u0964 \u0907\u0938\u0915\u093e Use \u0915\u093f\u0938\u0940 Page \u0915\u0940 Primary Content \u0915\u094b Accurately Describe \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>Main Element \u0915\u0940 Content Directly Document \u0915\u0947 Central Topic \u0938\u0947 Related \u0939\u094b\u0924\u0947 \u0939\u0948\u0964<\/li><li>HTML &lt;main&gt; \u090f\u0915 New Element \u0939\u0948 \u0914\u0930 HTML5 \u092e\u0947\u0902 Include \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a80380 elementor-widget elementor-widget-code-highlight\" data-id=\"9a80380\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Main Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <main>  \r\n      <h2>Apples<\/h1>  \r\n      <p>The apple is a red color pomaceous fruit of the \r\n        apple tree. It is a very famous saying about apple.  \r\n       <\/br> \"An apple in a day, keeps the Doctor away\".<\/p>  \r\n      <article>  \r\n       <h3>Red Delicious<\/h3>  \r\n       <p>These bright red apples are the most common found in \r\n        many supermarkets.<\/p>  \r\n      <\/article>  \r\n      <article>  \r\n      <h3>Granny Smith<\/h3>  \r\n      <p>These juicy, green apples make a great filling for \r\n        apple pies.<\/p>  \r\n      <\/article>  \r\n     <\/main>  \r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d4cac4 elementor-widget elementor-widget-image\" data-id=\"1d4cac4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"821\" height=\"374\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Main-Element.png\" class=\"attachment-full size-full wp-image-5280\" alt=\"main tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Main-Element.png 821w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Main-Element-300x137.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Main-Element-150x68.png 150w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Main-Element-768x350.png 768w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68746d6 elementor-widget elementor-widget-heading\" data-id=\"68746d6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Footer Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b416c0e elementor-widget elementor-widget-text-editor\" data-id=\"b416c0e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>&lt;footer&gt; Element \u0915\u093f\u0938\u0940 Document \u092f\u093e Section \u0915\u0947 \u0932\u093f\u090f Footer \u0915\u094b Define \u0915\u0930\u0924\u093e \u0939\u0948\u0964<\/li><li>\u090f\u0915 &lt;footer&gt; Element \u092e\u0947\u0902 Generally \u0936\u093e\u092e\u093f\u0932 \u0939\u094b\u0924\u0947 \u0939\u0948\u0902:<ul><li>Authorship Information<\/li><li>Copyright Information<\/li><li>Contact Information<\/li><li>Sitemap<\/li><li>Back to Top Link<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a907038 elementor-widget elementor-widget-code-highlight\" data-id=\"a907038\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><html lang=\"en\">\r\n  <head>\r\n    <title>Footer Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>Example Of Footer<\/h1>\r\n    <footer>  \r\n      <p>\u00a9 Copyright 2023. All rights reserved. <\/p>  \r\n   <\/footer>\r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1b3e93b elementor-widget elementor-widget-image\" data-id=\"1b3e93b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"208\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Footer-Element.png\" class=\"attachment-full size-full wp-image-5285\" alt=\"footer tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Footer-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Footer-Element-300x92.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Footer-Element-150x46.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae902a elementor-widget elementor-widget-heading\" data-id=\"1ae902a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Detail Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a6eced elementor-widget elementor-widget-text-editor\" data-id=\"5a6eced\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>HTML &lt;details&gt; Element \u0915\u093e \u0909\u092a\u092f\u094b\u0917 Web Page \u092a\u0930 Extra Details \u0928\u093f\u0930\u094d\u0926\u093f\u0937\u094d\u091f \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u0947 User Demand \u092a\u0930 Show \u092f\u093e Hide \u0915\u093f\u092f\u093e \u091c\u093e \u0938\u0915\u0947\u0964<\/li><li>\u0907\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u090f\u0915 Relevant Element \u0915\u0947 \u0938\u093e\u0925 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u0947 &lt;summary&gt; \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u091c\u093e\u0928\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u0924\u0915\u0928\u0940\u0915\u0940 \u0930\u0942\u092a \u0938\u0947, Summary Element \u0915\u0940 \u0915\u094b\u0908 \u0906\u0935\u0936\u094d\u092f\u0915\u0924\u093e \u0928\u0939\u0940\u0902 \u0939\u0948, \u0932\u0947\u0915\u093f\u0928 \u092f\u0926\u093f \u0906\u092a \u0907\u0938\u0947 \u0905\u0928\u0926\u0947\u0916\u093e \u0915\u0930\u0924\u0947 \u0939\u0948\u0902, \u0924\u094b Browser \u0915\u0941\u091b Default Text \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0947\u0917\u093e\u0964<\/li><li>&lt;details&gt; Element \u0909\u0938 \u0938\u092d\u0940 Content \u0915\u094b Enwrap \u0915\u0930\u0924\u093e \u0939\u0948 \u091c\u093f\u0938\u0947 \u0906\u092a Show \u092f\u093e Hide \u0915\u0930\u0928\u093e \u091a\u093e\u0939\u0924\u0947 \u0939\u0948\u0902 \u0914\u0930 &lt;summary&gt; Element \u092e\u0947\u0902 Summary \u0914\u0930 Title \u0915\u093e Section \u0939\u094b\u0924\u093e \u0939\u0948\u0964<\/li><li>HTML &lt;details&gt; \u090f\u0915 New Element \u0939\u0948 \u0914\u0930 HTML5 \u092e\u0947\u0902 Include \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32898bf elementor-widget elementor-widget-code-highlight\" data-id=\"32898bf\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Details Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>Example of Details<\/h1>\r\n    <details>\r\n      <summary>Epcot Center<\/summary>\r\n      <p>Epcot is a theme park at Walt Disney World Resort featuring \r\n        exciting attractions, international pavilions, award-winning \r\n        fireworks and seasonal special events.<\/p>\r\n    <\/details>\r\n    <details>  \r\n      <summary>Lorem, ipsum.<\/summary>  \r\n      <p> Lorem ipsum dolor sit amet consectetur adipisicing.<\/p>  \r\n      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.<\/p>  \r\n      <\/details> \r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c076c73 elementor-widget elementor-widget-image\" data-id=\"c076c73\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"293\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Detail-Element.png\" class=\"attachment-full size-full wp-image-5286\" alt=\"detail tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Detail-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Detail-Element-300x130.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Detail-Element-150x65.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1e239 elementor-widget elementor-widget-heading\" data-id=\"ee1e239\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Summary Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2f8219 elementor-widget elementor-widget-text-editor\" data-id=\"c2f8219\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>HTML &lt;summary&gt; Element \u0915\u093e Use &lt;details&gt; Element \u0915\u0947 \u0938\u093e\u0925 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u0907\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 &lt;details&gt; Element \u0915\u0940 Content \u0915\u0947 \u0932\u093f\u090f Summary, Caption \u092f\u093e Legend \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>\u0907\u0938\u0915\u093e \u0907\u0938\u094d\u0924\u0947\u092e\u093e\u0932 &lt;details&gt; tag \u0915\u0947 \u0905\u0902\u0926\u0930 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>HTML &lt;summary&gt; \u090f\u0915 New Element \u0939\u0948 \u0914\u0930 HTML5 \u092e\u0947\u0902 Include \u0915\u093f\u092f\u093e \u0917\u092f\u093e \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87c4088 elementor-widget elementor-widget-code-highlight\" data-id=\"87c4088\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Summary Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>Example of Summary<\/h1>\r\n    <details>\r\n      <summary>Epcot Center<\/summary>\r\n      <p>Epcot is a theme park at Walt Disney World Resort featuring \r\n        exciting attractions, international pavilions, award-winning \r\n        fireworks and seasonal special events.<\/p>\r\n    <\/details>\r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e44cb4 elementor-widget elementor-widget-image\" data-id=\"0e44cb4\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"207\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Summary-Element.png\" class=\"attachment-full size-full wp-image-5287\" alt=\"summary tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Summary-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Summary-Element-300x92.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Summary-Element-150x46.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c93a9bf elementor-widget elementor-widget-heading\" data-id=\"c93a9bf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What is Non-semantic Element?<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fa4c30 elementor-widget elementor-widget-text-editor\" data-id=\"7fa4c30\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Non-semantic Elements Content \u0915\u0947 \u092c\u093e\u0930\u0947 \u092e\u0947\u0902 \u0915\u0941\u091b \u0928\u0939\u0940\u0902 \u092c\u0924\u093e\u0924\u0947 \u0939\u0948\u0902\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02532d3 elementor-widget elementor-widget-heading\" data-id=\"02532d3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Div Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4761421 elementor-widget elementor-widget-text-editor\" data-id=\"4761421\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>HTML &lt;div&gt; Element \u0915\u093e \u0909\u092a\u092f\u094b\u0917 HTML Element \u0915\u0947 \u092c\u0921\u093c\u0947 \u0939\u093f\u0938\u094d\u0938\u0947 \u0915\u094b \u090f\u0915 \u0938\u093e\u0925 Grouping \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>&lt;div&gt; Element \u0915\u093e \u0915\u094b\u0908 Default Meaning \u092f\u093e Rendering \u0928\u0939\u0940\u0902 \u0939\u0948\u0964<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88e8317 elementor-widget elementor-widget-code-highlight\" data-id=\"88e8317\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Div Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h1>Example of Div<\/h1>\r\n    <div style=\"border:2px solid blueviolet;padding:15px 10px;\">\r\n      <h2>Epcot Center<\/h2>\r\n      <p>Epcot is a theme park at Walt Disney World Resort featuring \r\n        exciting attractions, international pavilions, award-winning \r\n        fireworks and seasonal special events.<\/p>\r\n    <\/div>\r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-987c94c elementor-widget elementor-widget-image\" data-id=\"987c94c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"748\" height=\"338\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Div-Element.png\" class=\"attachment-full size-full wp-image-5288\" alt=\"div tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Div-Element.png 748w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Div-Element-300x136.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Div-Element-150x68.png 150w\" sizes=\"(max-width: 748px) 100vw, 748px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-575a0e5 elementor-widget elementor-widget-heading\" data-id=\"575a0e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Span Element<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b37052 elementor-widget elementor-widget-text-editor\" data-id=\"5b37052\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>HTML &lt;span&gt; Element \u0915\u093e \u0909\u092a\u092f\u094b\u0917 Inline Elements \u0915\u0947 Generic Container \u0915\u0947 \u0930\u0942\u092a \u092e\u0947\u0902 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964 \u0907\u0938\u0915\u093e \u0909\u092a\u092f\u094b\u0917 Grouped Inline Elements (Class \u0914\u0930 Id Attribute \u092f\u093e Inline Style \u0915\u093e \u0909\u092a\u092f\u094b\u0917 \u0915\u0930\u0915\u0947) \u0915\u094b Style \u0915\u0930\u0928\u0947 \u0915\u0947 Purpose \u0938\u0947 \u0915\u093f\u092f\u093e \u091c\u093e\u0924\u093e \u0939\u0948\u0964<\/li><li>&lt;span&gt; Element \u0915\u093e \u0915\u094b\u0908 Default Meaning \u092f\u093e Rendering \u0928\u0939\u0940\u0902 \u0939\u0948\u0964<\/li><li>&lt;span&gt; Element \u0928\u093f\u092e\u094d\u0928 Work \u0915\u0947 \u0932\u093f\u090f Useful \u0939\u094b\u0924\u093e \u0939\u0948:<ul><li>Text \u0915\u0947 \u090f\u0915 Part \u0915\u0940 Language \u0915\u094b Change \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f\u0964<\/li><li>CSS \u0915\u093e Use \u0915\u0930\u0915\u0947 Text \u0915\u0947 \u090f\u0915 Part \u0915\u093e Color, Font, Background \u0915\u094b Change \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f\u0964<\/li><li>Text \u0915\u0947 Particular Part \u092e\u0947\u0902 Script \u0915\u094b Apply \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f\u0964<\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdd58dc elementor-widget elementor-widget-code-highlight\" data-id=\"cdd58dc\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"en\">\r\n  <head>\r\n    <title>Span Element<\/title>\r\n    <link rel=\"icon\" href=\"favicon.ico\" type=\"image\/x-icon\" \/>\r\n  <\/head>\r\n  <body>\r\n    <h2>Example of Span<\/h2>  \r\n    <p>I have choosen only   \r\n      <span style=\"color: red;\">red<\/span>,   \r\n      <span style=\"color: blue;\">blue<\/span>, and  \r\n      <span style=\"color: green;\">green<\/span> \r\n      colors for my painting.  \r\n    <\/p>  \r\n  <\/body>\r\n<\/html>\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd86ca elementor-widget elementor-widget-image\" data-id=\"4fd86ca\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"677\" height=\"193\" src=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Span-Element.png\" class=\"attachment-full size-full wp-image-5289\" alt=\"span tag\" loading=\"lazy\" srcset=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Span-Element.png 677w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Span-Element-300x86.png 300w, https:\/\/aiyoit.com\/tutorial\/wp-content\/uploads\/2023\/07\/Span-Element-150x43.png 150w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4b4ce03a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4b4ce03a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3602d81f\" data-id=\"3602d81f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69beb999 elementor-widget elementor-widget-eael-content-ticker\" data-id=\"69beb999\" data-element_type=\"widget\" data-widget_type=\"eael-content-ticker.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"eael-ticker-wrap\" id=\"eael-ticker-wrap-69beb999\"><div class=\"ticker-badge\">\n                    <span>Trending Today<\/span>\n                <\/div><div class=\"swiper-container-wrap eael-ticker\">\n                <div class=\"swiper-container eael-content-ticker swiper-container-69beb999\" data-pagination=\".swiper-pagination-69beb999\" data-arrow-next=\".swiper-button-next-69beb999\" data-arrow-prev=\".swiper-button-prev-69beb999\" data-effect=\"slide\" data-speed=\"400\" data-autoplay=\"2000\" data-loop=\"1\" data-arrows=\"1\">\n                    <div class=\"swiper-wrapper\"><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/upsi-gs-hindi-100-questions-quiz\/\" class=\"ticker-content-link\">UPSI GS &#038; Hindi &#8211; 100 Questions Quiz<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/upp-quiz-questions-100\/\" class=\"ticker-content-link\">UPP Quiz Questions 100<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/fundamental-word-excel-tally-photoshop-internet-test-quiz\/\" class=\"ticker-content-link\">Fundamental , Word, Excel, Tally, Photoshop, Internet -Test Quiz<\/a>\n        <\/div>\n    <\/div><div class=\"swiper-slide\">\n        <div class=\"ticker-content\">\n            <a href=\"https:\/\/aiyoit.com\/tutorial\/fundamental-word-excel-tally-test-quiz-2\/\" class=\"ticker-content-link\">Fundamental , Word, Excel, Tally &#8211; Test Quiz<\/a>\n        <\/div>\n    <\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content-ticker-pagination\"><div class=\"swiper-button-next swiper-button-next-69beb999\"><i class=\"fas fa-angle-right\"><\/i><\/div><div class=\"swiper-button-prev swiper-button-prev-69beb999\"><i class=\"fas fa-angle-left\"><\/i><\/div><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-section elementor-top-section elementor-element elementor-element-55595dbc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"55595dbc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-82918ca\" data-id=\"82918ca\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-471705df elementor-share-buttons--view-icon-text elementor-share-buttons--skin-gradient elementor-share-buttons--shape-square elementor-grid-0 elementor-share-buttons--color-official elementor-widget elementor-widget-share-buttons\" data-id=\"471705df\" data-element_type=\"widget\" data-widget_type=\"share-buttons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/aiyoit.com\/tutorial\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-share-buttons.min.css\">\t\t<div class=\"elementor-grid\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_facebook\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on facebook\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-facebook\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tFacebook\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_pinterest\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on pinterest\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-pinterest\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tPinterest\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_linkedin\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on linkedin\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-linkedin\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tLinkedIn\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-grid-item\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"elementor-share-btn elementor-share-btn_whatsapp\"\n\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\t\taria-label=\"Share on whatsapp\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__icon\">\n\t\t\t\t\t\t\t\t<i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-share-btn__text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-share-btn__title\">\n\t\t\t\t\t\t\t\t\t\tWhatsApp\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HTML \u092e\u0947\u0902 Semantic Element Website \u0915\u0947 \u0938\u0902\u0930\u091a\u0928\u093e \u0914\u0930 Explanation \u0915\u094b \u0938\u092e\u091d\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0924\u0947 \u0939\u0948\u0902, \u0914\u0930 Search Engine \u0914\u0930 Readers \u0915\u094b Content \u0915\u094b \u0938\u092e\u091d\u0928\u0947 \u092e\u0947\u0902 \u092e\u0926\u0926 \u0915\u0930\u0928\u0947 \u0915\u0947 \u0932\u093f\u090f \u092d\u0940..<\/p>\n","protected":false},"author":6,"featured_media":5297,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"categories":[274],"tags":[10,9,517,270,738,734,740,742,474,729,741,744,727,735,731,726,728,739,737,733,732,743,736,730],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5269"}],"collection":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/comments?post=5269"}],"version-history":[{"count":12,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5269\/revisions"}],"predecessor-version":[{"id":5312,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/posts\/5269\/revisions\/5312"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/media\/5297"}],"wp:attachment":[{"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/media?parent=5269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/categories?post=5269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aiyoit.com\/tutorial\/wp-json\/wp\/v2\/tags?post=5269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}