2005年07月15日

5D那边终于搞好了,昨晚就搞好了,不过尚未完善。我搬过去了,这边今后就不作更新了,呵呵。

Http://saivan.5dblog.com/

大家有空过去坐坐^-^

2005年07月07日

这几天自从刘韧说Donews.com和Donews.net合并之后,Donews Blog好像真的出问题了,首页显示的依然是7月3号的Blog,而今天都7号了…无语,越来越发觉呢个斗牛士不好用。有广告不好说,最近还硬往里塞进了Donews.com,Donews社区,Donews邮箱的链接,说真的还真有点强奸的感觉。加上又不可以自定义模板,只能靠自己定义CSS来改,真是有的烦。

我现在还在考虑是否要将这个Blog搬到5D那边去。朋友,你是否有同感?

Mozilla建议的CSS书写顺序:

/* mozilla.org Base Styles 
* maintained by fantasai 
* (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup) 
*/ 
/* Suggested order: 
//显示属性 
* display 
* list-style 
* position 
* float 
* clear 
//自身属性 
* width 
* height 
* margin 
* padding 
* border 
* background 
//文本属性 
* color 
* font 
* text-decoration 
* text-align 
* vertical-align 
* white-space 
* other text 
* content 

*/

2005年07月06日

所有的万维网文件都是由超文本标志语言 HTML所创建的。在这种语言中,可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面,他们的共同之处就是都使用 "<>",例如段落标记<p>,图片标记<imp>等。
  在浏览器中,是看不到任何HTML标记的,但是在浏览器中所看到的网页效果却都是由这些标记生成的。 在大多数情况下,在创建站点时并不需要对HTML标记进行掌握,因为在FrontPage 2000这样的软件中,对于HTML的处理是在幕后进行的,因而就掩盖了该语言的复杂性。 如果需要查看网页的HTML标记,可以选择HTML模式。
  在本文中,提供了文档中会遇到的HTML标记的目的和功能,这些标记符合W3C当前版本的HTML语言。
  注:W3C是一家专门从事HTML开发的集团,自九十年代初期,该集团就开始致力于这方面的开发,如果需要有关详细信息,请访问http://www.w3.org/maekup/。
  在本文中,下列词语会经常遇到:
* URI(Uniform Resource Identifier),它指明了网络中的一个资源,换句话说,就是站点中某网页的地址或是其他类型的文档。
* Metadata,这是用来描述该文档的信息,而不是该文档的一部分。
* 失效元素,这是HTML较早版本中所使用的一些元素,现已被4.0所替换。


