Posts

Showing posts from July, 2012

Differences between Html4 and Html5

-
HTML5 has several goals which differentiate it from HTML4. The primary one is  consistent, defined error handling . As you know, HTML purposely supports 'tag soup', or the ability to write malformed code and have it corrected into a valid document. The problem is that the rules for doing this aren't written down anywhere. When a new browser vendor wants to enter the market, they just have to test malformed documents in various browsers (especially IE) and reverse-engineer their error handling. If they don't, then many pages won't display correctly (estimates place roughly 90% of pages on the net as being at least somewhat malformed). So, HTML5 is attempting to discover and codify this error handling, so that browser developers can all standardize and greatly reduce the time and money required to display things consistently. As well, long in the future after HTML has died as a document format, historians may still want to read our documents, and having a complet...
1 comment
Read more

What is Html5

-
Introducing HTML5 HTML5 introduces a number of new tags and makes several others obsolete. That doesn’t mean an earlier version, such as HTML4.01, won’t display properly in the latest web browsers, as they all have excellent backwards compatibility. However, you should swap obsolete tags for their HTML5 alternatives. If you’ve already built a website, you should be familiar with using <div> to define a block on the page, which you can then style, up using CSS. This has been retained in HTML5, along with <span> (to pick out inline blocks for individual formatting) and joined by specific block types including <nav>, which is used to define a navigation element, such as a menu. Many new tags help to define the content of a page rather than just position it within the flow. For example, <figure> ties an image to its caption, let ting you style the pair as a single block and to sub-style the contents- image and caption – individually inside it. Even if you don’t...
1 comment
Read more

Php and Javascript Cookies

-
Set cookie through PHP and get through JavaScript <?php //Page: set_cookie.php //$_SERVER['HTTP_HOST'] = 'http://www.webduos.com '; // localhost create problem on IE so this line // to get the top level domain $myDomain = ereg_replace('^[^\.]*\.([^\.]*)\.(.*)$', '\1.\2', $_SERVER['HTTP_HOST']); $setDomain = ($_SERVER['HTTP_HOST']) != "localhost" ? ".$myDomain" : false; setcookie ("site", 'http://only-your-views.blogspot.com', time()+3600*24*(2), '/', "$setDomain", 0 ); // You can change (2) to any negative value (-2) for deleting it. It is number of days for cookie to keep live. Any -ve number will tell browser that it is useless now. ?> Page: get_cookie.html <script> function readCookie(name) { var cookiename = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' '...
Post a Comment
Read more

Slider Navigation using Jquery

-
Html Structure The only thing we will need for the navigation is a simple unordered list with links inside of the list elements: <ul id="navigation">  <li class="home"><a title="Home"></a></li>  <li class="about"><a title="About"></a></li>  <li class="search"><a title="Search"></a></li>  <li class="photos"><a title="Photos"></a></li>  <li class="rssfeed"><a title="Rss Feed"></a></li>  <li class="podcasts"><a title="Podcasts"></a></li>  <li class="contact"><a title="Contact"></a></li> </ul> The list is getting an ID because we want to refer to it later in the JavaScript. With jQuery, we will make the link items slide out whenever we hover over the ...
Post a Comment
Read more

How to Create Custom Ajax Tabs with Jquery

-
HTML : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />      <title>Tabs Demo</title>      <link rel="stylesheet" href="./main.css" />      <script type="text/javascript" src="./jquery-1.3.2.min.js"></script>      <script type="text/javascript" src="./main.js"></script> </head> <body>      <div id="page">           <ul id="tabs">                <li><a href="./tabs/tab-1.html">Tab 1</a></li>                <li><a href="./tabs/tab-2.html">Tab 2</a></li>   ...
Post a Comment
Read more