xhtml

XHTML Page

tonyperson > Home > code > xhtml

Introduction

Extensible hyper-text markup language (xhtml) is what I used to code the Austin Peay State University Bat Website Project. I used xhtml because it was XML conforming and compliant with HTML4. I would also make the code conform to WC3 xhtml validation and CSS 2.1 validation as well as web 2.0 coding practices for future accessibility and maintainability. The design brief was layout with a graphic structure done by Sherri Person an APSU Student. I used her graphic design to execute this project. Conforming to readable, easily maintainable code was essential as there would be people needing to modify this code as the site continues to grow.

Benefits of using xhtml DOM:

XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools.
XHTML documents can utilize applications (e.g. scripts and applets) that rely upon either the HTML Document Object Model or the XML Document Object Model

Question - If this information is useful for a client, can we donate money to thank you for your efforts?
Answer - Yes. Please use the donation button below. Thank you!

XHTML Code Format

The markup I use will follow this structure below:


   <!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" xml:lang="en" lang="en">

      <head>

        <title>Xhtml Library</title>

      </head>

       <body>

         <p>Moved to <a href="http://tonyperson.com/">tonyperson.com</a>.</p>

       </body>

   </html>

Logically valid xhtml structure - looks like this:

DOCTYPE declaration in the document prior to the root element
XHTML namespace delcaration in the html tag
Head
Title
Body
Elements

Well-formed

XHTML is an XML application. This introduces the concept of "well-formedness". All elements must be nested properly. XHTML documents must use lower case for all HTML element and attribute names because XML is case sensitive. All attribute values must be quoted, even those which appear to be numeric. Empty elements must either have an end tag or the start tag must end with />. For instance, <br/> or <hr></hr>.

Properly Nested Elements

All elements must be nested properly. Overlapping is generally illegal and bad practice in modern Markup Languages and should be avoided at all costs.

Correct: <p>here is a bold <b>paragraph</b>.</p>

  Incorrect: <p>here is a bold <b>paragraph</p>.</b>

XHTML Code

Here is the Body and following <div> Structure I used (the id attribute is used by CSS to style the div element):

 
  –<body class = "thrColAbsHdr">

   –<div id = "container">

    –<div id = "header">

     –<div class = "clear"/>

       –<div id = "header_sub">

        –<div id = "wrapper1">

         –<div id = "wrapper2">

          –<div id = "mainContent">

           –<div id = "sidebar1">

            –<div id = "sidebar2">

             –<div id = "footer">

The CSS code I to style the Page will be discussed in another page. Coming soon.

Helpful Links

You may want to check out xhtml specifications by the WC3 - http://www.w3.org/TR/xhtml1/#xhtml

You may want to check out "well-formed" page - http://www.w3.org/TR/xhtml1/#wellformed

Donate

If you're feeling generous, consider a donation.
Any and all PayPal donations are sincerely appreciated.
Blessings and Peace.