1、 常用属性
许多HTML标记都使用一些共同的属性,下面是它们中间最常用的一些:
* accesskey="character"-可以键入一个字符来访问文档的元素
* align="text"-文档中某部分的布局信息
* alt="text"-用来描述图片、表单、对象或其他部分的替代文本
* char="character"-在表格的内容被进行排列时,作为排列轴心的字符
* charoff="number"-在排列表格内容时,轴心字符的偏移量.
* Class="text"-文档元素的一个或多个类别名称,中间用空格隔开
* dir="text"-文本或表格的方向,或者是"ltr"(left-to-right),或者是"rtl"(right-to-left)
* disabled-使一个表单控件失效的属性,这样它就不能再处理用户输入
* id="text"-给文档元素的名称
**ang="text"-使用在文档元素属性和其所包含文本中的语言
* name="text"-文档元素的名称
* onblur="script"-当文档元素失去了其用户输入焦点所发生的事件
* onchange="script"-当文档元素失去其用户焦点以及在有焦点时该值被改变时所发生的事件
* onclick="script"-当用户在文档元素中点击鼠标时发生的事件
* ondbclick="script"–当用户在文档元素中双击鼠标时发生的事件
* onfocus="script"-当文档元素得到用户输入焦点时所发生的事件
* onkeydown="script"-当一个键被按下时所发生的事件
* onkeypress="script"-当一个键被按下又释放时所发生的事件
* onkeyup="vscript"-当一个键被释放时所发生的事件
* onload="script"-当整个文档或框架集中所有框架被加载时所发生的事件
* onmousedown="script"-用户将鼠标置于某一文档元素中单击鼠标时所发生的事件
* onmouseout="script"-当鼠标从一个文档元素中移开时所发生的事件
* onmouseover="script"-当鼠标移动过一个文档元素时所发生的事件
* onmousemove="script"-当鼠标在一个文档元素中移动时所发生的事件
* onmouseup="script"-在一个文档元素中当用户释放鼠标时所发生的事件
* onreset="script"-当一个表单中的所有控件都被重新设定时所发生的事件
* onselect="script"-当文本编辑用户控件中的文本被选中时所发生的事件
* ="script"-当一个表单被发布时所发生的事件
* onunload="script"-当文档不再加载在窗口或框架中所发生的事件
* readonly-指示表单控件中的值不能被编辑
* style="text"-单个文档元素的样式信息
* tabindex="number"-文档元素在表格中的顺序位置
* target="text"-文档应被打开的框架名称
* title="text"-文档元素的解释文本
* usemap="URI"-与文档元素相连接的图片映射的URI,该元素必须要与现存的<MAP>元素的名称属性相匹配
* valign="text"-表格单元格中信息的垂直排列


 
 
 
2、 标记
下面是关于HTML4.0的标记的具体描述。
注:下面的标记所使用的都是大写字符。尽管从前标记的大小写并没有关系,但是从W3C的发展方向来看,很可能将来大部分标记都将仅仅使用小写。(<!DOCTYPE>是唯一的一个例外)。因此,在使用HTML进行网页编辑时,最好还是使用小写字符。
<!DOCTYPE…>
* 目的:该标记出现在文档的第一行,指明所使用的HTML版本
* 开始标记:要求
* 结束标记:不允许
* 属性:无
* 失效属性:无
* 其他属性:无
可以在下列三种<!DOCTYPE>中进行选择:
<!DOCTYPE PUBLIC "-//W3C//DTD HEML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd>
<!DOCTYPE PUBLIC "-//W3C//DTD 4.0 Transitional//EN"
"htttp://www.w3.org/TR//REC-html140/loose.dtd>
<!DOCTYPE PUBLIC"-//W3C//DTD 4.0 Frameset//EN"
"http://www.w3.org/TR/REC-html140/frameset.dtd>
上面的每一个标记中都有一个URI。这些URI的文件名分别为strict.dtd、loose.dtd、frameset.dtd。这些名称显示了文档对HTML的支持级别:
* Strict:文档中不使用任何失效属性以及框架
* Loose:文档使用一些失效元素包括显示
* Frameset:文档使用一些失效元素并且使用框架
在一般情况下,应该使用<!DOCTYPE>的strict.dtd,因为它可以和HTML4.0 全面兼容。使用loose.dtd 的主要原因是因为一些与显示相关的元素,如样式表等还没有被浏览器开发者所接受。
<A>…</A>
* 目的:这个标记中包括anchor-它是文档的一部分,与网络的其他资源相连接。它还可以用来创建相同文档的两部分之间的连接。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
coords="text"-调节与anchor相连的图片映射区域的形状
name="text"-anchor的名称
href="URI"-站点资源,即与anchor相连接的站点,由URI指明。
hreflang="text"-上一属性中所指明的站点资源的语言
type="name"-所连接站点的内容类型
rev="link_types"-所连接资源与当前文档的关系
shape-="text"-与anchor相连的图片映射的几何形状
charset="text"-所连接站点的字符集
* 失效属性:无
* 其他属性:
accesskey ,class,dir,id,lang,onblur,onclick,ondbclick,onfocus,onkeydown,onkeypress,_
onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title

l <ABBR>…</ABBR>
* 目的:本标记中所包含的文本为缩写文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title

<ACRONYM>…</ACRONYM>
* 目的:本标记中所包含的文本为首字符提炼词
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title

<ADDRESS>…</ADDRESS>
* 目的:本标记中所包含的文本为整个文档的作者或是文档其中一部分的作者的联系信息。大多数浏览器都将此信息以不同于其他文本的方式进行显示。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup
<APPLET>
* 目的:此标记属于失效标记。现在,大部分浏览器都使用<OBJECT>来标记Java applet。在Java 插件中,则是使用<EMBED>来对其进行标记,就象使用其他插件那样。
<AREA>
* 目的:本标记指明了使用连接的图片映射区域
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
href="URI"-图片映射区域所连接的URI
shape="text"-区域的几何形状
coords="text"-对几何区域的调节
nohref-该属性指明该区域不使用连接
* 失效属性:无
* 其他属性:
accesskey,alt,class,dir,id,lang,name,onclick,ondbclick,onfocus,onkeydown,onkeypress,_
onkeyup,onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title
<B>…</B>
* 目的:本标记中所包含的文本将加粗显示。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title
<BASE>
* 目的:本标记用来明确的定义文档的基准的URI。这个基准的URI和其他相对的URI相结合可以建立一个完整的站点资源地址。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
href="URI"-文档的基准URI
* 失效属性:无
* 其他属性:target
<BASEFONT>…</BASEFONT>
* 目的:这是一个失效标记
<BIG>…</BIG>
* 目的:本标记中所包含的文本将比普通字体大一些。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title
<BLOCKQUOTE>…</BLOCKQUOTE>
* 目的:本标记中包含一段引用的文本,当文档被浏览时这段文本可以自成段落显示。较短的引用可以使用<Q>来标记。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-所引用文本的源文档的地址
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
即使文本不是引用文本,也可以使用<BLOCKQUOTE>这个标记将文本进行嵌入,但是在HTML4.0中,已经不使用这种方法,而是以样式表取而代之。
<BODY>…</BODY>
* 目的:本标记中包含文档的内容,即当网页被浏览器加载时所显示的内容。其中有许多显示属性现在已经不再使用了,而是以<STYLE>标记来完成相同的工作。
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:alink, background ,bgcolor,link,text,vlink
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onload,onmousedown,_
onmousemove,onmouseout, onmouseover,onmouseup,onunload,style,title
<BR>
* 目的:此标记在文档中加入一个换行符,使后续的文本或其他元素另起一行显示。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:无
* 失效属性:clear
* 其他属性:class, id , style, title
<BUTTON>…</BUTTON>
* 目的:本标记在表单中加入一个按钮控制
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-按钮名称
value="text"-按钮的初始值
type="text"-所添加的按钮类型
* 失效属性:无
* 其他属性:
accesskey,class,dir,disabled,id,lang,onblur,onclick,ondbclick,onfocus,onkeydown,onkeypress,_
onkeyup,onmousedown, onmousemove,onmouseout,onmouseover,onmouseup,style,tabindex,title
<CAPTION>…</CAPTION>
* 目的:本标记包含一段对于表格的介绍。<CAPTION>这个标记必须要紧靠<TABLE>这个标记,而且一个表格中这样的标记只能有一个。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onload,onmousedown,_
onmousemove,onmouseout, onmouseover,onmouseup,onunload,style,title
<CENTER>…</CENTER>
* 本标记为失效标记
<CITE>…</CITE>
* 目的:本标记中包含引用或关于其他资源的其他类型的参考
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
<CODE>…</CODE>
* 目的:本标记中包含来自于计算机编程语言或相似信息的源代码
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
<COL>…</COL>
* 目的:本标记中包含表格中的一列,可以进行结构处理。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
span="number"-表格中的列数
width="number"-列的默认宽度
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,title,valign
<COLGROUP>…</COLGROUP>
* 目的:本标记中包含表格中的多个列,可以同时进行结构处理
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
span="number"-表格中的列数
width="number"-列的默认宽度

