{"id":2692,"date":"2015-10-27T19:47:16","date_gmt":"2015-10-27T19:47:16","guid":{"rendered":"http:\/\/tutorialsclass.com\/?p=2692"},"modified":"2020-04-22T18:07:41","modified_gmt":"2020-04-22T18:07:41","slug":"html-head","status":"publish","type":"post","link":"https:\/\/tutorialsclass.com\/html-head\/","title":{"rendered":"HTML Head"},"content":{"rendered":"\n<p>HTML Head element mainly contains metadata (data about data) about the HTML Page.<\/p>\n\n\n\n<p>You can place the HTML page title, scripts, styles, and other meta information in the head element. This information is helpful for search engines as well as provides additional data for HTML page.<\/p>\n\n\n\n<p><strong> Type of data in HTML Head element: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title:<\/strong> HTML Head element contains title of the page that is displayed in browser title bar.<\/li><li><strong>Scripts:<\/strong> All client-side scripts such as JavaScript often included in this Head section<\/li><li><strong>Styles<\/strong>: Internal &amp; External Style rules also included inside Head element<\/li><li><strong>Meta<\/strong>: There are few meta tags such as description &amp; keywords about HTML pages are included inside the head section. These are useful for Search Engines.<\/li><\/ul>\n\n\n\n<p>The above data placed in the head is never directly visible in the main browser window. Some of the head metadata is helpful for search engines like Google for better document understanding. While styles are used to extend page formatting. Scripts are internally used to enhance HTML web pages functionality &amp; event handling.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Example of HTML Head Element data<\/h3>\n\n\n\n<pre class=\"wp-block-code language-markup\"><code>&lt;!DOCTYPE html>\n&lt;html>\n \n&lt;head>\n&lt;title> HTML Head Tutorial - TutorialsClass.com &lt;\/title>\n&lt;meta charset=\"UTF-8\">\n&lt;meta name=\"description\" content=\"This website provides free online tutorials\">\n&lt;meta name=\"keywords\" content=\"HTML, CSS, PHP, SEO\">\n&lt;meta name=\"author\" content=\"TutorialsClass.com\">\n&lt;link rel=\"stylesheet\" type=\"text\/css\" href=\"style.css\">\n&lt;script type=\"text\/javascript\">\nalert(\"Simple JavaScript Alert\");\n&lt;\/script>\n&lt;\/head>\n \n&lt;body>\nThis is sample content.\n&lt;\/body>\n \n&lt;\/html><\/code><\/pre>\n\n\n\n<p>You can see following example, where different kind of meta-information included in the Head element.<\/p>\n\n\n\n<p>When you run above example, you can see same title in Browser title bar as defined in title tag in head. Meta keywords, description &amp; author information is used by search engines.<\/p>\n\n\n\n<p>You can read in detail about styles &amp; scripts in later chapters.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML Head element mainly contains metadata (data about data) about the HTML Page. You can place the HTML page title, scripts, styles, and other meta information in the head element. This information&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"keywords":[],"class_list":["post-2692","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Head - Learn with example | Tutorials Class<\/title>\n<meta name=\"description\" content=\"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title &amp; other meta tags inside HTML Head. Try Example here\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tutorialsclass.com\/html-head\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Head - Learn with example | Tutorials Class\" \/>\n<meta property=\"og:description\" content=\"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title &amp; other meta tags inside HTML Head. Try Example here\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tutorialsclass.com\/html-head\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorials Class\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tutorialsclass\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-27T19:47:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-22T18:07:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/07\/tutorials-class-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tutorials Class\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TutorialsClass\" \/>\n<meta name=\"twitter:site\" content=\"@TutorialsClass\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tutorials Class\" \/>\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:\/\/tutorialsclass.com\/html-head\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/tutorialsclass.com\/html-head\/\"},\"author\":{\"name\":\"Tutorials Class\",\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/person\/f7d4f67fc9721ef3ea91cb21aaf89e3e\"},\"headline\":\"HTML Head\",\"datePublished\":\"2015-10-27T19:47:16+00:00\",\"dateModified\":\"2020-04-22T18:07:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/tutorialsclass.com\/html-head\/\"},\"wordCount\":239,\"publisher\":{\"@id\":\"https:\/\/tutorialsclass.com\/#organization\"},\"articleSection\":[\"HTML Tutorial\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tutorialsclass.com\/html-head\/\",\"url\":\"https:\/\/tutorialsclass.com\/html-head\/\",\"name\":\"HTML Head - Learn with example | Tutorials Class\",\"isPartOf\":{\"@id\":\"https:\/\/tutorialsclass.com\/#website\"},\"datePublished\":\"2015-10-27T19:47:16+00:00\",\"dateModified\":\"2020-04-22T18:07:41+00:00\",\"description\":\"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title & other meta tags inside HTML Head. Try Example here\",\"breadcrumb\":{\"@id\":\"https:\/\/tutorialsclass.com\/html-head\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tutorialsclass.com\/html-head\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tutorialsclass.com\/html-head\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tutorialsclass.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn\",\"item\":\"https:\/\/tutorialsclass.com\/learn\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Tutorial\",\"item\":\"https:\/\/tutorialsclass.com\/learn\/html\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"HTML5\",\"item\":\"https:\/\/tutorialsclass.com\/learn\/html\/html5\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"HTML Head\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tutorialsclass.com\/#website\",\"url\":\"https:\/\/tutorialsclass.com\/\",\"name\":\"Tutorials Class\",\"description\":\"Online Tutorials for Beginners\",\"publisher\":{\"@id\":\"https:\/\/tutorialsclass.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tutorialsclass.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/tutorialsclass.com\/#organization\",\"name\":\"Tutorials Class\",\"url\":\"https:\/\/tutorialsclass.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png\",\"contentUrl\":\"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png\",\"width\":442,\"height\":94,\"caption\":\"Tutorials Class\"},\"image\":{\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/tutorialsclass\",\"https:\/\/x.com\/TutorialsClass\",\"https:\/\/in.pinterest.com\/merientinfotech\/boards\/\",\"https:\/\/www.youtube.com\/channel\/UCzbpQXlqec-bQf1_kwrTuoA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/person\/f7d4f67fc9721ef3ea91cb21aaf89e3e\",\"name\":\"Tutorials Class\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tutorialsclass.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/346276d8e1600eec36df1bf9adcf78bf1eabb87fc0a79250e0565a88809b8f14?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/346276d8e1600eec36df1bf9adcf78bf1eabb87fc0a79250e0565a88809b8f14?s=96&d=mm&r=g\",\"caption\":\"Tutorials Class\"},\"sameAs\":[\"tcadmin\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Head - Learn with example | Tutorials Class","description":"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title & other meta tags inside HTML Head. Try Example here","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:\/\/tutorialsclass.com\/html-head\/","og_locale":"en_US","og_type":"article","og_title":"HTML Head - Learn with example | Tutorials Class","og_description":"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title & other meta tags inside HTML Head. Try Example here","og_url":"https:\/\/tutorialsclass.com\/html-head\/","og_site_name":"Tutorials Class","article_publisher":"https:\/\/www.facebook.com\/tutorialsclass","article_published_time":"2015-10-27T19:47:16+00:00","article_modified_time":"2020-04-22T18:07:41+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/07\/tutorials-class-logo.png","type":"image\/png"}],"author":"Tutorials Class","twitter_card":"summary_large_image","twitter_creator":"@TutorialsClass","twitter_site":"@TutorialsClass","twitter_misc":{"Written by":"Tutorials Class","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tutorialsclass.com\/html-head\/#article","isPartOf":{"@id":"https:\/\/tutorialsclass.com\/html-head\/"},"author":{"name":"Tutorials Class","@id":"https:\/\/tutorialsclass.com\/#\/schema\/person\/f7d4f67fc9721ef3ea91cb21aaf89e3e"},"headline":"HTML Head","datePublished":"2015-10-27T19:47:16+00:00","dateModified":"2020-04-22T18:07:41+00:00","mainEntityOfPage":{"@id":"https:\/\/tutorialsclass.com\/html-head\/"},"wordCount":239,"publisher":{"@id":"https:\/\/tutorialsclass.com\/#organization"},"articleSection":["HTML Tutorial"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/tutorialsclass.com\/html-head\/","url":"https:\/\/tutorialsclass.com\/html-head\/","name":"HTML Head - Learn with example | Tutorials Class","isPartOf":{"@id":"https:\/\/tutorialsclass.com\/#website"},"datePublished":"2015-10-27T19:47:16+00:00","dateModified":"2020-04-22T18:07:41+00:00","description":"HTML Head element mainly contains metadata about the HTML Page. You can include style, script, title & other meta tags inside HTML Head. Try Example here","breadcrumb":{"@id":"https:\/\/tutorialsclass.com\/html-head\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tutorialsclass.com\/html-head\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/tutorialsclass.com\/html-head\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tutorialsclass.com\/"},{"@type":"ListItem","position":2,"name":"Learn","item":"https:\/\/tutorialsclass.com\/learn\/"},{"@type":"ListItem","position":3,"name":"HTML Tutorial","item":"https:\/\/tutorialsclass.com\/learn\/html\/"},{"@type":"ListItem","position":4,"name":"HTML5","item":"https:\/\/tutorialsclass.com\/learn\/html\/html5\/"},{"@type":"ListItem","position":5,"name":"HTML Head"}]},{"@type":"WebSite","@id":"https:\/\/tutorialsclass.com\/#website","url":"https:\/\/tutorialsclass.com\/","name":"Tutorials Class","description":"Online Tutorials for Beginners","publisher":{"@id":"https:\/\/tutorialsclass.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tutorialsclass.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tutorialsclass.com\/#organization","name":"Tutorials Class","url":"https:\/\/tutorialsclass.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/","url":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png","contentUrl":"https:\/\/tutorialsclass.com\/wp-content\/uploads\/2020\/05\/tutorials-class-logo.png","width":442,"height":94,"caption":"Tutorials Class"},"image":{"@id":"https:\/\/tutorialsclass.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tutorialsclass","https:\/\/x.com\/TutorialsClass","https:\/\/in.pinterest.com\/merientinfotech\/boards\/","https:\/\/www.youtube.com\/channel\/UCzbpQXlqec-bQf1_kwrTuoA"]},{"@type":"Person","@id":"https:\/\/tutorialsclass.com\/#\/schema\/person\/f7d4f67fc9721ef3ea91cb21aaf89e3e","name":"Tutorials Class","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tutorialsclass.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/346276d8e1600eec36df1bf9adcf78bf1eabb87fc0a79250e0565a88809b8f14?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/346276d8e1600eec36df1bf9adcf78bf1eabb87fc0a79250e0565a88809b8f14?s=96&d=mm&r=g","caption":"Tutorials Class"},"sameAs":["tcadmin"]}]}},"_links":{"self":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/posts\/2692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/comments?post=2692"}],"version-history":[{"count":3,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/posts\/2692\/revisions"}],"predecessor-version":[{"id":5119,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/posts\/2692\/revisions\/5119"}],"wp:attachment":[{"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/media?parent=2692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/categories?post=2692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/tags?post=2692"},{"taxonomy":"keywords","embeddable":true,"href":"https:\/\/tutorialsclass.com\/wp-json\/wp\/v2\/keywords?post=2692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}