HTML 4.0 语言快速参考

鱼佬 — Wed, 06 Jul 2005 05:46:00 +0000

所有的万维网文件都是由超文本标志语言 HTML所创建的。在这种语言中，可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面，他们的共同之处就是都使用 "<>"，例如段落标记

，图片标记等。
　　在浏览器中，是看不到任何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，该元素必须要与现存的元素的名称属性相匹配
＊ valign="text"-表格单元格中信息的垂直排列

　
2、标记
下面是关于HTML4.0的标记的具体描述。
注：下面的标记所使用的都是大写字符。尽管从前标记的大小写并没有关系，但是从W3C的发展方向来看，很可能将来大部分标记都将仅仅使用小写。（是唯一的一个例外）。因此，在使用HTML进行网页编辑时，最好还是使用小写字符。

＊目的：该标记出现在文档的第一行，指明所使用的HTML版本
＊开始标记：要求
＊结束标记：不允许
＊属性：无
＊失效属性：无
＊其他属性：无
可以在下列三种中进行选择：
PUBLIC "-//W3C//DTD HEML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd>
PUBLIC "-//W3C//DTD 4.0 Transitional//EN"
"htttp://www.w3.org/TR//REC-html140/loose.dtd>
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：文档使用一些失效元素并且使用框架
在一般情况下，应该使用的strict.dtd，因为它可以和HTML4.0 全面兼容。使用loose.dtd 的主要原因是因为一些与显示相关的元素，如样式表等还没有被浏览器开发者所接受。
…
＊目的：这个标记中包括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 …
＊目的：本标记中所包含的文本为缩写文本
＊开始标记：要求
＊结束标记：要求
＊特殊属性：无
＊失效属性：无
＊其他属性：
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title

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

…

＊目的：本标记中所包含的文本为整个文档的作者或是文档其中一部分的作者的联系信息。大多数浏览器都将此信息以不同于其他文本的方式进行显示。
＊开始标记：要求
＊结束标记：要求
＊特殊属性：无
＊失效属性：无
＊其他属性：
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover,onmouseup

＊目的：此标记属于失效标记。现在，大部分浏览器都使用来标记Java applet。在Java 插件中，则是使用来对其进行标记，就象使用其他插件那样。

＊目的：本标记指明了使用连接的图片映射区域
＊开始标记：要求
＊结束标记：不允许
＊特殊属性：
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
…
＊目的：本标记中所包含的文本将加粗显示。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
＊开始标记：要求
＊结束标记：要求
＊特殊属性：无
＊失效属性：无
＊其他属性：
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title

＊目的：本标记用来明确的定义文档的基准的URI。这个基准的URI和其他相对的URI相结合可以建立一个完整的站点资源地址。
＊开始标记：要求
＊结束标记：不允许
＊特殊属性：
href="URI"-文档的基准URI
＊失效属性：无
＊其他属性：target
…
＊目的：这是一个失效标记
…
＊目的：本标记中所包含的文本将比普通字体大一些。尽管该标记不属于失效标记,但HTML4.0仍然建议使用样式表作为更好的选择
＊开始标记：要求
＊结束标记：要求
＊特殊属性：无
＊失效属性：无
＊其他属性：
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,_
onmousemove,onmouseout,onmouseover, onmouseup,style,title

…

＊目的：本标记中包含一段引用的文本，当文档被浏览时这段文本可以自成段落显示。较短的引用可以使用来标记。
＊开始标记：要求
＊结束标记：要求
＊特殊属性：
cite="URI"-所引用文本的源文档的地址
＊失效属性：无
＊其他属性：
class,dir,id,lang,onclick,ondbclick,onkeydown,onkeypress,onkeyup,onmousedown,onmousemove,_
onmouseout,onmouseover, onmouseup,style,title
即使文本不是引用文本，也可以使用

这个标记将文本进行嵌入，但是在HTML4.0中，已经不使用这种方法，而是以样式表取而代之。
…
＊目的：本标记中包含文档的内容，即当网页被浏览器加载时所显示的内容。其中有许多显示属性现在已经不再使用了，而是以
＊目的：本标记在文档的标题中创建一个样式表规则
＊开始标记：要求
＊结束标记：要求
＊特殊属性：
type="text"-所使用的样式表语言
media="text"-样式表显示的相关媒介
＊失效属性：无
＊其他属性：dir,lang,title

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

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

…

＊目的：本标记中包含了表格中所组织的信息，该表格由多行多列的单元格构成
＊开始标记：要求
＊结束标记：要求
＊特殊属性：
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

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

…
＊目的：本标记中包含了表格的一个单元格，其中不包含标题信息
＊开始标记：要求
＊结束标记：可选
＊特殊属性：
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

…
＊目的：本标记在表单中加入一个文本输入区域控件
＊开始标记：要求
＊结束标记：要求
＊特殊属性：
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

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

…
＊目的：本标记中包含一个单元格，其中包括了标题信息
＊开始标记：要求
＊结束标记：可选
＊特殊属性：
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

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

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

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

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

…
目的：本标记为失效标记

…

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

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

黑色（酷）-Donews Blog 样式(基于Keso)

鱼佬 — Sun, 03 Jul 2005 05:40:00 +0000

今天抽空重新写了一个黑色的样式，这次是在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;
}

sunflowers.style最新风格的个人网站

鱼佬 — Tue, 28 Jun 2005 13:27:00 +0000

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

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

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

随手一折 CD 套子

鱼佬 — Wed, 22 Jun 2005 15:33:00 +0000

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

点击查看大图！

.htaccess文件使用手册

鱼佬 — Thu, 16 Jun 2005 05:26:00 +0000

.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]

搜索引擎优化工具–网站优化工具

鱼佬 — Thu, 16 Jun 2005 05:23:00 +0000

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

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

A snazzy border menu(时髦CSS菜单)

鱼佬 — Thu, 09 Jun 2005 02:00:00 +0000

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

在线运行演示

 <HTML> <HEAD> <TITLE>a snazzy border menu</TITLE> </HEAD> <BODY> <style type="text/css"> #info {background:#ddd; padding:1em;} #submen {right:1em;} #info ul {margin:0; padding:0; list-style-type:none; background:transparent; height:3em;} #info li {display:block; float:left;} .xsnazzy {background:transparent;} .xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal;} .xtop {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 { display:block; /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ } .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;} .xb1 {margin:0 5px; background:#fff;} .xb2 {margin:0 3px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;} a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em;} a.xmenu2:hover {background:transparent; cursor:pointer;} a.xmenu2:hover span {color:#000;} a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;} a.xmenu2:hover .xb1 {background:#888;} a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;} </style> <div id="info"> <ul> <li> <a class="xmenu2" href="#nogo">Paul Cezanne</a> </li> <li> <a class="xmenu2" href="#nogo">Henri Matisse</a> </li> <li> <a class="xmenu2" href="#nogo">William Turner</a> </li> <li> <a class="xmenu2" href="#nogo">John Constable</a> </li> <li> <a class="xmenu2" href="#nogo">Claude Monet</a> </li> </ul> </div> </BODY> </HTML>

鱼佬的360度空间

终于搬家了

Donews老是有问题，我正在考虑是否要搬家了

规范CSS样式书写顺序

HTML 4.0 语言快速参考

黑色（酷）-Donews Blog 样式(基于Keso)

sunflowers.style最新风格的个人网站

随手一折 CD 套子

.htaccess文件使用手册

搜索引擎优化工具–网站优化工具

A snazzy border menu(时髦CSS菜单)