l 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove, onmouseout,onmouseover,onmouseup,style,title,valign
<DEL>…</DEL>
* 目的:本标记中包含文档中上一步编辑中被删除的部分,这个标记中的文本通常都以删除线显示
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含插入部分信息的文档的地址
datatime="data_and_time"-进行插入的时间和日期
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DD>…</DD>
* 目的:本标记中包含一个单词的定义,单词和定义的列表使用<DL>来进行标记
* 开始标记:要求
* 结束标记:可选
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DFN>…</DFN>
* 目的:本标记中包含定义或其他被限制的文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DIR>…</DIR>
* 本标记为失效标记
<DIV>…</DIV>
* 目的:本标记中包含一个可以自成一体的文档部分,它可以用做一种在内部对内容进行组织的方式,而且可以通过使用属性来影响该部分的外观
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DL>…</DL>
* 目的:本标记中包含一组单词和它们的定义单词和定义分别位于<DT>和<DD>中。
* 开始标记:要求
* 结束标记:要求
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<DT>…</DT>
* 目的:本标记中包含一个作为单独单词的文本,单词和定义的集合位于<DL>中.
* 开始标记:要求
* 结束标记:可选
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<EM>…</EM>
* 目的:本标记中包含需要强调的文本,在大多数浏览器中,这其中的文本以斜体显示如果需要更高程度的强调,可以使用<STRONG>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<FIELDSET>…</FIELDSET>
* 目的:本标记中包含表单中一组相关的控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<FONT>…</FONT>
* 目的:本标记为失效标记
<FORM>…</FORM>
* 目的:本标记中包含一组相关的控件,该组控件所收集的信息来自于文档的浏览者
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
action="URI"-接受和处理表单结果的URI
method="text"-用来传送表单结果的方法
entype="text"-用来传送表单结果的内容类型
accept-charset="text"-一个或多个字符集,中间用逗号隔开,该字符集为表单结果必须接受的字符集
accept="text"-一个或多个字符集,中间用逗号隔开,可以使用表单进行成功的传送
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,onreset,onsubmit,target,style,title
<FRAME>…</FRAME>
* 目的:本标记中关于文档中框架建立和排列方面的信息,它使用在<BODY>标记中,而且应该紧靠文档的标题
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
rows="list"-框架集中垂直框架的高度,值中间用逗号隔开
cols="list"-框架集中水平框架的宽度,值中间用逗号隔开
* 失效属性:无
* 其他属性:
class,dir,id,onload,onunload,style,title
<HEAD>…</HEAD>
* 目的:本标记中包含描述文档标题的信息,如标题说明内容等。本标记内的内容不会出现在浏览器窗口中
* 开始标记:可选
* 结束标记:可选
* 特殊属性:
profile="URI"-包含可定义标题的meta数据的文档的地址
* 失效属性:无
* 其他属性:
dir,lang
<H1>…</H1>, <H2>…</H2>, <H3>…</H3>, <H4>…</H4>, <H5>…</H5>, <H6>…</H6>
* 目的:上述各标记中都包含一个标题,可以显示在文档当中。这些标题从<H1>(最突出)到<H6>(最不突出)
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<HR>
* 目的:本标记生成一个水平行,可以作为文档的一部分
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:无
* 失效属性:align, noshade, size, width
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<HTML>…</HTML>
* 目的:本标记中包含整个HTML文档
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:version
* 其他属性:
dir,lang
<I>…</I>
* 目的:本标记中包含需要斜体显示的文本,尽管该标记尚未失效,但是HTML4.0建议将样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout, onmouseover,onmouseup,style,title
<IFRAME>…</IFRAME>
* 目的:本标记中包含一个框架,该框架可以插入到文档当中,插入方式与图片或其他对象相同
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
frameborder ="number"-框架是否显示边框
*ongdesc ="URI"-包含关于框架说明的文档的地址
marginheight ="number"-框架内容与上下边框的距离
marginwidth ="number"-框架内容与左右边框的距离
name ="text"-框架的名称
scrolling ="text"-框架的滚动处理方式
src ="URI"-包含框架内容的文档的地址
width ="number"-框架的宽度
height ="number"-框架的高度
* 失效属性:无
* 其他属性:
align, class, id , name , style, target , title
<IMG>
* 目的:本标记中包含文档中需要显示的图片文件,<OBJECT>标记同样具有该用途
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
height="number"-图片的高度
hspace="number"-图片与其他元素的左右间距
ismap-指明该图片属于服务器端的图片映射
src="URI"-图片文件的URI
*ongdesc="URI"-关于该图片和所包含图片映射的综合说明的URI
vspace="number"-图片与其他元素的上下间距
width="number"-图片的宽度
* 失效属性:align,border
* 其他属性:
alt,class,dir,id,ismap,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove, onmouseout,onmouseover,onmouseup,style,title,usmap
<INPUT>
* 目的:本标记中包含作为表单一部分的控件
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
accept-内容类型的列表,中间用逗号隔开,可以被处理该表单的服务器成功的传送
name="text"-控件的名称
type="text"-表单中所包含的控件的类型
value="text"-控件的初始值
size="number"-控件输入区域的大小
maxlength="number"-在控件的文本输入区域所能输入的字符的上限
checked-该属性指示当表单中辐射或选择框控件最初显示时,有一个选项应被选中
src="URI"-用作发布按钮的图片的URI
* 失效属性:无
* 其他属性:
accesskey,align,alt,class,dir,id,lang,onblur,onchange,onclick,ondbclick,onkeydown,onkeypress,
onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,onselect,readonly,style,_
tabindex,title,usmap
<INS>…</INS>
* 目的:本标记中包含先前编辑时被插入的文档的部分
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含有关插入部分信息的文档的地址
datetime="date_and_time"-插入操作的日期和时间
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title
<ININDEX>
* 目的:该标记为失效标记
<KBD>…</KBD>
* 目的:本标记中包含的文本应由用户从在计算机程序或相似信息中输入
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,

