{"id":86632,"date":"2017-06-17T12:29:12","date_gmt":"2017-06-17T12:29:12","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=86632"},"modified":"2017-06-17T12:29:12","modified_gmt":"2017-06-17T12:29:12","slug":"html-style-guide-code-structure","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/","title":{"rendered":"HTML Style Guide And Code Structure"},"content":{"rendered":"<p>Coding structure is important for the readability and maintenance of the program. While working on HTML we usually make some mistakes in the style and coding structure. We need to use the consistent style so that the code can easily understand\u00a0by others. The code should be tidy and clean. In this blog, we will learn about the dos and don&#8217;ts of HTML of styling and coding.<\/p>\n<h2>Always declare the correct document type:<\/h2>\n<p>Document type should always declare at first before the &lt;html&gt; tag and always take care of lower and uppercase of the document type.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86644\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-5.png\" alt=\"\" width=\"1185\" height=\"325\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-5.png 1185w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-5-250x69.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-5-300x82.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_1-5-768x211.png 768w\" sizes=\"(max-width: 1185px) 100vw, 1185px\" loading=\"lazy\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>Use the elements name in lower case letters:<\/h2>\n<p>Lowercase letters are easier to write. Never mix lower case elements with upper case elements.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86646\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5.png\" alt=\"\" width=\"1206\" height=\"233\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5.png 1206w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5-250x48.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5-300x58.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5-768x148.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_2-5-1200x232.png 1200w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" loading=\"lazy\" \/><\/p>\n<h2>Close all HTML elements:<\/h2>\n<p>Close each and every HTML elements even empty HTML elements also.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86647\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-4.png\" alt=\"\" width=\"1166\" height=\"309\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-4.png 1166w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-4-250x66.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-4-300x80.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_3-4-768x204.png 768w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" loading=\"lazy\" \/><\/p>\n<p>There are some elements in which there are no closing tags.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86648\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2.png\" alt=\"\" width=\"1220\" height=\"73\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2.png 1220w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-250x15.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-300x18.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-768x46.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-1200x72.png 1200w\" sizes=\"(max-width: 1220px) 100vw, 1220px\" loading=\"lazy\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Attributes name in lower case letters:<\/h2>\n<p>Attributes name should always be in lower case as it is easier to write and it looks clean and tidy.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86649\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_5-3.png\" alt=\"\" width=\"1172\" height=\"405\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_5-3.png 1172w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_5-3-250x86.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_5-3-300x104.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_5-3-768x265.png 768w\" sizes=\"(max-width: 1172px) 100vw, 1172px\" loading=\"lazy\" \/><\/p>\n<h2>Use quotes for the value of attributes:<\/h2>\n<p>There should be the use of quotation while defining the value of an attribute.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86650\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/231231231234.png\" alt=\"\" width=\"1176\" height=\"399\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/231231231234.png 1176w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/231231231234-250x85.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/231231231234-300x102.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/231231231234-768x261.png 768w\" sizes=\"(max-width: 1176px) 100vw, 1176px\" loading=\"lazy\" \/><\/p>\n<h2>\u00a0Use the alt attribute with images:<\/h2>\n<p>As alt is used when the image is not getting loaded then whatever the text in alt attribute will show. So, alt attribute should always define with images.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86648\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2.png\" alt=\"\" width=\"1220\" height=\"73\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2.png 1220w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-250x15.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-300x18.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-768x46.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/Screenshot_4-2-1200x72.png 1200w\" sizes=\"(max-width: 1220px) 100vw, 1220px\" loading=\"lazy\" \/><\/p>\n<h2>No blank lines and indentation:<\/h2>\n<p>Indentation means\u00a0a space left at the edge of a line of writing or the process of leaving a space. As much as space is left and blank lines are there in code when it is not needed then file size will increase and there will be problem SEO URL.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-86651\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/cjfmQj5LT82Tdcc1cZ2CSQ.png\" alt=\"\" width=\"1178\" height=\"499\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/cjfmQj5LT82Tdcc1cZ2CSQ.png 1178w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/cjfmQj5LT82Tdcc1cZ2CSQ-250x106.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/cjfmQj5LT82Tdcc1cZ2CSQ-300x127.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/cjfmQj5LT82Tdcc1cZ2CSQ-768x325.png 768w\" sizes=\"(max-width: 1178px) 100vw, 1178px\" loading=\"lazy\" \/><\/p>\n<p>One should always keep above points in mind while working on HTML as it will be easier for you\u00a0as well for others.<\/p>\n<p>Thank You for your time.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coding structure is important for the readability and maintenance of the program. While working on HTML we usually make some mistakes in the style and coding structure. We need to use the consistent style so that the code can easily understand\u00a0by others. The code should be tidy and clean. In this blog, we will learn <a href=\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":146,"featured_media":84482,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2383],"tags":[4940,4942,230,4941],"class_list":["post-86632","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-code-structure","tag-code-structure-of-html","tag-html","tag-style-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML Style Guide And Code Structure - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Style Guide And Code Structure - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Coding structure is important for the readability and maintenance of the program. While working on HTML we usually make some mistakes in the style and coding structure. We need to use the consistent style so that the code can easily understand\u00a0by others. The code should be tidy and clean. In this blog, we will learn [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-17T12:29:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ayushi Maheshwari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ayushi Maheshwari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\"},\"author\":{\"name\":\"Ayushi Maheshwari\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/897bb2bf612bc859fd56931946613b45\"},\"headline\":\"HTML Style Guide And Code Structure\",\"datePublished\":\"2017-06-17T12:29:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\"},\"wordCount\":320,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png\",\"keywords\":[\"code structure\",\"code structure of html\",\"html\",\"style guide\"],\"articleSection\":[\"blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\",\"url\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\",\"name\":\"HTML Style Guide And Code Structure - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png\",\"datePublished\":\"2017-06-17T12:29:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png\",\"width\":\"825\",\"height\":\"260\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Style Guide And Code Structure\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/897bb2bf612bc859fd56931946613b45\",\"name\":\"Ayushi Maheshwari\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ebf29205b93e581980801acf5a754ee242f85bf00ec686d0b5e186c2ea81d6ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ebf29205b93e581980801acf5a754ee242f85bf00ec686d0b5e186c2ea81d6ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g\",\"caption\":\"Ayushi Maheshwari\"},\"sameAs\":[\"http:\/\/webkul.com\/blog\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/ayushi981\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Style Guide And Code Structure - Webkul Blog","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:\/\/webkul.com\/blog\/html-style-guide-code-structure\/","og_locale":"en_US","og_type":"article","og_title":"HTML Style Guide And Code Structure - Webkul Blog","og_description":"Coding structure is important for the readability and maintenance of the program. While working on HTML we usually make some mistakes in the style and coding structure. We need to use the consistent style so that the code can easily understand\u00a0by others. The code should be tidy and clean. In this blog, we will learn [...]","og_url":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-06-17T12:29:12+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png","type":"image\/png"}],"author":"Ayushi Maheshwari","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Ayushi Maheshwari","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/"},"author":{"name":"Ayushi Maheshwari","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/897bb2bf612bc859fd56931946613b45"},"headline":"HTML Style Guide And Code Structure","datePublished":"2017-06-17T12:29:12+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/"},"wordCount":320,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png","keywords":["code structure","code structure of html","html","style guide"],"articleSection":["blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/","url":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/","name":"HTML Style Guide And Code Structure - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png","datePublished":"2017-06-17T12:29:12+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Code-Snippet.png","width":"825","height":"260"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/html-style-guide-code-structure\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Style Guide And Code Structure"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/897bb2bf612bc859fd56931946613b45","name":"Ayushi Maheshwari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ebf29205b93e581980801acf5a754ee242f85bf00ec686d0b5e186c2ea81d6ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ebf29205b93e581980801acf5a754ee242f85bf00ec686d0b5e186c2ea81d6ac?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Feva.png&r=g","caption":"Ayushi Maheshwari"},"sameAs":["http:\/\/webkul.com\/blog"],"url":"https:\/\/webkul.com\/blog\/author\/ayushi981\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86632","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/146"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=86632"}],"version-history":[{"count":2,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86632\/revisions"}],"predecessor-version":[{"id":86652,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/86632\/revisions\/86652"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/84482"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=86632"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=86632"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=86632"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}