State The Name Of Your Web Pages Web Application

Tutorials Shared by the Internet Community

Advertisements

  Top Tutorials     New Tutorials     Submit     Login     Register  

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: 9920

  • Average Rating :
    URL RatingURL RatingURL RatingURL RatingURL Rating

  •  

  • Total Votes: 10 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 /> <h3>Rating Detail</h3> <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="40px;" alt="Vote Middle" class="inline"/><img src="/images/vote_right1.gif" alt="Vote Right" class="inline"/> 20%</td> <td> 2</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="40px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right2.gif" alt="Vote Right" class="inline"/> 20%</td> <td> 2</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="40px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right3.gif" alt="Vote Right" class="inline"/> 20%</td> <td> 2</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:40px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right4.gif" alt="Vote Right" class="inline"/> 20%</td> <td> 2</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:40px;;" alt="Vote Middle" class="inline"/><img src="/images/vote_right5.gif" alt="Vote Right" class="inline"/> 20%</td> <td> 2</td> </tr> </table> <h3>Caste Your Vote</h3> <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:170px;" 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 --> <!-- begin olark code --> <script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){ f[z]=function(){ (a.s=a.s||[]).push(arguments)};var a=f[z]._={ },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){ f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={ 0:+new Date};a.P=function(u){ a.p[u]=new Date-a.p[0]};function s(){ a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){ hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){ return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){ b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{ b.contentWindow[g].open()}catch(w){ c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{ var t=b.contentWindow[g];t.write(p());t.close()}catch(x){ b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({ loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]}); /* custom configuration goes here (www.olark.com/documentation) */ olark.identify('5859-179-10-4009');/*]]>*/</script><noscript><a href="https://www.olark.com/site/5859-179-10-4009/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript> <!-- end olark code --> <div class="google-ad" style="position:relative; left:20px;">Advertisements</div> <div class="rightgooglead"> <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 class="facebook-ad"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-page" data-href="https://www.facebook.com/tutorialspointindia" data-hide-cover="true" data-show-facepile="true" data-show-posts="false"></div> </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 id="iphone" href="https://itunes.apple.com/om/app/tutorials-point/id914891263?mt=8" target="_blank" rel="nofollow"><img alt="tutorialspoint iPhone App" src="/images/apple_store.png" class="mobile-apps"/></a></li> <li><a id="android" 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 id="microsoft" 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 Policy</a></li> <li><i class="icon icon-caret-right"></i> <a href="/about/about_terms_of_use.htm">Terms of use</a></li> </ul> </div> <div class="col-md-2"> <h4>Extra Links</h4> <ul class="list icons list-unstyled"> <li><i class="icon icon-caret-right"></i> <a href="forums/index.php">Forums</a></li> <li><i class="icon icon-caret-right"></i> <a href="shorttutorials/">Articles</a></li> <li><i class="icon icon-caret-right"></i> <a href="shared-tutorials.php">Shared</a></li> <li><i class="icon icon-caret-right"></i> <a href="seo_tools.htm">Seo Tools</a></li> <li><i class="icon icon-caret-right"></i> <a href="about/contact_us.htm">Contact</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 Telangana, INDIA-500033</p></li> <li><p><i class="icon icon-envelope"></i> <strong>Email:</strong> <a href="about/contact_us.htm">Click Here</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="googleplus"><a href="https://plus.google.com/u/0/116678774017490391259/posts" target="_blank" data-placement="bottom" title="tutorialspoint @ Google+">Google+</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="linkedin"><a href="http://www.linkedin.com/company/tutorialspoint" target="_blank" data-placement="bottom" title="tutorialspoint @ Linkedin">Linkedin</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.htm" class="logo"> <img alt="Tutorials Point" class="img-responsive" src="/scripts/img/logo-footer.png"> </a> </div> <div class="col-md-6"> <p>© Copyright 2015. 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/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"> $(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"); $('.pg-icon').click(function(){ $('.wrapLoader').show(); }); }); $(window).load(function() { if( $('.middle-col').height() < $('.sidebar').height() && (window.innerWidth > 991)){ $('.middle-col').css("height", $('.sidebar').height() + 50 ); } if(/iPhone|iPad|iPod/i.test(navigator.userAgent)) { $('#android').hide(); $('#microsoft').hide(); $('.hide-me').hide(); } }); </script> <script type="text/javascript"> adroll_adv_id = "FGUIILWK3ZDOXJPVQWOSKR"; adroll_pix_id = "EKQ6FOHWMBBLFELSSQMDRG"; (function () { var oldonload = window.onload; window.onload = function(){ __adroll_loaded=true; var scr = document.createElement("script"); var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com"); scr.setAttribute('async', 'true'); scr.type = "text/javascript"; scr.src = host + "/j/roundtrip.js"; ((document.getElementsByTagName('head') || [null])[0] || document.getElementsByTagName('script')[0].parentNode).appendChild(scr); if(oldonload){oldonload()}}; }()); </script> </div> </body> </html>