onmouseout, onmouseover,onmouseup,style,title
<LABEL>…</LABEL>
* 目的:本标记用来向那些还没有标签的控件提供标签
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
for="text"-与标签相关的控件的ID名称
* 失效属性:无
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<LEGEND>…</LEGEND>
* 目的:本标记用来向一组控件提供标题,该组控件使用的是<FIELDSET>标记,并且彼此相连,该标记必须被包括在<FIELDSET>标记中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:align
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,title
<LI>…</LI>
* 目的:本标记中包含了一组单独编号的项目,其中每一个项目都由<LI>标记指明。如果需要使用无编号列表,那么可以使用<UL>标记。
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:compact, type ,value
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title
<LINK>…</LINK>
* 目的:本标记定义一个连接,即本文档与其他资源之间的关系,可以定义多种这样的关系,但是<LINK>只能用于文档的标题部分。
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-anchor的名称
href="URI"-网络中的其他资源,通过URI与anchor发生联系
hreflang="text"-href属性中所指明的资源所使用的语言
media="text"-关于样式表信息的相关媒介
type="name"-与网络资源相关的内容类型
rel="link_types"-当前文档和所关联的网络资源的关系
rev="link_types"-网络资源与当前文档的关系
charset="text"-相关网络资源的字符集
* 失效属性:
* 其他属性:
accesskey,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,
onmousemove, onmouseout,onmouseover,onmouseup,style,tabindex,target,title

<MAP>…</MAP>
* 目的:本标记中包含了一个客户端图片映射,通过连接与对象发生关系。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-图片映射的名称
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,
onmouseout, onmouseover,onmouseup,style,title

<MENU>…</MENU>
目的:本标记为失效标记

<META>
* 目的:本标记中定义了文档中的meta数据属性,其中可以包含多种属性
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-属性的名称
conent="text"-属性的值
http-equiv="text"-HTTP反应标题的名称,可以设定为该标记的值(http-equiv是name属性的替代方式)
sheme="text"-描述content属性使用方式的附加信息
* 失效属性:无
* 其他属性:
dir,lang,

