您的位置:首页 > 运维架构 > 网站架构

使用XHTML重构你的网站

2006-05-26 10:59 267 查看
根据W3C的标准,网站的应该有以下3个部分构成:结构(structure) 使用XHTML构架网站,包括标题、副标题、段落、数字列表等,表现(presentation)使用CSS来格式化网页、控制字体、布局、颜色等。行为(behavior)使用标准的对象模型W3C DOM实现多平台和浏览器的交互行为和效果。

XHTML是一个扮演者类似HTML的角色的XML,他可以显示在旧的Web浏览器,同样也可以工作在大多数Internet设备。下面是XHTML的一些常用规则:
1 使用适当的Doctype
过渡型<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 Namespace

<html xmlns="http://www.w3.org/1999/xhtml">
3 制定编码语言
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4 用小写字母书写所有的标签
5 给所有的属性值加引号,属性之间必须有空格
6 所有的属性都需要值
7 关闭所有的标签,空标签同样,如<br>2<br/>;<img src="zeldman.gif" />
8 不要在注释中使用“--”,这个只能发生在注释的开头和结束,标准的为<!--the content of notes--!>
9 确保使用<和&表示小于号和与好。

我经常应用的head有以下几个构成:

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta name="description" content="#######"/>
<meta name="keywords" content="########"/>
<meta name="robots" content="all"/>
<meta name="author" content="Edwin Chian" />
<meta name="Copyright" content="Designed by Edwin, Copyright reserved" />
<title>########</title>
<link href="css/#####.css" rel="stylesheet" type="text/css" media="all"  />

更多的标准<head> 描述,可以参考http://www.zeldman.com/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息