网站建设中的XHTML页面规范

规范DTD

HTML4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

从HTML过渡到XHTML

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

XHTML1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

规范目录

CSS存放目录：style/
CSS图片目录：style/pic/

JS存放目录：js/
图片目录：images/

缓存目录：cache/
包含文件：include/
公共文件：common/

规范CSS

全局样式定义：global.css
常用样式定义：style.css
链接样式定义：link.css
布局/版面样式定义：layout.css

要引用CSS时，按照下面格式引用：
<link rel="stylesheet" href="style/style.css" type="text/css" media="all" />

引用Favicon

引用JavaScript

如果*.js文件的编码与引用页面编码不同，并且*.js里存在中文字符，会产生“未结束的字符串常量”的错误。

在<script>中加上相应编码申明就能解决此问题：

GB2312

UTF-8

GBK

闭合标签

以下标签在XHTML标准中必需要闭合

img

input

<hr />

bgsound

规范命名

WEB标准化设计：常用的CSS命名规则

(1)页面结构

	容器: container
	页头：header
	内容：content/container
	页面主体：main
	页尾：footer
	导航：nav
	侧栏：sidebar
	栏目：column
	页面外围控制整体布局宽度：wrapper

(2)导航

	导航：nav
	主导航：mainbav
	子导航：subnav
	顶导航：topnav
	边导航：sidebar
	左导航：leftsidebar
	右导航：rightsidebar
	菜单：menu
	子菜单：submenu
	标题: title
	摘要: summary

(3)功能

	标志：logo
	广告：banner
	登陆：login
	登录条：loginbar
	注册：regsiter
	搜索：search
	功能区：shop
	标题：title
	加入：joinus
	状态：status
	按钮：btn
	滚动：scroll
	标签页：tab
	文章列表：list
	提示信息：msg
	当前的: current
	小技巧：tips
	图标: icon
	注释：note
	指南：guild
	服务：service
	热点：hot
	新闻：news
	下载：download
	投票：vote
	合作伙伴：partner
	友情链接：link
	版权：copyright