<NOFRAMES>…</NOFRAMES>
* 目的:本标记中包含的内容是同一文档中框架的替代方式,那些不支持框架的浏览器将显示本标记中的内容。<NOFRAMES>应使用在<FRAMESET>标记当中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<NOSCRIPT>…</NOSCRIPT>
* 目的:本标记中包含的内容将在脚本不能执行时显示,脚本不能执行的原因可能是浏览器不能处理脚本或是浏览器不能处理脚本所使用的语言
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
src="URI"-包含脚本的文档的URI
type="text"-所使用的脚本语言
defer-该属性指明该脚本不在文档中添加任何内容
* 失效属性:language
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OBJECT>…</OBJECT>
* 目的:本标记中包含了一个作为文档一部分的对象,该对象可以是文件、交互式程序或是其他类型的HTML文档
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
classid="URI"-对象执行的URI,可以使用在data属性中或是与之相连,取决于对象的类型
codebase="URI"-相对于对象属性所指明的URI的基准URI
codetype="text"-classid属性所指明的数据的内容类型
data="URI"-所关联对象的数据的URI
height="number"-对象的高度
hspace="number"-所插入对象与其他元素之间的左右间距
width="number"-对象的宽度
type="text"-data属性所指明的数据的内容类型
archive="URIs"-任何包含了classid和data属性以便于快速下载的文件的URI
declare-指明一个对象被声明,但是不能够显示,直到后续的<OBJECT>标记这样做之后才可以
standby="text"-当对象被下载时所显示的信息
vspace="number"-对象与其他元素之间的上下间距
* 失效属性:align,border
* 其他属性:
class,dir,id,lang,name,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,tabindex,title,usemap

<OL>…</OL>
* 目的:本标记中包含了一组单独编号的项目,其中每一个项目都由<LI>标记指明。如果需要使用无编号列表,那么可以使用<UL>标记。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:compact, type ,start
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OPTION>…</OPTION>
* 目的:本标记在表单中加入一个菜单控件选择
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
selected-该属性指明当该菜单首次显示时,这个选项应被选中
value="text"-选项的初始值
*abel="text"-选项的短标签可以用作替代方式
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<OPTGROUP>…</OPTGROUP>
* 目的:本标记中包含了一组表单中的菜单选项
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
*abel="text"-选项组的标签
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onblur,onchange,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,onfocus,style,title

<P>…</P>
* 目的:本标记中包含了一段文本
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:align
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title
许多HTML的编写者使用多个不包含任何文本<P>标记作为在文档中加入空白区域的方法。但是这一方法在HTML4.0中却不适用,因为HTML浏览软件会忽略那些重复的不包含任何文本的<P>标记
<PARAM>
* 目的:本标记中创建一个参数,一个在对象作为文档一部分显示之前提供给对象的值,可以使用多个参数,但是这些参数必须要包含在相关的<OBJECT>标记中
* 开始标记:要求
* 结束标记:不允许
* 特殊属性:
name="text"-参数的名称
value="text"-参数的值,可以是一串文本,一个对象或者是保存了一个或多个值的资源的URI
valuetype="text"-作为参数值储存的信息的类型
type="text"-value 中指明的URI的内容类型
* 失效属性:无
* 其他属性:id

<PRE>…</PRE>
* 目的:本标记中包含的文本与其他HTML文本的格式编辑方式不同,大多数浏览器在显示这样的文本时都保持其中的空位置不变,而不是象对于其他HTML文本那样忽略重复的空位置,自动换行在这里也不会发生,因此文本会溢出浏览器窗口的右边缘。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:width
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<Q>…</Q>
* 目的:本标记中包含了一小段引用的文本当文档被浏览时,该段文本中会有引用标志出现。与<BLOCKQUOTE>标记不同,该标记中的文本将不会与其他内容分离而自成一段。
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
cite="URI"-包含所引用信息的文档的URI
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<S>…</S>
目的:本标记为失效标记

<SAMP>…</SAMP>
* 目的:本标记中包含的文本复写了计算机程序、脚本或相似过程的输出结果
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SCRIPT>…</SCRIPT>
* 目的:本标记在文档中添加一个可以执行的脚本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
src="URI"-包含脚本的文档的URI
type="text"-所使用的脚本语言
defer-该属性指明脚本不向文档中添加任何内容
* 失效属性:language
* 其他属性:charset

<SELECT>…</SELECT>
* 目的:本标记向表单中添加一个菜单控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-按钮的名称
size="number"-菜单中所显示的项目数,这些项目作为一个滚动列表框出现
multiple-该属性指明菜单中所选的项目可以多于一个
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,tabindex,title

<SMALL>…</SMALL>
* 目的:本标记中所包含的文本在显示时会小于正常的文本,尽管该标记不属于失效标记,但是HTML4.0建议将样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SPAN>…</SPAN>
* 目的:本标记中包含了文档的一部分,可以自成一体。就象<DIV>那样,该标记也可以用来在内部组织内容,还可以使用属性来更改该部分的外观
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<STRIKE>…</STRIKE>
目的:本标记为失效标记

<STRONG>…</STRONG>
* 目的:本标记中所包含的文本需要特殊的强调,大多数浏览器中都以加粗字体来显示其中的文本,如果需要使用较小程度的强调,可以使用<EM>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<STYLE>…</STYLE>
* 目的:本标记在文档的标题中创建一个样式表规则
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
type="text"-所使用的样式表语言
media="text"-样式表显示的相关媒介
* 失效属性:无
* 其他属性:dir,lang,title

