本站遵循的html页面编写标准

作者:Eureka 撰于2005-03-05

html文档的编写遵循xhtml1.1标准:

说明:本站的所有文档附合xml要求,满足xhtml strict标准。有些文档参考xhtml2.0草案并努力做到向后兼容,对于特殊需要的地方使用xhtml1.0标准,本站已不再使用html4.0及以下版本。

更详细标准参见:w3c之html标准

html文字编码标准统一使用unicode 之utf-8

说明:为了使所有页面都能在所有国家正常显示,本站统一使用unicode作为字符集,并采用utf-8作为文字编码方式。虽然当前有些系统(如win98)和浏览器可能不支持utf-8,但相信以后大家都能看到用该方式编码的文档。

unicode信息参见:unicdoe网站:unicode.org及本站所采用的unicode标准

utf-8信息参见:utf-8.com 及本站所采用的utf-8标准

使用Ruby标准:

说明:本站对一些文字的加注,如经书的音标,文字的拼音等使用ruby标准进行加注。该xhtml1.1直接支持该标准,无须另外DTD。

ruby信息参见w3c制定的标准: Ruby 加注

使用CSS标准:

说明:本站html主要用来表示内容而不用html去表示表示层的东西。表示层统一用CSS表示,一般也不使用表格即<table><td><tr>之类的标签进行布局。当前使用的标准以满足CSS1.0为主,满足 CSS2.0为辅,并适当参考CSS3.0。

CSS标准参见W3C制定的:CSS标准

html头部代码标准:

<?xml version="1.0" encoding="utf-8"?>(见说明 已去掉该声明)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" >
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="Content-Language" content="zh" />
    <meta name="robots" content="all" />
    <meta name="copyright" content="保留部分权利。遵循创作共用之“署名·非商业用途·保持一致”" />
    <meta name="author" content="陈耀军(Eureka Chen)" />
    <meta name="keywords" content="易,易易,易网" />
    <meta name="description" content="来自易易的文档" />
    <link rel="icon" href="http://www.eeeeee.org/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://www.eeeeee.org/favicon.ico" type="image/x-icon" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="http://www.ee-studio.com/drupal/blog/feed/1" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/fonts.css" media="all" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/eecolor.css" media="all" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/links.css" media="all" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/content.css" media="all" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/standard/standard.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="http://www.eeeeee.org/stylesheets/print.css" media="print" />
    <title>易标准:易易(eeeeee.org)所采用的标准</title>
  </head>
  <body>

说明:

  • 一般在建一个新文档时可以直接使用以上代码。需要改动的有<meta>标签的author,keywords,description三项及<title>标签内容,其它内容看情况,一般无需更改。
  • 关于html文件头部的<?xml version="1.0" encoding="utf-8"?>声明:xml标准推荐使用该声明,但考虑到现实的浏览器支持情况,如IE,它将根据html文件最头部<!DOCTYPE 声明来判断是否使用W3C的标准,如果添加了该xml声明,IE反认为不使用W3C标准。另一方面,使用了该xml声明还会影响到其它一些应用程序对该文档的处理,因此html文件头部将不准备使用该声明。

html其它DTD使用:

本站DTD采用的是xhtml1.1标准,但有时候xhtml1.1必须加上其它模块才能通过W3C的xhtml检查器。因此在有需要的情况下本站加使用其它的DTD,如下:

xthml1.1加上Applet支持用来支持java的applet:

<!DOCTYPE html
PUBLIC "-//www.ee-studio.com//DTD XHTML 1.1 plus Applet 1.0//EN"
"http://www.ee-studio.com/DTD/xhtml11-applet.dtd">

xhtml1.1加上Events模块用来支持更多的事件操作:

<!DOCTYPE html
PUBLIC "-//www.ee-studio.com//DTD XHTML 1.1 plus Intrinsic Events 1.0//EN"
"http://www.ee-studio.com/DTD/xhtml11-events.dtd">

xhtml1.1加上Target模块支持打开新窗口之类的操作:

<!DOCTYPE html
PUBLIC "-//www.ee-studio.com//DTD XHTML 1.1 plus Target 1.0//EN"
"http://www.ee-studio.com/DTD/xhtml11-target.dtd">


本站html tidy设置:(按字母顺序)

本站的xhtml编写风格按如下的tidy设置进行,详细的说明参见后面的表格。

alt-text: "e"
bare: no
char-encoding:raw
clean: yes
css-prefix: ee
doctype:strict
drop-font-tags: yes
drop-proprietary-attributes: yes
fix-uri:no
indent:yes
indent-attributes:no
indent-cdata: yes
indent-spaces: 2
input-encoding:raw
input-xml: no
join-classes:yes
join-styles:yes
logical-emphasis:yes
output-xhtml:yes
punctuation-wrap:no
quote-marks:no
quote-nbsp:yes
tidy-mark:no
vertical-space:yes
word-2000:yes
wrap:0
wrap-php:no

以上设置的说明:

Tidy设置 设置说明
alt-text: "e" 如果设为中文字符串,会导至tidy内存不够。
bare: yes 如果设为yes,会导至部utf中文在转换中乱码。
char-encoding:raw 防止中文转换后乱码
clean: yes 剥去多余的表示层标签
css-prefix: ee css前缀为ee
doctype:strict 因为没有xhtml1.1选项,所以设为strict。
drop-font-tags: yes 去掉表示层的font标签
drop-proprietary-attributes: yes 去掉私有属性
fix-uri:no 如果设为yes,会导至utf中文转换成ascii。
indent:yes 虽然tidy建议不要设成yes,但使用auto进行排版会对<li><p>这些标签多空一行,看起来不够整齐。
indent-attributes:no 属性不进行缩进
indent-cdata: yes cdata估计用的不多
indent-spaces: 2 缩进规则使用两个空格,不用tabs。
input-encoding:raw 防止中文转换后乱码
input-xml: no 设为yes会导至布局上的多余空行。
join-classes:yes 把相同的类连起来。
join-styles:yes 把相同的样式连起来。
logical-emphasis:yes 将 <i><b>转换为<em><strong>
output-xhtml:yes 输出为xhtml
punctuation-wrap:no 对一些中文标点不进行换行。
tidy-mark:no 不输出tidy的meta注释。
vertical-space:no 加入一些空行更便于阅读,如<hr>
word-2000:yes 清理word-2000的垃圾代码
wrap:0 不进行换行
wrap-php:no 不对php进行专门换行。

注:

  • 该设置可用在dreamwear(dwfile.com的DXM tidy扩展), ultraedit的html tidy以及tidy本身并作为xhtml编码风格参考。
  • 该标准将将output-xhtml改为output-xml,把input-xml改为yes则可用在其它xml文档的格式化,如svg文件。
XHTML1.1   CSS   CC   CC中文   直接打印   易易工作室   易网