State The Name Of Your Web Pages Web Application

Tutorials Shared by the Internet Community

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

Tutorial Detail

State The Name Of Your Web Pages Web Application

Now lets say that you created a web page that is an app or in other words a web application that your users can interact with, like for example...
http://www.pubpixel.com/article/74/html5-snippets-state-the-name-of-your-web-pages-web-app...
  • Total Hits: 5129

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 0 votes

  • Category: HTML/HTML 5.0

  • Submitted on: 2014-07-08 09:49:28

  • Submitted By: pubpixel.com

  • Set as Favorite

Description:

Now lets say that you created a web page that is an app or in other words a web application that your users can interact with, like for example, a message board. And lets also say that you would like to have the browsers and the search engines know the name of your web application since the element for the web page that represents your web application holds different information about your web application.    <a target="_blank" rel="nofollow" style="text-decoration:none;" href="/viewtutorial/5139" title="State The Name Of Your Web Pages Web Application">More detail...</a> <br /> <h2>Rating Detail</h2> <table class="src"> <tr> <th> <b>Stars</b></th> <th> <b>Percentage</b></th> <th> <b>Total Vote</b></th> </tr> <tr> <td> <img src="/images/one.gif" alt="One star" class="inline"/></td> <td> <img src="/images/vote_left1.gif" alt="Vote Left" class="inline"/><img src="/images/vote_middle1.gif" width="1px;" alt="Vote Middle" class="inline"/><img src="/images/vote_right1.gif" alt="Vote Right" class="inline"/> 0%</td> <td> 0</td> </tr> <tr> <td> <img src="/images/one.gif" alt="Two stars" class="inline"/><img src="/images/one.gif" alt="Two star" class="inline"/></td> <td> <img src="/images/vote_left2.gif" alt="Vote Left" class="inline"/><img src="/images/vote_middle2.gif" width="1px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right2.gif" alt="Vote Right" class="inline"/> 0%</td> <td> 0</td> </tr> <tr> <td> <img src="/images/one.gif" alt="Three stars" class="inline"/><img src="/images/one.gif" alt="Three stars" class="inline"/><img src="/images/one.gif" alt="Three stars" class="inline"/></td> <td> <img src="/images/vote_left3.gif" alt="Vote Left" class="inline"/><img src="/images/vote_middle3.gif" width="1px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right3.gif" alt="Vote Right" class="inline"/> 0%</td> <td> 0</td> </tr> </tr> <tr> <td> <img src="/images/one.gif" alt="Four stars" class="inline"/><img src="/images/one.gif" alt="Four stars" class="inline"/><img src="/images/one.gif" alt="Four stars" class="inline"/><img src="/images/one.gif" alt="Four stars" class="inline"/></td> <td> <img src="/images/vote_left4.gif" alt="Vote Left" class="inline"/><img src="/images/vote_middle4.gif" style="width:1px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right4.gif" alt="Vote Right" class="inline"/> 0%</td> <td> 0</td> </tr> <tr> <td> <img src="/images/one.gif" alt="Five stars" class="inline"/><img src="/images/one.gif" alt="Five stars" class="inline"/><img src="/images/one.gif" alt="Five stars" class="inline"/><img src="/images/one.gif" alt="Five stars" class="inline"/><img src="/images/one.gif" alt="Five stars" class="inline"/></td> <td> <img src="/images/vote_left5.gif" alt="Vote Left" class="inline"/><img src="/images/vote_middle5.gif" style="width:1px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right5.gif" alt="Vote Right" class="inline"/> 0%</td> <td> 0</td> </tr> </table> <h2>Caste Your Vote</h2> <form name="MainForm" method="post" target="_self" action="/rate/5139"> <input type="hidden" name="url_id" value="5139" /> <table class="src"> <tr> <th width="20%"> <b>Rating</b></th> <th align="center" width="20%"> <b>Selection</b></th> <th width="60%"> <b>Guidelines</b></th> </tr> <tr> <td style="text-align:right;" > <b>Poor:</b> </td> <td style="text-align:left;"> <input type="radio" name="rate" value="1" /></td> <td> Very disappointing, useless.</td> </tr> <tr> <td style="text-align:right;"> <b>Fair:</b> </td> <td style="text-align:left;"> <input type="radio" name="rate" value="2" /></td> <td> Below average, disappointing but not useless.</td> </tr> <tr> <td style="text-align:right;"> <b>Good:</b> </td> <td style="text-align:left;"> <input type="radio" name="rate" value="3" /></td> <td> About average in its class.</td> </tr> <tr> <td style="text-align:right;"> <b>Very Good:</b> </td> <td style="text-align:left;"> <input type="radio" name="rate" value="4" /></td> <td> Above average for its category.</td> </tr> <tr> <td style="text-align:right;"> <b>Excellent:</b> </td> <td style="text-align:left;"> <input type="radio" name="rate" value="5" checked="checked" /></td> <td> One of the best Tutorials in its category.</td> </tr> <tr> <td colspan="3" style="text-align:center;"> <br /> <input style="width:110px;" type="submit" name="Submit" value="Cast Your Vote" onclick="return SubmitForm();" /> <br /> <br /> </td> </tr> </table> </form><div class="clearer"></div> <hr> <div class="pages"><a href="javascript:history.go(-1);" title="Go to previous page">Previous Page</a></div><br> <div class="clearer"></div> <hr> <!-- PRINTING ENDS HERE --> <div class="bottomgooglead"> <div class="bottomadtag">Advertisements</div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle bottom_ad_slot" style="display:inline-block;" data-ad-client="ca-pub-7133395778201029" data-ad-slot="2952991323"> </ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> <div class="row"> <div class="col-md-3" id="rightbar"> <!-- AddThis Button BEGIN --> <div class="simple-ad"> <div class="addthis_sharing_toolbox"></div> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f661ec623a400f0"></script> </div> <!-- AddThis Button END --> <div class="rightgooglead"> <div class="google-ad" style="position:relative; left:20px;">Advertisements</div> <script type="text/javascript"><!-- google_ad_client = "ca-pub-2537027957187252"; /* Right Side Ad */ google_ad_slot = "right_side_ad"; google_ad_width = 300; google_ad_height = 250; //--> </script> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <div class="rightgooglead"> <script type="text/javascript"><!-- google_ad_client = "pub-7133395778201029"; google_ad_width = 300; google_ad_height = 250; google_ad_format = "300x250_as"; google_ad_type = "image"; google_ad_channel =""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> </div> </div> </div> <footer class="inner"> <div class="container"> <div class="row"> <div class="footer-ribon"> <span>Extras</span> </div> <div class="col-md-2"> <h4>Mobile First</h4> <ul class="list icons list-unstyled"> <li><a href="https://play.google.com/store/apps/details?id=com.tutorialspoint.onlineviewer" target="_blank" rel="nofollow"><img alt="tutorialspoint Android app" src="/images/google_play.png" class="mobile-apps"/></a></li> <li><a href="http://www.windowsphone.com/s?appid=91249671-7184-4ad6-8a5f-d11847946b09" target="_blank" rel="nofollow"><img alt="tutorialspoint Windows app" src="/images/windows_store.png" class="mobile-apps"/></a></li> </ul> </div> <div class="col-md-2"> <h4>About us</h4> <ul class="list icons list-unstyled"> <li><i class="icon icon-caret-right"></i> <a href="/about/index.htm">Company</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_team.htm">Team</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_careers.htm">Careers</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_privacy.htm">Privacy</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_copyright.htm">Copyright</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_disclaimer.htm">Disclaimer</a></li> </ul> </div> <div class="col-md-2"> <h4>Latest Tutorials</h4> <ul class="list icons list-unstyled"> <li><i class="icon icon-caret-right"></i> <a href="/software_engineering/index.htm">Software Engineering</a></li> <li><i class="icon icon-caret-right"></i> <a href="/selenium/index.htm">Selenium</a></li> <li><i class="icon icon-caret-right"></i> <a href="/mongodb/index.htm">MongoDB</a></li> <li><i class="icon icon-caret-right"></i> <a href="/lucene/index.htm">Lucene</a></li> <li><i class="icon icon-caret-right"></i> <a href="/tcl-tk/index.htm">Tcl/Tk</a></li> <li><i class="icon icon-caret-right"></i> <a href="/dtd/index.htm">XML DTD</a></li> </ul> </div> <div class="col-md-3"> <div class="contact-details"> <h4>Contact Us</h4> <ul class="contact"> <li><p><i class="icon icon-map-marker"></i> <strong>Address:</strong> 388-A , Road no 22, Jubilee Hills, Hyderabad AP, INDIA-500033</p></li> <li><p><i class="icon icon-envelope"></i> <strong>Email:</strong> <a href="mailto:contact@tutorialspoint.com">contact@tutorialspoint.com</a></p></li> <li><p><i class="icon icon-dribbble"></i> <strong>Website:</strong> <a href="http://www.tutorialspoint.com">www.tutorialspoint.com</a></p></li> </ul> </div> <div class="social-icons"> <ul class="social-icons"> <li class="facebook"><a href="https://www.facebook.com/tutorialspointindia" target="_blank" data-placement="bottom" title="tutorialspoint @ Facebook">Facebook</a></li> <li class="twitter"><a href="http://www.twitter.com/tutorialspoint" target="_blank" data-placement="bottom" title="tutorialspoint @ Twitter">Twitter</a></li> <li class="rss"><a href="http://feeds.feedburner.com/SharedTutorials" target="_blank" data-placement="bottom" title="tutorialspoint RSS">RSS</a></li> </ul> </div> </div> </div> </div> <div class="footer-copyright"> <div class="container"> <div class="row"> <div class="col-md-1"> <a href="index.html" class="logo"> <img alt="Tutorials Point" class="img-responsive" src="/scripts/img/logo-footer.png"> </a> </div> <div class="col-md-6"> <p>© Copyright 2014. All Rights Reserved.</p> </div> <div class="col-md-4"> <nav id="sub-menu"> <ul> <li><a href="/about/tutorials_writing.htm">Write for us</a></li> <li><a href="/about/faq.htm">FAQ's</a></li> <li><a href="/about/about_helping.htm">Helping</a></li> <li><a href="/about/contact_us.htm">Contact</a></li> </ul> </nav> </div> </div> </div> </div> </footer> </div> <!-- Libs --> <script type="text/javascript" src="/theme/vendor/jquery.js"></script> <script type="text/javascript" src="/theme/js/theme.js"></script> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-232293-6"; urchinTracker(); </script> <script type="text/javascript"> /* Function to translate the content */ function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', autoDisplay: false, gaTrack: true, layout: google.translate.TranslateElement.InlineLayout.SIMPLE }, 'translation_widget'); } $(document).ready(function() { var self = location.href; filename = self.substring(self.lastIndexOf('.com')+5); if( filename.lastIndexOf('.htm') == -1 ){ filename = filename + "index.htm"; } var linktext = $('.sidebar li a[href*= "' + filename + '"]').text(); if( linktext.length == 0 ){ filename = $(".parent-file").text(); } if( filename.lastIndexOf('whoiswho') != -1 ){ return; } $('.sidebar li a[href*= "' + filename + '"]').css("color", ""); $('.sidebar li a[href*= "' + filename + '"]').css("background-color", "#d6d6d6"); if( $('.middle-col').height() < $('.sidebar').height() && (window.innerWidth > 991)){ $('.middle-col').css("height", $('.sidebar').height() + 50 ); } }); </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </div> </body> </html>