Saturday, November 15, 2008

HTML Head

PreviousNext


Examples

The title of a document
The title information inside a head element is not displayed in the browser window.

One target for all links
This example demonstrates how to use the base tag to let all the links on a page open in a new window.


The Head Element

The head element contains general information, also called meta-information, about a document. Meta means "information about".

You can say that meta-data means information about data, or meta-information means information about information.


Information Inside the Head Element

The elements inside the head element should not be displayed by a browser.

According to the HTML standard, only a few tags are legal inside the head section. These are: , , , , <style>, and <script>. <o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Look at the following illegal construct: <o:p></o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm;"><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><head><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"><span style=""> </span><p>This is some text</p><o:p></o:p></span></pre><pre><span style="font-size: 9.5pt; color: black;" lang="EN-US"></head><o:p></o:p></span></pre></td> </tr> </tbody></table> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">In this case the browser has two options:<o:p></o:p></span></p> <ul type="disc"><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">Display the text because it is inside a paragraph element <o:p></o:p></span></li><li class="MsoNormal" style="color: black;"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif";" lang="EN-US">Hide the text because it is inside a head element <o:p></o:p></span></li></ul> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">If you put an HTML element like <h1> or <p> inside a head element like this, most browsers will display it, even if it is illegal.<o:p></o:p></span></p> <p><span style="font-size: 8.5pt; color: black;" lang="EN-US">Should browsers forgive you for errors like this? We don't think so. Others do.<o:p></o:p></span></p> <div class="MsoNormal" style="text-align: center;" align="center"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"> <hr style="color: black;" align="center" size="1" width="100%" noshade="noshade"> </span></div> <h2><span style="font-size: 10pt;" lang="EN-US">Head Tags<o:p></o:p></span></h2> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm; width: 25%;" valign="top" width="25%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm; width: 80%;" valign="top" width="80%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_head.asp"><span style="font-family: "Times New Roman","serif";"><head></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines information about the document<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_title.asp"><span style="font-family: "Times New Roman","serif";"><title></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines the document title<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_base.asp"><span style="font-family: "Times New Roman","serif";"><base></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a base URL for all the links on a page<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_link.asp"><span style="font-family: "Times New Roman","serif";"><link></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines a resource reference<o:p></o:p></span></p> </td> </tr> <tr style=""> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_meta.asp"><span style="font-family: "Times New Roman","serif";"><meta></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines meta information<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><o:p> </o:p></span></p> <table class="MsoNormalTable" style="background: rgb(241, 241, 241) none repeat scroll 0% 0%; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" border="1" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr style=""> <td style="padding: 0cm; width: 25%;" valign="top" width="25%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Tag<o:p></o:p></span></b></p> </td> <td style="padding: 0cm; width: 80%;" valign="top" width="80%"> <p class="MsoNormal"><b><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Description<o:p></o:p></span></b></p> </td> </tr> <tr style=""> <td style="padding: 0cm; width: 60pt;" valign="top" width="80"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US"><a href="http://www.w3schools.com/tags/tag_doctype.asp"><span style="font-family: "Times New Roman","serif";"><!DOCTYPE></span></a><o:p></o:p></span></p> </td> <td style="padding: 0cm;" valign="top"> <p class="MsoNormal"><span style="font-size: 8.5pt; font-family: "Verdana","sans-serif"; color: black;" lang="EN-US">Defines the document type. This tag goes before the <html> start tag.<o:p></o:p></span></p> </td> </tr> </tbody></table> <p class="MsoNormal"><span lang="EN-US"><o:p> </o:p></span></p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/11533458660230230361' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/11533458660230230361' rel='author' title='author profile'> <span itemprop='name'>Sumedh</span> </a> </span> </span> <span class='post-timestamp'> at <meta content='http://htmlfaq.blogspot.com/2008/11/html-head.html' itemprop='url'/> <a class='timestamp-link' href='http://htmlfaq.blogspot.com/2008/11/html-head.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2008-11-15T21:09:00-08:00'>9:09 PM</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='post-comment-link'> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-2106088809'> <a href='https://www.blogger.com/post-edit.g?blogID=1868795505004018979&postID=9051034913472937106&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Labels: <a href='http://htmlfaq.blogspot.com/search/label/HTML' rel='tag'>HTML</a>, <a href='http://htmlfaq.blogspot.com/search/label/HTML%20Tutorial' rel='tag'>HTML Tutorial</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <a href='https://www.blogger.com/comment.g?blogID=1868795505004018979&postID=9051034913472937106' onclick=''>Post a Comment</a> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> <div class='inline-ad'> <script type="text/javascript"><!-- google_ad_client="pub-4684889708406489"; google_ad_host="pub-1556223355139109"; google_ad_host_channel="00000"; google_ad_width=300; google_ad_height=250; google_ad_format="300x250_as"; google_ad_type="text_image"; google_color_border="FFFFFF"; google_color_bg="FFFFFF"; google_color_link="BB3300"; google_color_url="999999"; google_color_text="000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='http://htmlfaq.blogspot.com/2008/11/html-meta.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='http://htmlfaq.blogspot.com/2008/11/html-styles.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='http://htmlfaq.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://htmlfaq.blogspot.com/feeds/9051034913472937106/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> <script type='text/javascript'> window.___gcfg = { 'lang': 'en' }; </script> </div><div class='widget HTML' data-version='1' id='HTML2'> <div class='widget-content'> <script type="text/javascript"><!-- ch_client = "Sumedh"; ch_type = "mpu"; ch_width = 468; ch_height = 180; ch_non_contextual = 4; ch_vertical ="premium"; ch_sid = "Chitika Premium"; var ch_queries = new Array( ); var ch_selected=Math.floor((Math.random()*ch_queries.length)); if ( ch_selected < ch_queries.length ) { ch_query = ch_queries[ch_selected]; } //--></script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML2"));' target='configHTML2' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> <div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>Search</h2> <div class='widget-content'> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML1"));' target='configHTML1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div><div class='widget BlogList' data-version='1' id='BlogList1'> <h2 class='title'>My Blog List</h2> <div class='widget-content'> <div class='blog-list-container' id='BlogList1_container'> <ul id='BlogList1_blogs'> </ul> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogList&widgetId=BlogList1&action=editWidget§ionId=main' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogList1"));' target='configBlogList1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div> </div></div> </div> </div> <div class='column-left-outer'> <div class='column-left-inner'> <aside> </aside> </div> </div> <div class='column-right-outer'> <div class='column-right-inner'> <aside> <div class='sidebar section' id='sidebar-right-1'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>Search This Blog</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='http://htmlfaq.blogspot.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='Search'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogSearch&widgetId=BlogSearch1&action=editWidget§ionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogSearch1"));' target='configBlogSearch1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div><div class='widget Subscribe' data-version='1' id='Subscribe1'> <div style='white-space:nowrap'> <h2 class='title'>Subscribe To</h2> <div class='widget-content'> <div class='subscribe-wrapper subscribe-type-POST'> <div class='subscribe expanded subscribe-type-POST' id='SW_READER_LIST_Subscribe1POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Posts </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2Fposts%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/posts/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Posts </span> </span> </div> <div class='bottom'></div> </div> </div> <div class='subscribe-wrapper subscribe-type-PER_POST'> <div class='subscribe expanded subscribe-type-PER_POST' id='SW_READER_LIST_Subscribe1PER_POST' style='display:none;'> <div class='top'> <span class='inner' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Comments </span> <div class='feed-reader-links'> <a class='feed-reader-link' href='https://www.netvibes.com/subscribe.php?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F9051034913472937106%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-netvibes.png'/> </a> <a class='feed-reader-link' href='https://add.my.yahoo.com/content?url=http%3A%2F%2Fhtmlfaq.blogspot.com%2Ffeeds%2F9051034913472937106%2Fcomments%2Fdefault' target='_blank'> <img src='https://img1.blogblog.com/img/widgets/subscribe-yahoo.png'/> </a> <a class='feed-reader-link' href='http://htmlfaq.blogspot.com/feeds/9051034913472937106/comments/default' target='_blank'> <img align='absmiddle' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Atom </a> </div> </div> <div class='bottom'></div> </div> <div class='subscribe' id='SW_READER_LIST_CLOSED_Subscribe1PER_POST' onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <div class='top'> <span class='inner'> <img class='subscribe-dropdown-arrow' src='https://img2.blogblog.com/img/widgets/arrow_dropdown.gif'/> <span onclick='return(_SW_toggleReaderList(event, "Subscribe1PER_POST"));'> <img align='absmiddle' alt='' border='0' class='feed-icon' src='https://img1.blogblog.com/img/icon_feed12.png'/> Comments </span> </span> </div> <div class='bottom'></div> </div> </div> <div style='clear:both'></div> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Subscribe&widgetId=Subscribe1&action=editWidget§ionId=sidebar-right-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("Subscribe1"));' target='configSubscribe1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='sidebar section' id='sidebar-right-2-1'><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <script type="text/javascript"> ch_fluidH = 1; ch_nump = "4"; ch_client = "sumedhds"; ch_width = 200; ch_height = "auto"; ch_type = "mpu"; ch_sid = "Chitika Default"; ch_backfill = 1; ch_color_site_link = "#0000CC"; ch_color_title = "#0000CC"; ch_color_border = "#FFFFFF"; ch_color_text = "#000000"; ch_color_bg = "#FFFFFF"; </script> <script src="http://scripts.chitika.net/eminimalls/amm.js" type="text/javascript"> </script> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=HTML&widgetId=HTML3&action=editWidget§ionId=sidebar-right-2-1' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML3"));' target='configHTML3' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </td> <td class='columns-cell'> <div class='sidebar section' id='sidebar-right-2-2'><div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Blog Archive</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2009/'> 2009 </a> <span class='post-count' dir='ltr'>(1)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2009/01/'> January </a> <span class='post-count' dir='ltr'>(1)</span> </li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/'> 2008 </a> <span class='post-count' dir='ltr'>(23)</span> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/12/'> December </a> <span class='post-count' dir='ltr'>(2)</span> </li> </ul> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/11/'> November </a> <span class='post-count' dir='ltr'>(13)</span> <ul class='posts'> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-40-standard-attributes.html'>HTML 4.0 Standard Attributes</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-scripts.html'>HTML Scripts</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-uniform-resource-locators.html'>HTML Uniform Resource Locators</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-meta.html'>HTML Meta</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-head.html'>HTML Head</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-styles.html'>HTML Styles</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/why-use-html-40.html'>Why use HTML 4.0?</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-layout.html'>HTML Layout</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-editing-programs.html'>HTML Editing Programs</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/creating-pages-with-html.html'>Creating Pages With HTML</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-forms-and-input.html'>HTML Forms and Input</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/html-tutorial.html'>HTML Tutorial</a></li> <li><a href='http://htmlfaq.blogspot.com/2008/11/frequently-asked-questions.html'>Frequently Asked Questions</a></li> </ul> </li> </ul> <ul class='hierarchy'> <li class='archivedate collapsed'> <a class='toggle' href='javascript:void(0)'> <span class='zippy'> ►  </span> </a> <a class='post-count-link' href='http://htmlfaq.blogspot.com/2008/08/'> August </a> <span class='post-count' dir='ltr'>(8)</span> </li> </ul> </li> </ul> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=sidebar-right-2-2' onclick='return _WidgetManager._PopupConfig(document.getElementById("BlogArchive1"));' target='configBlogArchive1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div> </div> </td> </tr> </tbody> </table> <div class='sidebar section' id='sidebar-right-3'><div class='widget Label' data-version='1' id='Label1'> <h2>Labels</h2> <div class='widget-content list-label-widget-content'> <ul> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/DOM'>DOM</a> <span dir='ltr'>(1)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/FAQ%27s'>FAQ's</a> <span dir='ltr'>(2)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML'>HTML</a> <span dir='ltr'>(23)</span> </li> <li> <a dir='ltr' href='http://htmlfaq.blogspot.com/search/label/HTML%20Tutorial'>HTML Tutorial</a> <span dir='ltr'>(11)</span> </li> </ul> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Label&widgetId=Label1&action=editWidget§ionId=sidebar-right-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Label1"));' target='configLabel1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div> </div></div> </aside> </div> </div> </div> <div style='clear: both'></div> <!-- columns --> </div> <!-- main --> </div> </div> <div class='main-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> <footer> <div class='footer-outer'> <div class='footer-cap-top cap-top'> <div class='cap-left'></div> <div class='cap-right'></div> </div> <div class='fauxborder-left footer-fauxborder-left'> <div class='fauxborder-right footer-fauxborder-right'></div> <div class='region-inner footer-inner'> <div class='foot no-items section' id='footer-1'></div> <table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'> <tbody> <tr> <td class='first columns-cell'> <div class='foot no-items section' id='footer-2-1'></div> </td> <td class='columns-cell'> <div class='foot no-items section' id='footer-2-2'></div> </td> </tr> </tbody> </table> <!-- outside of the include in order to lock Attribution widget --> <div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Simple theme. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=1868795505004018979&widgetType=Attribution&widgetId=Attribution1&action=editWidget§ionId=footer-3' onclick='return _WidgetManager._PopupConfig(document.getElementById("Attribution1"));' target='configAttribution1' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div> </div></div> </div> </div> <div class='footer-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </footer> <!-- content --> </div> </div> <div class='content-cap-bottom cap-bottom'> <div class='cap-left'></div> <div class='cap-right'></div> </div> </div> </div> <script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace('loading', ''); }, 10); </script> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'></script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3577707566-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4t3hiLQFlsac1wIGHZu8uLFrjzHw:1511528938645';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1868795505004018979','//htmlfaq.blogspot.com/2008/11/html-head.html','1868795505004018979'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1868795505004018979', 'title': 'HTML Faq\x27s - HTML Interview Questions And Answer', 'url': 'http://htmlfaq.blogspot.com/2008/11/html-head.html', 'canonicalUrl': 'http://htmlfaq.blogspot.com/2008/11/html-head.html', 'homepageUrl': 'http://htmlfaq.blogspot.com/', 'searchUrl': 'http://htmlfaq.blogspot.com/search', 'canonicalHomepageUrl': 'http://htmlfaq.blogspot.com/', 'blogspotFaviconUrl': 'http://htmlfaq.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - RSS\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1868795505004018979/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22HTML Faq\x26#39;s - HTML Interview Questions And Answer - Atom\x22 href\x3d\x22http://htmlfaq.blogspot.com/feeds/9051034913472937106/comments/default\x22 /\x3e\n', 'meTag': '', 'openIdOpTag': '', 'adsenseClientId': 'ca-pub-4684889708406489', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'ieCssRetrofitLinks': '\x3c!--[if IE]\x3e\x3cscript type\x3d\x22text/javascript\x22 src\x3d\x22https://www.blogger.com/static/v1/jsbin/771816573-ieretrofit.js\x22\x3e\x3c/script\x3e\n\x3c![endif]--\x3e', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5e49a9bcd60ebb33', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Google+', 'key': 'googlePlus', 'shareMessage': 'Share to Google+', 'target': 'googleplus'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'googlePlusShareButtonWidth': 300, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '9051034913472937106', 'postImageUrl': 'file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif', 'pageName': 'HTML Head ', 'pageTitle': 'HTML Faq\x27s - HTML Interview Questions And Answer: HTML Head '}}, {'name': 'features', 'data': {'lazy_images': 'false', 'unsupported_browser_message': 'false', 'lightbox_img_parsing': 'true', 'video_theatre_support': 'true', 'sharing_get_link_dialog': 'false', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'Simple', 'localizedName': 'Simple', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false, 'variant': 'pale', 'variantId': 'pale'}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'HTML Head ', 'description': ' Examples The title of a document \r The title information inside a head element is not displayed in the browser window. One targe...', 'featuredImage': 'file:///C:/Users/sujata/AppData/Local/Temp/msohtmlclip1/01/clip_image001.gif', 'url': 'http://htmlfaq.blogspot.com/2008/11/html-head.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 9051034913472937106}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', null, document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', null, document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'main', null, document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'useNgc': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1219124111-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/368954415-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'main', null, document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'main', null, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'main', null, document.getElementById('BlogList1'), {'numItemsToShow': 0, 'totalItems': 0}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', null, document.getElementById('BlogSearch1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_SubscribeView', new _WidgetInfo('Subscribe1', 'sidebar-right-1', null, document.getElementById('Subscribe1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidebar-right-2-1', null, document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-2-2', null, document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-right-3', null, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', null, document.getElementById('Attribution1'), {}, 'displayModeFull')); </script> </body> </html>