<SUB>…</SUB>
* 目的:本标记中包含的是下标文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<SUP>…</SUP>
* 目的:本标记中包含的是上标文本
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<TABLE>…</TABLE>
* 目的:本标记中包含了表格中所组织的信息,该表格由多行多列的单元格构成
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
border="number"-表格边框的宽度,如果不显示表格边框则设为"0"
cellpadding="number"-单元格内容与边框之间的距离
cellspacing="number"-单元格之间的间距
frame="text"-如果有框架,该属性指明表格周围的框架位置
summary="text"-表格用途和结构的介绍,主要适用于那些不支持表格的浏览器
rules="text"-显示表格单元格之间的标尺,如果有
width="number"-表格所需要的宽度,以象素或百分比为参照
* 失效属性:align,bgcolor
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<TBODY>…</TBODY>
* 目的:本标记中包含一行或多行单元格,即表格的主体。如果表格中包含<THEAD>和<TFOOT>行,那么表格的头、体、尾所包含的列数必须相等
* 开始标记:可选
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TD>…</TD>
* 目的:本标记中包含了表格的一个单元格,其中不包含标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
headers="text"-提供当前单元格信息的标题单元格,不同的单元格之间用空格隔开,使用id属性
scope="text"-表格单元格集,信息由标题单元格提供
abbr="text"-单元格内容的缩写版本
axis="categories"-单元格所属的类型列表,中间用逗号隔开
rowspan="number"-单元格所占据的行数
colspan="number"-单元格所占据的列数
* 失效属性:align,bgcolor,nowrap,height,width
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TEXTAREA>…</TEXTAREA>
* 目的:本标记在表单中加入一个文本输入区域控件
* 开始标记:要求
* 结束标记:要求
* 特殊属性:
name="text"-控件的名称
rows="number"-文本区域的行数
cols="number"-文本区域的列数
* 失效属性:无
* 其他属性:
class,dir,disabled,id,lang,onblur,onchange,onclick,ondbclick,onfocusonkeydown, onkeypress,
onkeyup,onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,onselect,readonly,style,
tabindex,title

<TFOOT>…</TFOOT>
* 目的:本标记中所包含的行显示在表格中所有其他行的下面,就象<THEAD>标记一样,它可以提供表格中某些列的信息,它必须和相关的表格头、体有相同的列数。一个表格的尾注必须出现在任何<TBODY>标记之前
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TH>…</TH>
* 目的:本标记中包含一个单元格,其中包括了标题信息
* 开始标记:要求
* 结束标记:可选
* 特殊属性:
headers="text"-提供当前单元格信息的标题单元格,不同的单元格之间用空格隔开,使用id属性
scope="text"-表格单元格集,信息由标题单元格提供
abbr="text"-单元格内容的缩写版本
axis="categories"-单元格所属的类型列表,中间用逗号隔开
rowspan="number"-单元格所占据的行数
colspan="number"-单元格所占据的列数
* 失效属性:bgcolor,nowrap,height,width
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<THEAD>…</THEAD>
* 目的:本标记中包含了表格的一行,作为表格的标题出现在表格其他行的上面,就象<TFOOT>标记一样,该标题用来提供表格某些列的信息,它必须和表格的体、尾具有相同的列数,表格的标题必须出现在任何<TBODY>标记之前
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TITLE>…</TITLE>
* 目的:本标记中包含文档的标题,在大多数浏览器中,该标题都出现在窗口的标题栏中
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
其他属性: dir,*ang

<TR>…</TR>
* 目的:本标记中包含了表格的一行
* 开始标记:要求
* 结束标记:可选
* 特殊属性:无
* 失效属性:无
* 其他属性:
align,char,charoff,class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,_
onmousedown,onmousemove,onmouseout,onmouseover,onmouseup,style,title,valign

<TT>…</TT>
* 目的:本标记中包含的文本将以等距或长距字体显示,虽然该标记不是失效标记,但是HTML4.0建议以样式表作为更好的选择
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<U>…</U>
目的:本标记为失效标记

<UL>…</UL>
* 目的:本标记中包含了一组不使用单独编号的项目,其中每一个项目都由<LI>标记指明,大多数浏览器在显示这些项目时,在它们的前面加入项目符号。编号列表需要使用<OL>标记
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:compact,type
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title

<VAR>…</VAR>
* 目的:本标记中包含的文本为变量名称或计算机程序中的命令行
* 开始标记:要求
* 结束标记:要求
* 特殊属性:无
* 失效属性:无
* 其他属性:
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup,style,title
 

2005年07月03日

今天抽空重新写了一个黑色的样式,这次是在keso的样式上改进的,主题是黑色、简洁,去掉了一切图片,务求使下载速度达到最快,另外,原本keso.style有的样式,我没有再这个样式里重新写了,只写了一些改动的东西上去,这也减少了样式表的下载速度。如果你也喜欢黑色,也喜欢简洁,可以自由使用以下样式:

