腾讯云618限量抢购
  1. DIV+CSS教程

XHTML 改进的小例子-4

最后更新:2010-10-03 11:17阅读:10457

下面用前面学到的知识对我们的 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.5idev.com" />
<meta name="author" content="5idev.com" />
<link href="style/default.css" rel="stylesheet" type="text/css" />
<title>5iDev 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.5idev.com all rights reserved 
<br />
<a href="mailto:admin@12345.com">联系站长</a>
</div>
</div><!--footer end-->

说明

在这里,我们使用到了特殊字符 © 以及邮件超链接。

腾讯云618限量抢购