使用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/
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/
相关文章推荐
- XHTML 结构化:使用 XHTML 重构网站 分类: C1_HTML/JS/JQUERY 2014-07-31 15:58 249人阅读 评论(0) 收藏
- XHTML 结构化:使用 XHTML 重构网站
- XHTML结构化之一:使用XHTML重构网站(十一)
- XHTML 结构化:使用 XHTML 重构网站
- XHTML 结构化:使用 XHTML 重构网站
- 1. XHTML_结构化1 使用XHTML重构网站
- XHTML 结构化:使用 XHTML 重构网站
- 使用 XHTML 重构网站的一些规则和概要
- XHTML 结构化:使用 XHTML 重构网站
- 使用xhtml重构网站
- XHTML+CSS=网站重构
- 从HTML到XHTML--使用Web标准建设网站
- 从HTML到XHTML--使用Web标准建设网站 《转》
- XHTML+CSS=网站重构
- 在jsp、asp和php网站网页中使用xhtml
- XHTML+CSS=网站重构
- 网站重构技术:XML,XHTML代码规范,样式表调用方式,CSS布局要点
- 网站重构——轻量化的网站架构设计一,使用nodejs sqlite3查询数据
- xhtml+css (网站重构)
- 网站重构——轻量化的网站架构设计一,使用nodejs sqlite3查询数据