XHTML is a markup language data format for computers to easily share information. We will learn how to structure xhtml within our applications to create accessibility and usability.
Please remember to use the full path to your DTD as in the examples below.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
[ More doctypes ]
<!--START navBar --><div id="navBar001" class="navBar">
<!--START unordered list --><ul>
<!--START skip navigation --><li
id="skipnavBar001" class="navBtnHide" ><a class="navBtn"
href="#contentAfterNavBar001" accesskey="S"
title="Skip navBar001 Navigation - Accesskey = S" ><span
class="btnText">Skip navBar001 Navigation</span></a>
<!--END skip navigation -->
</li>
<li><a class="navBtn" id="navBar00101"
href="page01.html" accesskey="1" title="PAGE 01 -
Accesskey = 1">PAGE 01</a></li>
<li><a class="navBtn" id="navBar00102" href="page02.html"
accesskey="2" title="PAGE 02 - Accesskey = 2"
>PAGE 02</a></li>
<li><a class="navBtn" id="navBar00103" href="page03.html"
accesskey="3" title="PAGE 03 - Accesskey = 3"
>PAGE 03</a></li>
<li><a class="navBtn" id="navBar00104" href="page04.html"
accesskey="4" title="PAGE 04 - Accesskey = 4"
>PAGE 04</a></li>
<li><a class="navBtn" id="navBar00105" href="page05.html"
accesskey="5" title="PAGE 05 - Accesskey = 5"
>PAGE 05</a></li>
<!--END unordered list --></ul>
<!--END navBar --></div>
This is how our navigation module looks before css is applied.
[ Navigation Style ]
Helping the web design and development community with programming software and web applications towards Standard, Accessible, Intelligent Designs (S.A.I.D.). The S.A.I.D. Architecture does comply with International Standards, Usability and Accessibility Guides, and Section 508 Checklist for Faster more Flexible design development.