body{
 background-color: #220;
 padding: 10px;
 color: #ccc;
 SCROLLBAR-ARROW-COLOR:#fff;
 SCROLLBAR-FACE-COLOR:#220;
 SCROLLBAR-DARKSHADOW-COLOR:#333;
 SCROLLBAR-HIGHLIGHT-COLOR:#220;
 SCROLLBAR-3DLIGHT-COLOR:#ccc;
 SCROLLBAR-SHADOW-COLOR:#ccc;
 SCROLLBAR-TRACK-COLOR:#333;
}
a:link, a:visited, a:active{
 color: #777;
}
a:hover {
 color: #eee;
 text-decoration: none;
}
h1{
 border: none;
 border: 1px solid #555;
 padding: 0px;
 font-size: 1em;
 line-height: 50px;
 height: 80px;
 text-indent: 20px;
 background-color: #333;
 clear: both;
}
#tagline{
 left: auto;
 right: auto;
 top: 60px;
 padding: 0px;
 margin: 0px;
 text-indent: 20px;
 color: #666;
 text-align: left;
}
h1 a:link, h1 a:visited, h1 a:active {
 color:#eee;
}
h1 a:hover {
 color: #ccc;
}
#main {
 margin: 0px;
 padding: 10px 0;
 line-height: 130%;
 float: left;
 width: 70%;
 word-wrap: break-word;
}
#rightmenu {
 width: 25%;
 margin: 10px 0;
 background-color: #333;
 border: 1px solid #555;
 float: right;
 word-wrap: break-word;
}
#rightmenu h3{
 background-color: transparent;
 font-size: 1em;
 border:none;
 border-bottom: 2px solid #666;
 color: #eee;
}
#rightmenu ul{
 border: none;
 padding: 5px 0;
}
#rightmenu li{
 line-height: 150%;
 border-bottom: 1px solid #555;
}
div.dateTitle{
 font-size: 0.8em;
 border-bottom: 1px solid #555;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-color: Black;
 color: #777;
}
.post {
 padding-left: 10px;
}
.postTitle {
 background-color: #333;
 border-bottom: 1px solid #555;
 line-height: 150%;
 text-indent: 10px;
}
.postTitle a:link, .postTitle a:visited {
 color: #eee;
}
.postTitle a:hover{
 color:fff;
 border-bottom: 1px solid #555;
}
#nadframe {
 display: none;
}
h5{
 font-size: 1em;
 border-bottom: 1px solid #666;
 background-color: #333;
 text-indent: 10px;
 line-height: 150%;
}
h5 a:link, h5 a:visited {
 color: #eee;
}
h5 a:hover {
 color: #fff;
}
#Description, #Navigator {
 margin-top: 20px;
}
#Navigator a:link,  #Navigator a:visited{
 color: #777;
}
#Navigator a:hover {
 color: #ccc;
}
.code{
 width: 500px;
 padding: 10px;
 border: 1px solid #555;
 background-color: #333;  
 word-wrap:break-word;
}
textarea, input {
 background-color: #333;
 border: 1px solid #555;
 color: #eee;
}

2005年06月28日

最近比较忙,也没多大的时间写Blog,更何况,我是一个不善书写的人,所以近段时间都没有上来更新这个Blog了。

不过,这段时间我一直在看一些关于WEB标准的文章,而且多数都是国外的。的确,WEB标准在中国现在才刚刚起步,国外已经研究得很深入了,区区的CSS,早就被他们研究得滚瓜烂熟,而且在研究中发现了很多的问题,并把这些心得写成文章。只可惜,我的E文水平真是太差了,我读这些文章的时候还要借助金山词霸来一个一个单词来读,确实很辛苦,不过,能够学到一些经验,还是值得的。

于是,这几天抽了点时间,把我原来在美国的空间重新用XHTML+CSS架构了一下,很简单的一个网站,不过,现在还没有完善。只是放了几篇文章的链接,呵呵。地址是: http://saivan.xyinc.cn

2005年06月22日

材料是一张普通的A4的纸。步骤解释如下:
1,B、D两点对折;
2,中间对折,再摊开;
3,B、D取到上面的中线1/3位置,然后折起;
4,A和C按图示折下,不是对称的;
5,这一步是关键,中线对折,把D插到B对折的缝中,折痕对齐。这步有点费劲,要把纸稍稍拉开;
6,把C角朝前翻出插进套子里—— 可放两张CD的纸套做好了。
CD
点击查看大图!

