Go Back   Wiki NewForum | Latest Entertainment News > Career Forum & Tips > Tech Forum & Tutorial > HTML Forum & Tutorial


HTML Head


Reply
Views: 2186  
Thread Tools Rate Thread
  #1  
Old 05-03-2009, 02:51 PM
welcomewiki welcomewiki is offline
Member
 
Join Date: Dec 2008
Location: India
Posts: 80,566
Default HTML Head

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>. <br /> <br /> <br /> <br /> Look at the following illegal construct: <br /> <br /> <br /> <br /> <head><br /> <p>This is some text</p><br /> </head><br /> <br /> In this case the browser has two options:<br /> <ul><li>Display the text because it is inside a paragraph element</li> <li>Hide the text because it is inside a head element</li> </ul> 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.<br /> Should browsers forgive you for errors like this? We don't think so. Others do.<br /> <b>Head Tags</b><br /> <br /> Tag Description <head> Defines information about the document <title> Defines the document title <base> Defines a base URL for all the links on a page <link> Defines a resource reference <meta> Defines meta information <br /> Tag Description <!DOCTYPE> Defines the document type. This tag goes before the <html> start tag.<br /><br /><div class='aionets_similar_threads' style='padding-top:10px;width:98%;font-weight:bold'>Similar Threads:<ul style='padding:0;margin-right:8px;margin-left:8px'><li> <a href="showthread.php?t=3187" title="Forum: Television & Digital OTT Forums ">Mahi hit on the head</a></li><li> <a href="showthread.php?t=2784" title="Forum: Television & Digital OTT Forums ">Rakhi Sawant goes head-on on Divya Dutta...</a></li><li> <a href="showthread.php?t=933" title="Forum: Television & Digital OTT Forums ">Sai and Shakti Anand head to Bollywood</a></li><li> <a href="showthread.php?t=675" title="Forum: Career Forum & Tips ">Info about Head Hunting...</a></li></ul></div> </div> <!-- / message --> <div style="margin-top: 10px" align="right"> <!-- controls --> <a href="newreply.php?s=71f99587f8f78cc3a0a7c52281b9a1de&do=newreply&p=18128" rel="nofollow"><img src="images/buttons/quote.gif" alt="Reply With Quote" border="0" /></a> <!-- / controls --> </div> <!-- message, attachments, sig --> </td> </tr> </table> <!-- post 18128 popup menu --> <div class="vbmenu_popup" id="postmenu_18128_menu" style="display:none;"> <table cellpadding="4" cellspacing="1" border="0"> <tr> <td class="thead">welcomewiki</td> </tr> <tr><td class="vbmenu_option"><a href="member.php?s=71f99587f8f78cc3a0a7c52281b9a1de&u=1">View Public Profile</a></td></tr> <tr><td class="vbmenu_option"><a href="private.php?s=71f99587f8f78cc3a0a7c52281b9a1de&do=newpm&u=1" rel="nofollow">Send a private message to welcomewiki</a></td></tr> <tr><td class="vbmenu_option"><a href="https://wikinewforum.com">Visit welcomewiki's homepage!</a></td></tr> <tr><td class="vbmenu_option"><a href="search.php?s=71f99587f8f78cc3a0a7c52281b9a1de&do=finduser&u=1" rel="nofollow">Find all posts by welcomewiki</a></td></tr> </table> </div> <!-- / post 18128 popup menu --> </div> </div> </div> </div> <!-- / close content container --> <!-- / post #18128 --><!-- post #18129 --> <!-- open content container --> <div align="center"> <div class="page" style="width:80%; text-align:left"> <div style="padding:0px 25px 0px 25px" align="left"> <div id="edit18129" style="padding:0px 0px 6px 0px"> <!-- this is not the last post shown on the page --> <table class="tborder" id="post18129" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <tr> <td class="thead" > <div class="normal" style="float:right">   #<a href="showpost.php?s=71f99587f8f78cc3a0a7c52281b9a1de&p=18129&postcount=2" target="new" rel="nofollow" id="postcount18129" name="2"><strong>2</strong></a>   </div> <div class="normal"> <!-- status icon and date --> <a name="post18129"><img class="inlineimg" src="images/statusicon/post_old.gif" alt="Old" border="0" /></a> 05-03-2009, 02:52 PM <!-- / status icon and date --> </div> </td> </tr> <tr> <td class="alt2" style="padding:0px"> <!-- user info --> <table cellpadding="0" cellspacing="6" border="0" width="100%"> <tr> <td nowrap="nowrap"> <div id="postmenu_18129"> <a class="bigusername" href="member.php?s=71f99587f8f78cc3a0a7c52281b9a1de&u=1">welcomewiki</a> <img class="inlineimg" src="images/statusicon/user_offline.gif" alt="welcomewiki is offline" border="0" /> <script type="text/javascript"> vbmenu_register("postmenu_18129", true); </script> </div> <div class="smallfont">Member</div> </td> <td width="100%"> </td> <td valign="top" nowrap="nowrap"> <div class="smallfont"> <div>Join Date: Dec 2008</div> <div>Location: India</div> <div> Posts: 80,566 </div> <div> </div> </div> </td> </tr> </table> <!-- / user info --> </td> </tr> <tr> <td class="alt1" id="td_post_18129"> <!-- message, attachments, sig --> <!-- message --> <div id="post_message_18129"> <b>The title of a document<br /> The title information inside a head element is not displayed in the browser window.</b><br /> <br /> <html><br /> <br /> <head><br /> <title>The title is not displayed



This text is displayed




Reply With Quote
  #3  
Old 05-03-2009, 02:53 PM
welcomewiki welcomewiki is offline
Member
 
Join Date: Dec 2008
Location: India
Posts: 80,566
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.










target="_blank">This link
will load in a new window because the target attribute is set to "_blank".





This link

will also load in a new window even without a target attribute.




Reply With Quote
  #4  
Old 05-03-2009, 02:55 PM
welcomewiki welcomewiki is offline
Member
 
Join Date: Dec 2008
Location: India
Posts: 80,566
Redirect a user
This example demonstrates how to redirect a user if your site address has changed.




content="5;url=https://wikinewforum.com">




Sorry! We have moved! The new URL is: https://www.wikinewforum.com




You will be redirected to the new address in five seconds.




If you see this message for more than 5 seconds, please click on the link above!




Reply With Quote
Reply

New topics in HTML Forum & Tutorial





Powered by vBulletin® Version 3.8.10
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
WikiNewForum)