HTML vs XHTML: Nesting, The Difference

jesichamika · #1 07-07-2009, 11:01 PM

Quote:
The move from html to xhtml is mainly because of the ability to use "Bad Code" withing the html walls.. Here i will try to explain the proper "NESTING" techniques..

Code:

Example.. This code would work fine for HTML.. Not for XHTML:
<html>
<head>
<title>This will work...</title>
<body>
<h1>This is the line with the bad html.. notice i don't the close the h1 or the head
</body>

So with the combination of the XML document (used for describing the data) and HTML (used for displaying the data) every piece of information needs to be valid code..

Code:

Example.. This code would work fine for XHTML.. :
<html>
<head>
<title>This will work...</title>
</head>
<body>
<h1>Now i have closed all the tags properly.. now it is NESTED correctly</h1>
</body>
</html>

The proper NESTING of old tags..
With old HTML documents you were able to completely get the tags the wrong way around but it would still be displayed correctly..

Take the following code for example:
Code:

Old HTML Style: (invalid XHTML)
Take note of where i am placing the closure of the tags..

Now with the implementation of proper XHTML NESTING:
Code:

New XHTML Style: (valid XHTML because it is properly NESTED)
Now take note of the order in which i place the closure of the tags..

YOU MUST ALWAYS CLOSE XHTML TAGS... YOU MUST

Paragraphs, Page Breaks, Horizontal Rules, Images etc.... It's all changed..

Take the following form of VALID HTML:
Code:

This is not valid XHTML though.. Remember that...
 This is all you used to need for paragraphs
 Now i would have two
<hr> Now i would have also added a Horizontal Rule
 And a page Break..
<img src="http://forums.learnwebdesign.org/styles/prosilver/imageset/site_logo.gif" alt="LWD logo">
Yet all of this would have been acceptable....

But now with the use of XHTML to be NESTED and valid the previous would need to look like this:
Code:

This is valid XHTML
 This is now how you write paragraphs.. notice the closing of the tag --->
 Now i would have two
<hr /> Now i have also added a Horizontal Rule
 And a page Break..
<img src="http://forums.learnwebdesign.org/styles/prosilver/imageset/site_logo.gif" alt="LWD logo" />
Now it is XHTML Valid!....

garuav123456 · #2 09-16-2009, 08:29 PM

Thanks for sharing this Web development information. This is really a very interesting information for Web designers.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
What is difference between XHTML,HTML,DHTML?	pradip030384	XML and SOAP	4	01-02-2009 07:56 PM
What is difference between a PHP and HTML?	chocoguy	PHP Programming	2	12-26-2007 04:23 AM
How many of you are using XHTML?	abhilashdas	Web Design Help	5	10-13-2007 02:01 PM
Difference of htm and html	thangaraj83	Web Design Help	4	09-21-2007 01:12 PM
What is Nesting Actions in QTP?	sundarraja	Testing Tools	1	08-16-2007 06:53 AM