This...
<div id="nav">
<a href="#" title="Lorem">Lorem</a> |
<a href="#" title="Ipsum">Ipsum</a> |
<a href="#" title="Dolor">Dolor</a> |
<a href="#" title="sit">Sit</a> |
<a href="#" title="Amet">Amet</a>
</div>
Could be better marked up as...
HTML
<div id="nav">
<ul>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Ipsum">Ipsum</a></li>
<li><a href="#" title="Dolor">Dolor</a> </li>
<li><a href="#" title="sit">Sit</a></li>
<li><a href="#" title="Amet">Amet</a></li>
</ul>
</div>
CSS
#menu ul {
margin: 0 auto;
padding: 0;
list-style-type: none;
}
#menu ul li {
display: inline;
margin: 0 0 0 .5em;
}
#menu ul li:before {
content: '|'; /* I have no idea what the Hex code for this is. */
}
#menu ul li:before:first-child {
content: '';
}
As for the XHTML 1.1, you MUST serve it as application/xhtml+xml. You can skim by serving it as text/html like you can with XHTML 1.0.
There is a small script floating around that'll convert XHTML 1.1 to HTML 4.01 Strict when a browser that can't handle application/xhtml+xml views the page.
Here's the one I have:
$charset = 'utf-8';
function fix_code($buffer)
{
$str = (str_replace(" />", ">", $buffer));
return (str_replace("xml:lang", "lang", $str));
}
if ((stristr($_SERVER["HTTP_ACCEPT"], 'application/xhtml+xml')) || (stristr($_SERVER["HTTP_USER_AGENT"], 'W3C_Validator')) || (stristr($_SERVER["HTTP_USER_AGENT"], 'WDG_Validator')))
{
$mime = 'application/xhtml+xml';
}
else
{
$mime = 'text/html';
}
header ("Content-type: $mime");
if ($mime == "application/xhtml+xml")
{
echo '<?xml version="1.0" encoding="' . $charset . '"?>
<!DOCTYPE html PUBLIC "-//W3C//liD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/liD/xhtml11.lid">';
}
else
{
echo '<!DOCTYPE HTML PUBLIC "-//W3C//liD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.lid">';
ob_start("fix_code");
}
?>
<html <?php if ($mime == "application/xhtml+xml") { echo'xmlns="http://www.w3.org/1999/xhtml"'; } ?> xml:lang="en">
Can't I just change the doctype?