XHTML 改进的小例子-4

下面用前面学到的知识对我们的 XHTML 小例子做进一步补充完善。

添加文档头部信息

添加文件声明类型和 xmlns 属性：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

添加头部 head 子元素：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="content-language" content="zh-cn" />
<meta name="robots" content="all" />
<meta name="keywords"  content="XHTML教程,DIV+CSS教程,PHP+MySQL教程,ThinkPHP教程" />
<meta name="description" content="最易学的个性化Web开发在线教学网站。提供 XHTML教程、DIV+CSS教程、
PHP+MySQL教程、ThinkPHP教程，从入门到精通。" />
<meta name="copyright" content="Copyright (c) 2010 by www.zzzyk.com" />
<meta name="author" content="zzzyk.com" />
<link href="style/default.css" rel="stylesheet" type="text/css" />
<title>zzzyk Web开发在线教程 - 我爱开发网</title>
</head>

添加左侧分类菜单列表

把 <div id="sidebar"></div> 之间的内容更新如下：

<div id="sidebar">
<h3>文章分类<h3>
<ul>
<li>XHTML 教程</li>
<li>DIV+CSS 教程</li>
<li>PHP+MySQL 教程</li>
<li>ThinkPHP 教程</li>
</ul>
<h3>最新文章<h3>
<ul>
<li>最新文章三</li>
<li>最新文章二</li>
<li>最新文章一</li>
</ul>
</div><!--sidebar end-->

说明

在这里，我们增加了 2 个 h3 标题列表：文章分类、最新文章。
在分类标题下面，使用 <ul> 标签列出文章分类。

添加页脚公共内容

将 id="footer" 的 DIV 标签内容更新：

<div id="footer">
<hr />
<div id="copyright">Copyrights © 2010 www.zzzyk.com all rights reserved 
<br />
<a href="mailto:admin@12345.com">联系站长</a>
</div>
</div><!--footer end-->

说明

补充：XHTML教程