Slide 3.6: Differences between XHTML and HTML

Slide 3.5: XHTML (eXtensible HyperText Markup Language)
Slide 3.7: Differences between XHTML and HTML (cont.)
Home

Differences between XHTML and HTML

XHTML is not very different from the HTML 4.01 standard. So, you can prepare yourself for XHTML by starting to write strict HTML.

The Most Important Differences

XHTML elements must be properly nested.
XHTML elements must always be closed.
XHTML elements must be in lowercase.
XHTML documents must have one root element.

XHTML Elements Must Be Properly Nested
In HTML, some elements can be improperly nested within each other:

`1`	`<b><i>This text is bold and italic</b></i>`

In XHTML, all elements must be properly nested within each other:

`1`	`<b><i>This text is bold and italic</i></b>`

Note that a common mistake with nested lists, is to forget that the inside list must be within <li> and </li> tags. A </li> tag is inserted after the </ul> tag in the correct code example.

Wrong Correct

1<ul>
2  <li>Coffee</li>
3  <li>Tea
4    <ul>
5      <li>Black tea</li>
6      <li>Green tea</li>
7    </ul>
8  <li>Milk</li>
9</ul>

01<ul>
02  <li>Coffee</li>
03  <li>Tea
04    <ul>
05      <li>Black tea</li>
06      <li>Green tea</li>
07    </ul>
08  </li>
09  <li>Milk</li>
10</ul>

Demonstration
The following demonstration shows how the script of HTML is displayed on the Web.


<html> <head><title>HTML Working Area</title></head> <body> <p>This demonstration shows the use of fieldset tag.</p> <fieldset> <legend>Health information:</legend> <form action=""> Height: <input type="text" size="5"> feet; Weight: <input type="text" size="5"> lbs<br /><br /> <input type="submit" value="Submit" /> </form> </fieldset> </body> </html>

Slide 3.5: XHTML (eXtensible HyperText Markup Language)
Slide 3.7: Differences between XHTML and HTML (cont.)
Home