2005年06月16日

 .htaccess文件(或者”分布式配置文件”提供了针对目录改变配置的方法, 即,在一个特定的文档目录中放置一个包含一个或多个指令的文件,以作用于此目录及其所有子目录。作为用户,所能使用的命令受到限制。管理员可以通过Apache的AllowOverride指令来设置。

- 子目录中的指令会覆盖更高级目录或者主服务器配置文件中的指令。

- .htaccess必须以ASCII模式上传,最好将其权限设置为644。


错误文档的定位

常用的客户端请求错误返回代码:
401 Authorization Required
403 Forbidden
404 Not Found
405 Method Not Allowed
408 Request Timed Out
411 Content Length Required
412 Precondition Failed
413 Request Entity Too Long
414 Request URI Too Long
415 Unsupported Media Type
常见的服务器错误返回代码:
500 Internal Server Error

用户可以利用.htaccess指定自己事先制作好的错误提醒页面。一般情况下,人们可以专门设立一个目录,例如errors放置这些页面。然后再.htaccess中,加入如下的指令:

ErrorDocument 404 /errors/notfound.html
ErrorDocument 500 /errors/internalerror.html

一条指令一行。上述第一条指令的意思是对于404,也就是没有找到所需要的文档的时候得显示页面为/errors目录下的notfound.html页面。不难看出语法格式为:

ErrorDocument 错误代码 /目录名/文件名.扩展名

如果所需要提示的信息很少的话,不必专门制作页面,直接在指令中使用HTML号了,例如下面这个例子:

ErrorDocument 401 ”
你没有权限访问该页面,请放弃!


文档访问的密码保护

要利用.htaccess对某个目录下的文档设定访问用户和对应的密码,首先要做的是生成一个.htpasswd的文本文档,例如:

zheng:y4E7Ep8e7EYV

这里密码经过加密,用户可以自己找些工具将密码加密成.htaccess支持的编码。该文档最好不要放在www目录下,建议放在www根目录文档之外,这样更为安全些。

有了授权用户文档,可以在.htaccess中加入如下指令了:

AuthUserFile .htpasswd的服务器目录
AuthGroupFile /dev/null (需要授权访问的目录)
AuthName EnterPassword
AuthType Basic (授权类型)

require user wsabstract (允许访问的用户,如果希望表中所有用户都允许,可以使用 require valid-user)

注,括号部分为学习时候自己添加的注释

拒绝来自某个IP的访问

如果我不想某个政府部门访问到我的站点的内容,那可以通过.htaccess中加入该部门的IP而将它们拒绝在外。

例如:

order allow,deny
deny from 210.10.56.32
deny from 219.5.45.
allow from all

第二行拒绝某个IP,第三行拒绝某个IP段,也就是219.5.45.0~219.2.45.255

想要拒绝所有人?用deny from all好了。不止用IP,也可以用域名来设定。

保护.htaccess文档

在使用.htaccess来设置目录的密码保护时,它包含了密码文件的路径。从安全考虑,有必要把.htaccess也保护起来,不让别人看到其中的内容。虽然可以用其他方式做到这点,比如文档的权限。不过,.htaccess本身也能做到,只需加入如下的指令:

order allow,deny
deny from all

URL转向

我们可能对网站进行重新规划,将文档进行了迁移,或者更改了目录。这时候,来自搜索引擎或者其他网站链接过来的访问就可能出错。这种情况下,可以通过如下指令来完成旧的URL自动转向到新的地址:

Redirect /旧目录/旧文档名 新文档的地址

或者整个目录的转向:

Redirect 旧目录 新目录

改变缺省的首页文件

一般情况下缺省的首页文件名有default、index等。不过,有些时候目录中没有缺省文件,而是某个特定的文件名,比如在pmwiki中是pmwiki.php。这种情况下,要用户记住文件名来访问很麻烦。在.htaccess中可以轻易的设置新的缺省文件名:

DirectoryIndex 新的缺省文件名

也可以列出多个,顺序表明它们之间的优先级别,例如:

DirectoryIndex filename.html index.cgi index.pl default.htm

防止盗链

如果不喜欢别人在他们的网页上连接自己的图片、文档的话,也可以通过htaccess的指令来做到。

所需要的指令如下:

RewriteEngine on
RewriteCond % !^$
RewriteCond % !^http://(www.)?mydomain.com/.*$ [NC]
RewriteRule .(gif|jpg)$ – [F]

如果觉得让别人的页面开个天窗不好看,那可以用一张图片来代替:

RewriteEngine on
RewriteCond % !^$
RewriteCond % !^http://(www.)?mydomain.com/.*$ [NC]
RewriteRule .(gif|jpg)$ http://www.mydomain.com/替代图片文件名 [R,L]

Google排名监测工具下载:
http://www.cleverstat.com/google-monitor.htm

查询关键字使用频率工具:
http://inventory.overture.com/d/searchinventory/suggestion

蜘蛛模似器
http://www.webconfs.com/search-engine-spider-simulator.php

相似页面检测工器
http://www.webconfs.com/similar-page-checker.php

蜘蛛模似器(2)
http://www.seotoolkit.co.uk/spider_viewer.asp

Keywords密度检查
http://www.seotoolkit.co.uk/keyword_density_analyser.asp

Link Popularity Checker
链接流行度
http://www.seotoolkit.co.uk/link_popularity_checker.asp

网站流量排名(Alexa)
http://www.trafficzap.com/getrank.php

PR值查询工具
http://www.webrankinfo.com/english/tools/pagerank.php

检查google
Dance
http://www.webrankinfo.com/english/tools/googledance.php

要在google取得较好排名的两个关键性目录
http://www.yahoo.com
yahoo的目录是全球最有价值的商业目录。
http://www.dmoz.org
DMOZ是全球最大的开放式目录,有很多的网站都会引用DMOZ的数据,其中包括Google

所以只要能够登录这两大目录那么在一段时间后通过网站页面的优化,你的排名将会迅速上升~


2005年06月09日

不用图片,完全CSS的时髦菜单



在线运行演示