侧耳倾听
urgel_babay
每个人生的当口，都是会有一个孤独的时刻，四顾无人，只有自己，于是不得不看明白自己的脆弱，自己的欲望，自己的念想，自己的界限，还有，自己真正的梦想。
全部博文（237）
2017年（3）
2016年（234）
frankzfz
sheepbao
飞鸿无痕
s1978256
gaoxp
ssvvip00
运维老许
jzsjm100
tomcodin
谭家男
bbs_ld
Robert_2
分类： Python/Ruby
2016-05-11 11:08:43
原文地址：Html标签大全 作者：chinaboywg
Html标签大全
超文本链接
创建超文本链接 ,其中的url为链接目标地址
创建自动发送电子邮件的链接
创建位于文档内部的书签
创建指向位于文档内部书签的链接
其他链接标记注解：
target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top
rel="..."发送链接的类型
rev="..."保存链接的类型
accesskey="..."指定该元素的热键
shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly
coord="..."使用像素或者长度百分比来定义形状的尺寸
tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
-----------------------------------------------------------------------------------------
粗体字
基准字体标记
字体加大
换行 插入一个回车换行符
创建一个按钮
disabled="..."把按钮的状态设置为不能
name="..."按钮的控制名 value="..."按钮的值
type="..."按钮的类型(button, submit, reset)
引用,通常是斜体
程式码
述语定义
强调文本(通常是斜体加黑体)
设置字体
设置字体大小从1到7，颜色使用名字或RGB的十六进制值
action="..."接收数据的服务器的URL
method="..."HTTP的方法(get, post)。其中get是被反对使用的
enctype="..."指定MIME(Internet媒体类型)
当提交表单时发生的内部事件
noreset="..."在重新设置表单时发生的内部事件
target="..."决定把内容显示在什么地方(_blank, _parent, _self, _top
定义一个帧内的单一窗或窗区域
规定帧内显示的HTML文档
命名帧或区域以便别的帧可以指向它
定义帧左右边缘的空白大小,必须大于等于1
定义帧上下边缘的空白大小,必须大于等于1
设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"
禁止用户调整一个帧的大小
创建一个HTML文档，分别放在html文件的开头和最后。
斜体字
创建一个内联的帧
scr="..."定义在帧中显示的内容的来源
frameborder="..."定义帧之间的边界(0或1)
align="..."被反对。控制对齐方式(left, center, right, justify)
height="..."帧的高度 width="..."帧的宽度
键盘字
为一个控件提供标签
为FIELDSET元素指定一标题
普通捲動
...滑動
...預設捲動中国站长第一门户
...來回捲動
...向下捲動
...向上捲動
向右捲動
向左捲動
...捲動次數
...設定寬度
...設定高度
...設定背景顏色
...設定捲動距離
...設定捲動時間
强行不换行
定义在不支持帧的浏览器中显示什么提示
设置每个表单项的内容
</plaintext>固定寬度字體(不執行標記符號) </p> <p> <pre></pre> 预先格式化文本 </p> <p> <SAMP></SAMP> 范例 </p> <p> <select></select> 创建滚动菜单 </p> <p> <select multiple name="name" size=""></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目 </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <select></select> 创建下拉菜单 </p> <p> <select name="name"></select> 创建下拉菜单 </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <SMALL></SMALL> 字体缩小 </p> <p> <STRIKE></STRIKE> 加删除线 </p> <p> <strong></strong> 加重文本(通常是斜体加黑体) </p> <p> <SUB></SUB> 下标字 </p> <p> <table></table> 创建一个表格 </p> <p> <table></table> 创建一个表格 </p> <p> <table cellspacing=""> 设置表格格子之间空间的大小 </p> <p> <table border=""> 设置边框的宽度 </p> <p> <table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小 </p> <p> <table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比 </p> <p> <table align=""> 设置表格格子的水平对齐方式(left,center,right,justify) </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <TBODY></TBODY> 定义一个表格的实体 </p> <p> <td></td> 表格中一行中的每一个格子 </p> <p> <td colspan=""> 设置一个表格格子跨占的列数(缺省值为1) </p> <p> <td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1) </p> <p> <td nowrap> 禁止表格格子内的内容自动断行 </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <textarea></textarea> 创建一个文本框区域 </p> <p> <textarea name="name" cols=40 rows=8></textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度 </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <TFOOT></TFOOT> 定义一个表格的页脚 </p> <p> <th></th> 设置表格头:通常是黑体居中文字 </p> <p> <THEAD></THEAD> 定义表格的页眉 </p> <p> <title></title> 文档的标题 </p> <p> <tr></tr> 表格中的每一行 </p> <p> <tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify) </p> <p> <tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top) </p> <p> ----------------------------------------------------------------------------------------- </p> <p> <tt></tt> 打字机风格的字体 </p> <p> <u></u> 下划线 </p> <p> <ul></ul> 创建一个标有圆点的列表 </p> <p> <VAR></VAR> 变量 </p> <p> <xmp></xmp>固定寬度字体(在文件中空白、換行、定位功能有效) </p> <p> <br /> HTML标记大全参考手册[推荐] </p> <p> HTML标记大全参考手册[推荐] </p> <p> 总类（所有HTML文件都有的） </p> <p> </p> <p> 文件类型 <HTML></HTML> （放在档案的开头与结尾） </p> <p> 文件主题 <TITLE></TITLE> （必须放在「文头」区块内） </p> <p> 文头 <HEAD></HEAD> （描述性资料，像是「主题」） </p> <p> 文体 <BODY></BODY> （文件本体） </p> <p> ------------------------------------------------------------结构性定义（由浏览器控制的显示风格） </p> <p> 标题 <H?></H?> （从1到6，有六层选择） </p> <p> 3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> </p> <p> 3.0 区分 <DIV></DIV> </p> <p> 3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> </p> <p> 引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩） </p> <p> 强调 <EM></EM> （通常会以斜体显示） </p> <p> 特别强调 <STRONG></STRONG> （通常会以加粗显示） </p> <p> 引文 <CITE></CITE> （通常会以斜体显示） </p> <p> 码 <CODE></CODE> （显示原始码之用） </p> <p> 样本 <SAMP></SAMP> </p> <p> 键盘输入 <KBD></KBD> </p> <p> 变数 <VAR></VAR> </p> <p> 定义 <DFN></DFN> （有些浏览器不提供） </p> <p> 地址 <ADDRESS></ADDRESS> </p> <p> 3.0 大字 <BIG></BIG> </p> <p> 3.0 小字 <SMALL></SMALL> </p> <p> ------------------------------------------------------------与外观相关的标签（作者自订的表现方式） </p> <p> 加粗 <B></B> </p> <p> 斜体 <I></I> </p> <p> 3.0 底线 <U></U> （尚有些浏览器不提供） </p> <p> 3.0 删除线 <S></S> （尚有些浏览器不提供） </p> <p> 3.0 下标 <SUB></SUB> </p> <p> 3.0 上标 <SUP></SUP> </p> <p> 打字机体 <TT></TT> （用单空格字型显示） </p> <p> 预定格式 <PRE></PRE> （保留文件中空格的大小） </p> <p> 预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算） </p> <p> N1.0+ 向中看齐 <CENTER></CENTER> （文字与图片都可以） </p> <p> N1.0 闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签） </p> <p> N1.0 字体大小 <FONT SIZE=?></FONT>（从1到7） </p> <p> N1.0 改变字体大小 <FONT SIZE=+|-?></FONT> </p> <p> N1.0 基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3） </p> <p> N2.0 字体颜色 <FONT COLOR="#$$$$$$"></FONT> </p> <p> -------------------------------------------------------------------------------- </p> <p> 连结与图形 </p> <p> 连结 <A HREF="URL"></A> </p> <p> 连结到锚点 <A HREF="URL#***"></A>（如果锚点在另一个档案） </p> <p> <A HREF="#***"></A> （如果锚点目前的档案） </p> <p> N2.0 连结到目的视框 <A HREF="URL" TARGET="***"></A> </p> <p> 设定锚点 <A NAME="***"></A> </p> <p> 图形 <IMG SRC="URL"> </p> <p> 图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> </p> <p> N1.0 图形看齐方式 <IMG SRC="URL" </p> <p> ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> </p> <p> 取代文字 <IMG SRC="URL" ALT="***"> （如果没有办法显示图形则显示此文字） </p> <p> 点选图 <IMG SRC="URL" ISMAP> （需要CGI程式） </p> <p> N2.0 点选图 <IMG SRC="URL" USEMAP="URL"> </p> <p> N2.0 地图 <MAP NAME="***"></MAP>（描述地图） </p> <p> N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> </p> <p> 3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">（以pixels为单位） </p> <p> N1.0 图形边缘 <IMG SRC="URL" BORDER=?> （以pixels为单位） </p> <p> N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> （以pixels为单位） </p> <p> N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="URL"> </p> <p> N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">（使用端自动更新 ） </p> <p> N2.0 内嵌物件 <EMBED SRC="URL"> （将物件插入页面） </p> <p> N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?"> </p> <p> -------------------------------------------------------------------------------- </p> <p> 分隔 </p> <p> 段落 <P> （通常是两个return） </p> <p> 3.0 段落 <P></P> （新定义成容器型标签） </p> <p> 3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P> </p> <p> 换行 <BR> （一个return） </p> <p> N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时） </p> <p> 横线 <HR> </p> <p> N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> </p> <p> N1.0 横线厚度 <HR SIZE=?> （以pixels为单位） </p> <p> N1.0 横线宽度 <HR WIDTH=?> （以pixels为单位） </p> <p> N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%） </p> <p> N1.0 实线 <HR NOSHADE> （没有立体效果） </p> <p> N1.0 不可换行 <NOBR></NOBR> （不换行） </p> <p> N1.0 可换行处 <WBR> （如果需要，可在此断行） </p> <p> -------------------------------------------------------------------------------- </p> <p> 列举 （可以巢状列举） </p> <p> 无次序式列举 <UL><LI></UL> （<LI> 放在每一项前） </p> <p> N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项） </p> <p> <LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其後的列举项） </p> <p> 有次序式列举 <OL><LI></OL> （<LI> 放在每一项前） </p> <p> N1.0 数标型态 <OL TYPE=A|a|I|i|1> （定义全部的列举项） </p> <p> <LI TYPE=A|a|I|i|1> （定义这个及其後的列举项） </p> <p> N1.0 起始数字 <OL value=?> （定义全部的列举项） </p> <p> <LI value=?> （定义这个及其後的列举项） </p> <p> 定义式列举 <DL><DT><DD></DL>（<DT>项目, <DD>定义） </p> <p> 表单式列举 <MENU><LI></MENU>（<LI> 放在每一项前） </p> <p> 目录式列举 <DIR><LI></DIR> （<LI> 放在每一项前） </p> <p> -------------------------------------------------------------------------------- </p> <p> 背景与颜色 </p> <p> 3.0 重复排列的背景 <BODY BACKGROUND="URL"> </p> <p> N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝） </p> <p> N1.1+ 文字颜色 <BODY TEXT="#$$$$$$"> </p> <p> N1.1+ 连结颜色 <BODY LINK="#$$$$$$"> </p> <p> N1.1+ 看过的连结 <BODY VLINK="#$$$$$$"> </p> <p> N1.1 使用中的连结 <BODY ALINK="#$$$$$$"> </p> <p> -------------------------------------------------------------------------------- </p> <p> 特殊字元（以下标签需用小写） </p> <p> 特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码） </p> <p> < < > > & & " " </p> <p> 注册商标TM ? </p> <p> N1.0+ 注册商标TM ? </p> <p> 著作权符号 ? </p> <p> N1.0+ 著作权符号 ? </p> <p> -------------------------------------------------------------------------------- </p> <p> 表单 （通常需要与CGI程式配合） </p> <p> 定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM> </p> <p> N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM> </p> <p> 输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> </p> <p> 栏位名称 <INPUT NAME="***"> </p> <p> 栏位内定值 <INPUT value="***"> </p> <p> 已选定 <INPUT CHECKED> （适用於checkboxes与 radio boxes） </p> <p> 栏位宽度 <INPUT SIZE=?> （以字元数为单位） </p> <p> 最长字数 <INPUT MAXLENGTH=?> （以字元数为单位） </p> <p> 下拉式选单 <SELECT></SELECT> </p> <p> 下拉式选单名称 <SELECT NAME="***"></SELECT> </p> <p> 选单项目数量 <SELECT SIZE=?></SELECT> </p> <p> 多选式选单 <SELECT MULTIPLE> （多选） </p> <p> 选项 <OPTION> </p> <p> 内定选项 <OPTION SELECTED> </p> <p> 文字输入区 <TEXTAREA ROWS=? COLS=?></textarea> </p> <p> 输入区名称 <TEXTAREA NAME="***"></textarea> </p> <p> N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea> </p> <p> -------------------------------------------------------------------------------- </p> <p> 表格 </p> <p> 3.0 定义表格 <TABLE></TABLE> </p> <p> 3.0 表格框线 <TABLE BORDER></TABLE> （有或没有） </p> <p> N1.1 表格框线 <TABLE BORDER=?></TABLE>（可以设定数值） </p> <p> N1.1 储存格左右留白 <TABLE CELLSPACING=?> </p> <p> N1.1 储存格上下留白 <TABLE CELLPADDING=?> </p> <p> N1.1 表格宽度 <TABLE WIDTH=?> （以pixels为单位） </p> <p> N1.1 宽度比率 <TABLE WIDTH=%> （页宽为100%） </p> <p> 3.0 表格列 <TR></TR> </p> <p> 3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> </p> <p> 3.0 储存格 <TD></TD> （须与列并用） </p> <p> 3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> </p> <p> 3.0 不换行 <TD NOWRAP> </p> <p> N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$> </p> <p> 3.0 储存格横向连接 <TD COLSPAN=?> </p> <p> 3.0 储存格纵向连接 <TD ROWSPAN=?> </p> <p> N1.1 储存格宽度 <TD WIDTH=?> （以pixels为单位） </p> <p> N1.1 储存格宽度比率 <TD WIDTH=%> （页宽为100%） </p> <p> 3.0 表格标题 <TH></TH> （跟<TD>一样，不过会对中并加粗） </p> <p> 3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> </p> <p> 3.0 表格标题不换行 <TH NOWRAP> </p> <p> 3.0 表格标题占几栏 <TH COLSPAN=?> </p> <p> 3.0 表格标题占几列 <TH ROWSPAN=?> </p> <p> N1.1 表格标题宽度 <TH WIDTH=?> （以pixels为单位） </p> <p> N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%） </p> <p> 3.0 表格抬头 <CAPTION></CAPTION> </p> <p> 3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下） </p> <p> -------------------------------------------------------------------------------- </p> <p> 视框 （定义与控制萤幕上的特定区域） </p> <p> N2.0 视框格式总定义 <FRAMESET></FRAMESET> （取代<BODY>） </p> <p> N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %） </p> <p> N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相对大小） </p> <p> N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %） </p> <p> N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> （* =相对大小） </p> <p> N2.0 定义个别视框 <FRAME> （定义个别视框） </p> <p> N2.0 个别视框内容 <FRAME SRC="URL"> </p> <p> N2.0 个别视框名称 <FRAME NAME="***"|_blank|_self|_parent|_top> </p> <p> N2.0 边缘宽度 <FRAME MARGINWIDTH=?> （「左」与「右」边界） </p> <p> N2.0 边缘高度 <FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界） </p> <p> N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO"> </p> <p> N2.0 不可改变大小 <FRAME NORESIZE> </p> <p> N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话） </p> <p> -------------------------------------------------------------------------------- </p> <p> 杂项 </p> <p> 说明 （浏览器不会显示） </p> <p> 档案型态声明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> </p> <p> 3.0 档案型态声明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"> </p> <p> 可搜寻 <ISINDEX> （指示可搜寻的索引项） </p> <p> N1.0 提示 <ISINDEX PROMPT="***"> （要求输入的提示文字） </p> <p> 送出搜寻条件 <A HREF="URL?***"></a> （其中的问号不是数字，而是「问号」） </p> <p> 基本档案的URL <BASE HREF="URL"> （必须放在「文头」区段内） </p> <p> N2.0 基本视窗名称 <BASE TARGET="***"> （必须放在「文头」区段内） </p> <p> 相关性 <LINK REV="***" REL="***" HREF="URL"> （必须放在「文头」区段内） </p> <p> 背景资讯 <META> （必须放在「文头」区段内） </p> <p> 下面这些符号标记，是一些常用的。我们在做主页的时候经常要碰到，因此尽量能将它们记住。 </p> <p> <HTML></HTML> ---------------------------------(档案的开头与结尾) </p> <p> <TITLE></TITLE> -------------------------------主题(必须放在文头区段) </p> <p> <HEAD></HEAD>----------------------------------文头区段 (描述文件的资讯，如「主题」) </p> <p> <BODY></BODY>----------------------------------内文区段 (内容所在) 与结构相关的标记 </p> <p> <H?></H?> -------------------------------------标题 (有六层) </p> <p> <H? ALIGN=LEFT|CENTER|RIGHT></H?> -------------标题对齐[*] </p> <p> <DIV></DIV>------------------------------------区段 </p> <p> <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>------------区段对齐 </p> <p> <BLOCKQUOTE></BLOCKQUOTE>----------------------引文区段[*] (显示时通常会内缩) </p> <p> <EM></EM>--------------------------------------强调(通常以斜体显示) </p> <p> <STRONG></STRONG>----------------------------- 强烈强调(通常以黑体显示) </p> <p> <CITE></CITE>----------------------------------引用语句 (通常以斜体显示) </p> <p> <CODE></CODE>----------------------------------程式码 </p> <p> <SAMP></SAMP>----------------------------------程式输出样本 </p> <p> <SMALL></SMALL>--------------------------------小字 </p> <p> <B></B> ---------------------------------------加粗 </p> <p> <I></I>----------------------------------------斜体 </p> <p> <STRIKE></STRIKE>------------------------------删除线(有些浏览器无此功能) </p> <p> <SUB></SUB>------------------------------------下标字 </p> <p> <SUP></SUP> -----------------------------------上标字 </p> <p> <TT></TT> -------------------------------------打字机体(空白字元与其他文元之宽度相同的字体) </p> <p> <PRE></PRE>------------------------------------依据预定格式 (保持文字间的相对位置) </p> <p> <PRE WIDTH=?></PRE>----------------------------预定格式的宽度(以字元计) </p> <p> <CENTER></CENTER>------------------------------文字对中 [*] (文字与图形都会对中) </p> <p> <FONT SIZE=?></FONT> --------------------------字体大小(由 1到 7) </p> <p> <FONT SIZE="+|-?"></FONT>----------------------改变字体大小 </p> <p> <BASEFONT SIZE=?>------------------------------基本字体大小(内设值为3) </p> <p> <FONT COLOR="#$$$$$$"></FONT>------------------字体颜色 </p> <p> <FONT FACE="***"></FONT>-----------------------指定字形 </p> <p> <MULTICOL COLS=?></MULTICOL>-------------------多栏位 </p> <p> <MULTICOL (内定值为10 pixels) GUTTER=?></MULTICOL>栏位内文与边缘间隔 </p> <p> <MULTICOL WIDTH=?></MULTICOL> -----------------栏位宽度 </p> </div> </div> <!-- <div class="Blog_con3_1">管理员在2009年8月13日编辑了该文章文章。</div> --> <div class="Blog_con2_1 Blog_con3_2"> <div> <!--<img src="/image/default/tu_8.png">--> <!-- JiaThis Button BEGIN --> <div class="bdsharebuttonbox"><A class=bds_more href="#" data-cmd="more"></A><A class=bds_qzone title=分享到QQ空间 href="#" data-cmd="qzone"></A><A class=bds_tsina title=分享到新浪微博 href="#" data-cmd="tsina"></A><A class=bds_tqq title=分享到腾讯微博 href="#" data-cmd="tqq"></A><A class=bds_renren title=分享到人人网 href="#" data-cmd="renren"></A><A class=bds_weixin title=分享到微信 href="#" data-cmd="weixin"></A></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> <!-- JiaThis Button END --> </div> 阅读(1086) | 评论(0) | 转发(0) | <div class="HT_line3"></div> </div> <div class="Blog_con3_3"> <div><span id='digg_num'>0</span><a href="javascript:void(0)" id='digg' bid='5719080' url='/blog/digg.html' ></a></div> <p>上一篇：<a href="/uid-30936525-id-5719078.html">puppet学习之puppet证书验证</a></p> <p>下一篇：<a href="/uid-30936525-id-5719082.html">一次利用nginx漏洞的木马事件</a></p> </div> </div> <!-- <div class="Blog_con3_4 Blog_con3_5"> <div class="Blog_tit2 Blog_tit7">热门推荐</div> <ul> <li><a href="" title="" target='blank' ></a></li> </ul> </div> --> </div> </div> <div class="Blog_right1_7" id='replyList'> <div class="Blog_tit3">给主人留下些什么吧！~~</div> <!--暂无内容--> <!-- 评论分页--> <div class="Blog_right1_6 Blog_right1_12"> </div> <!-- 评论分页--> <div class="Blog_right1_10" style="display:none"> <div class="Blog_tit3">评论热议</div> <!--未登录 --> <div class="Blog_right1_8"> <div class="nologin_con1"> 请登录后评论。 <p><a href="http://account.chinaunix.net/login" onclick="link(this)">登录</a> <a href="http://account.chinaunix.net/register?url=http%3a%2f%2fblog.chinaunix.net">注册</a></p> </div> </div> </div> <div style="text-align:center;margin-top:10px;"> <script type="text/javascript" smua="d=p&s=b&u=u3118759&w=960&h=90" src="//www.nkscdn.com/smu0/o.js"></script> </div> </div> </div> </div> <input type='hidden' id='report_url' value='/blog/ViewReport.html' /> <script type="text/javascript"> //测试字符串的长度 一个汉字算2个字节 function mb_strlen(str) { var len=str.length; var totalCount=0; for(var i=0;i<len;i++) { var c = str.charCodeAt(i); if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) { totalCount++; }else{ totalCount+=2; } } return totalCount; } /* var Util = {}; Util.calWbText = function (text, max){ if(max === undefined) max = 500; var cLen=0; var matcher = text.match(/[^\x00-\xff]/g), wlen = (matcher && matcher.length) || 0; //匹配url链接正则 http://*** var pattern = /http:\/\/([\w-]+\.)+[\w-]+(\/*[\w-\.\/\?%&=][^\s^\u4e00-\u9fa5]*)?/gi; //匹配的数据存入数组 var arrPt = new Array(); var i = 0; while((result = pattern.exec(text)) != null){ arrPt[i] = result[0]; i++; } //替换掉原文本中的链接 for(var j = 0;j<arrPt.length;j++){ text = text.replace(arrPt[j],""); } //减掉链接所占的长度 return Math.floor((max*2 - text.length - wlen)/2 - 12*i); }; */ var allowComment = '0'; //举报弹出层 function showJuBao(url, cid){ $.cover(false); asyncbox.open({ id : 'report_thickbox', url : url, title : '举报违规', width : 378, height : 240, scroll : 'no', data : { 'cid' : cid, 'idtype' : 2 , 'blogurl' : window.location.href }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); } $(function(){ //创建管理员删除的弹出层 $('#admin_article_del').click(function(){ $.cover(false); asyncbox.open({ id : 'class_thickbox', html : '<div class="HT_layer3_1"><ul><li class="HT_li1">操作原因：<select class="HT_sel7" id="del_type" name="del_type"><option value="广告文章">广告文章</option><option value="违规内容">违规内容</option><option value="标题不明">标题不明</option><option value="文不对题">文不对题</option></select></li><li class="HT_li1" ><input class="HT_btn4" id="admin_delete" type="button" /></li></ul></div>', title : '选择类型', width : 300, height : 150, scroll : 'no', callback : function(action){ if(action == 'close'){ $.cover(false); } } }); }); $('#admin_delete').live('click' , function(){ ///blog/logicdel/id/3480184/url/%252Fblog%252Findex.html.html var type = $('#del_type').val(); var url = '/blog/logicdel/id/5719080/url/%252Fuid%252F30936525.html.html'; window.location.href= url + '?type=' + type; }); //顶 js中暂未添加&过滤 $('#digg').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var bid = $('#digg').attr('bid'); var url = $('#digg').attr('url'); var digg_str = $.cookie('digg_id'); if(digg_str != null) { var arr= new Array(); //定义一数组 arr = digg_str.split(","); //字符分割 for( i=0 ; i < arr.length ; i++ ) { if(bid == arr[i]) { showErrorMsg('已经赞过该文章', '消息提示'); return false; } } } $.ajax({ type:"POST", url:url, data: { 'bid' : bid }, dataType: 'json', success:function(msg){ if(msg.error == 0) { var num = parseInt($('#digg_num').html(),10); num += 1; $('#digg_num').html(num); $('#digg').die(); if(digg_str == null) { $.cookie('digg_id', bid, {expires: 30 , path: '/'}); } else { $.cookie('digg_id', digg_str + ',' + bid, {expires: 30 , path: '/'}); } showSucceedMsg('谢谢' , '消息提示'); } else if(msg.error == 1) { //showErrorMsg(msg.error_content , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); } else if(msg.error == 2) { showErrorMsg(msg.error_content , '消息提示'); } } }); }); //举报弹出层 /*$('.box_report').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var url = $('#report_url').val(); var cid = $(this).attr('cid'); $.cover(false); asyncbox.open({ id : 'report_thickbox', url : url, title : '举报违规', width : 378, height : 240, scroll : 'no', data : { 'cid' : cid, 'idtype' : 2 }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); });*/ //评论相关代码 //点击回复显示评论框 $('.Blog_a10').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } if(allowComment == 1) { showErrorMsg('该博文不允许评论' , '消息提示'); return false; } var tid = $(this).attr('toid');//留言作者id var bid = $(this).attr('bid');//blogid var cid = $(this).attr('cid');//留言id var tname = $(this).attr('tname'); var tpl = '<div class="Blog_right1_9">'; tpl += '<div class="div2">'; tpl += '<textarea name="" cols="" rows="" class="Blog_ar1_1" id="rmsg">文明上网，理性发言...</textarea>'; tpl += '</div>'; tpl += '<div class="div3">'; tpl += '<div class="div3_2"><a href="javascript:void(0);" class="Blog_a11" id="quota_sbumit" url="/Comment/PostComment.html" tid="'+tid+'" bid="'+bid+'" cid="'+cid+'" tname="'+tname+'" ></a><a href="javascript:void(0)" id="qx_comment" class="Blog_a12"></a></div>'; tpl += '<div class="div3_1"><a href="javascript:void(0);" id="mface"><span></span>表情</a></div>'; tpl += '<div class="clear"></div>'; tpl += '</div>'; tpl += '</div>'; $('.z_move_comment').html(''); $(this).parents('.Blog_right1_8').find('.z_move_comment').html(tpl).show(); }); //引用的评论提交 $('#quota_sbumit').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var bid = $(this).attr('bid'); var tid = $(this).attr('tid');//被引用人的id var qid = $(this).attr('cid');//引用的id var url = $(this).attr('url'); var text = $('#rmsg').val(); var tname = $(this).attr('tname'); if(text == '' || text=='文明上网，理性发言...') { showErrorMsg('评论内容不能为空！' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : tid , 'qid' : qid , 'text': text , 'tname' : tname }, dataType: 'json', success: function(data){ if(data.code == 1){ var tpl = '<div class="Blog_right1_8">'; tpl+= '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>'; tpl+= '<div class="Blog_right_font1">'; tpl+= '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>'; tpl+= '<p class="Blog_p7"><a href="' + data.info.quota.url + '">' + data.info.quota.username + '</a>：'+ data.info.quota.content + '</p>'; tpl+= '<p class="Blog_p8">' + data.info.content + '</p><span class="span_text1"><a href="javascript:void(0);" class="Blog_a10" toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + ' tname = ' + data.info.username + ' >回复</a> | <a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '" >删除</a> | <a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '" >举报</a></span></div>'; tpl+= '<div class="z_move_comment" style="display:none"></div>'; tpl+= '<div class="Blog_line1"></div></div>'; $('#replyList .Blog_right1_8:first').before(tpl); $('.z_move_comment').html('').hide(); } else if(data.code == -1){ //showErrorMsg(data.info , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); } }, error: function(){//请求出错处理 } }); }); //底部发表评论 $('#submitmsg').click(function(){ if(allowComment == 1) { showErrorMsg('该博文不允许评论' , '消息提示'); return false; } var bid = $(this).attr('bid'); var toid = $(this).attr('toid'); var text = $('#reply').val(); var url = $(this).attr('url'); if(text == '' || text=='文明上网，理性发言...') { showErrorMsg('评论内容不能为空！' , '消息提示'); return false; } else { if(mb_strlen(text) > 1000){ showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); return false; } } $.ajax({ type: "post", url: url , data: {'bid': bid , 'to' : toid ,'text': text}, dataType: 'json', success: function(data){ if(data.code == 1) { var tpl = '<div class="Blog_right1_8">'; tpl += '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>'; tpl += '<div class="Blog_right_font1">'; tpl += '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>'; tpl += '<p class="Blog_p6">' + data.info.content + '</p>'; tpl += '<div class="div1"><a href="javascript:void(0);" class="Blog_a10" toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + '>回复</a> | <a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '">删除</a> | <a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '">举报</a></div>'; tpl += '<div class="z_move_comment" style="display:none"></div>'; tpl += '</div><div class="Blog_line1"></div></div>'; $('.Blog_tit3:first').after(tpl); $('#reply').val('文明上网，理性发言...'); } else if(data.code == -1) { showErrorMsg(data.info , '消息提示'); } }, error: function(){//请求出错处理 } }); }); //底部评论重置 $('#reset_comment').click(function(){ $('#reply').val('文明上网，理性发言...'); }); //取消回复 $('#qx_comment').live('click' , function(){ $('.z_move_comment').html('').hide(); }); $('#rmsg, #reply').live({ focus:function(){ if($(this).val() == '文明上网，理性发言...'){ $(this).val(''); } }, blur:function(){ if($(this).val() == ''){ $(this).val('文明上网，理性发言...'); } } }); //删除留言确认 $('.comment_del_mark').live('click' , function(){ var url = $(this).attr('url'); asyncbox.confirm('删除留言','确认', function(action){ if(action == 'ok') { location.href = url; } }); }); //删除时间确认 $('.del_article_id').click(function(){ var delurl = $(this).attr('delurl'); asyncbox.confirm('删除文章','确认', function(action){ if(action == 'ok') { location.href = delurl; } }); }); /* //字数限制 $('#rmsg, #reply').live('keyup', function(){ var id = $(this).attr('id'); var left = Util.calWbText($(this).val(), 500); var eid = '#errmsg'; if(id == 'reply') eid = '#rerrmsg'; if (left >= 0) $(eid).html('您还可以输入<span>' + left + '</span>字'); else $(eid).html('<font color="red">您已超出<span>' + Math.abs(left) + '</span>字 </font>'); }); */ //加载表情 $('#face').qqFace({id : 'facebox1', assign : 'reply', path : '/image/qqface/'}); $('#mface').qqFace({id : 'facebox', assign : 'rmsg', path:'/image/qqface/'}); /* $('#class_one_id').change(function(){ alert(123213); var id = parseInt($(this).val() , 10); if(id == 0) return false; $('.hidden_son_class span').each(function( index , dom ){ if( dom.attr('cid') == id ) { } }); }); */ //转载文章 var turn_url = "/blog/viewClassPart.html"; $('#repost_bar').click(function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var id = $(this).attr('bid'); asyncbox.open({ id : 'turn_class_thickbox', url : turn_url, title : '转载文章', width : 330, height : 131, scroll : 'no', data : { 'id' : id }, callback : function(action){ if(action == 'close'){ $.cover(false); } } }); }); /* //转发文章 $('#repost_bar').live('click' , function(){ if(isOnLine == '' ) { //showErrorMsg('登录之后才能进行此操作' , '消息提示'); showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); return false; } var bid = $(this).attr('bid'); var url = $(this).attr('url'); asyncbox.confirm('转载文章','确认', function(action){ if(action == 'ok'){ $.ajax({ type:"POST", url:url, data: { 'bid' : bid }, dataType: 'json', success:function(msg){ if(msg.error == 0){ showSucceedMsg('转发成功！', '消息提示'); }else if(msg.error == 1){ //location.href = '/index.php?r=site/login'; showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login'); }else{ showErrorMsg(msg.error_content, '消息提示'); } } }); } }); }); */ }); </script> <!--该部分应该放在输出代码块的后面才起作用 --> <script type="text/javascript"> SyntaxHighlighter.autoloader( 'applescript /highlight/scripts/shBrushAppleScript.js', 'actionscript3 as3 /highlight/scripts/shBrushAS3.js', 'bash shell /highlight/scripts/shBrushBash.js', 'coldfusion cf /highlight/scripts/shBrushColdFusion.js', 'cpp c /highlight/scripts/shBrushCpp.js', 'c# c-sharp csharp /highlight/scripts/shBrushCSharp.js', 'css /highlight/scripts/shBrushCss.js', 'delphi pascal /highlight/scripts/shBrushDelphi.js', 'diff patch pas /highlight/scripts/shBrushDiff.js', 'erl erlang /highlight/scripts/shBrushErlang.js', 'groovy /highlight/scripts/shBrushGroovy.js', 'java /highlight/scripts/shBrushJava.js', 'jfx javafx /highlight/scripts/shBrushJavaFX.js', 'js jscript javascript /highlight/scripts/shBrushJScript.js', 'perl pl /highlight/scripts/shBrushPerl.js', 'php /highlight/scripts/shBrushPhp.js', 'text plain /highlight/scripts/shBrushPlain.js', 'py python /highlight/scripts/shBrushPython.js', 'ruby rails ror rb /highlight/scripts/shBrushRuby.js', 'scala /highlight/scripts/shBrushScala.js', 'sql /highlight/scripts/shBrushSql.js', 'vb vbnet /highlight/scripts/shBrushVb.js', 'xml xhtml xslt html /highlight/scripts/shBrushXml.js' ); SyntaxHighlighter.all(); function code_hide(id){ var code = document.getElementById(id).style.display; if(code == 'none'){ document.getElementById(id).style.display = 'block'; }else{ document.getElementById(id).style.display = 'none'; } } </script> <!--回顶部js2011.12.30--> <script language="javascript"> lastScrollY=0; function heartBeat(){ var diffY; if (document.documentElement && document.documentElement.scrollTop) diffY = document.documentElement.scrollTop; else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/} percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px"; lastScrollY=lastScrollY+percent; if(lastScrollY<200) { document.getElementById("full").style.display="none"; } else { document.getElementById("full").style.display="block"; } } var gkuan=document.body.clientWidth; var ks=(gkuan-960)/2-30; suspendcode="<div id=\"full\" style='right:-30px;POSITION:absolute;TOP:500px;z-index:100;width:26px; height:86px;cursor:pointer;'><a href=\"javascript:void(0)\" onclick=\"window.scrollTo(0,0);\"><img src=\"\/image\/top.png\" /></a></div>" document.write(suspendcode); window.setInterval("heartBeat()",1); </script> <!-- footer --> <div class="Blog_footer" style='clear:both'> <div><a href="http://www.chinaunix.net/about/index.shtml" target="_blank" rel="nofollow">关于我们</a> | <a href="http://www.it168.com/bottomfile/it168.shtml" target="_blank" rel="nofollow">关于IT168</a> | <a href="http://www.chinaunix.net/about/connect.html" target="_blank" rel="nofollow">联系方式</a> | <a href="http://www.chinaunix.net/about/service.html" target="_blank" rel="nofollow">广告合作</a> | <a href="http://www.it168.com//bottomfile/flgw/fl.htm" target="_blank" rel="nofollow">法律声明</a> | <a href="http://account.chinaunix.net/register?url=http%3a%2f%2fblog.chinaunix.net" target="_blank" rel="nofollow">免费注册</a> <p>Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 </p> <div>感谢所有关心和支持过ChinaUnix的朋友们 <p><a href="http://beian.miit.gov.cn/">16024965号-6 </a></p> </div> </div> </div> </div> <script language="javascript"> //全局错误提示弹出框 function showErrorMsg(content, title, url){ var url = url || ''; var title = title || '消息提示'; var html = ''; html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span1"></span>' + content + '</p></li>'; if(url == '' || url.length == 0){ html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick=\'close_windows("error_msg")\'></li>'; } else { html += '<li class="HT_li1"><input type="button" class="login_btn1" onclick="location.href=\'' + url + '\'"></li>'; } html += '</ul></div>'; $.cover(true); asyncbox.open({ id: 'error_msg', title : title, html : html, 'callback' : function(action){ if(action == 'close'){ $.cover(false); } } }); } //全局正确提示 function showSucceedMsg(content, title , url ){ var url = url || ''; var title = title || '消息提示'; var html = ''; html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span2"></span>' + content + '</p></li>'; if(url == '' || url.length == 0){ html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick=\'close_windows("error_msg")\'></li>'; } else { html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick="location.href=\'' + url + '\'"></li>'; } html += '</ul></div>'; $.cover(true); asyncbox.open({ id: 'error_msg', title : title, html : html, 'callback' : function(action){ if(action == 'close'){ $.cover(false); } } }); } //关闭指定id的窗口 function close_windows(id){ $.cover(false); $.close(id); } //公告 var tID; var tn; // 高度 var nStopTime = 5000; // 不同行间滚动时间隔的时间，值越小，移动越快 var nSpeed = 50; // 滚动时，向上移动一像素间隔的时间，值越小，移动越快 var isMove = true; var nHeight = 25; var nS = 0; var nNewsCount = 3; /** * n 用于表示是否为第一次运行 **/ function moveT(n) { clearTimeout(tID) var noticev2 = document.getElementById("noticev2") nS = nSpeed; // 只在第一次调用时运行，初始化环境（有没有参数） if (n) { // 设置行高 noticev2.style.lineHeight = nHeight + "px"; // 初始化显示位置 tn = 0; // 刚进入时在第一行停止时间 nS = nStopTime; } // 判断鼠标是否指向层 if (isMove) { // 向上移动一像素 tn--; // 如果移动到最下面一行了，则移到顶行 if (Math.abs(tn) == nNewsCount * nHeight) { tn = 0; } // 设置位置 noticev2.style.marginTop = tn + "px"; // 完整显示一行时，停止一段时间 if (tn % nHeight == 0) { nS = nStopTime; } } tID = setTimeout("moveT()", nS); } moveT(1); // 此处可以传入任何参数 </script> <script type="text/javascript"> // var _gaq = _gaq || []; // _gaq.push(['_setAccount', 'UA-20237423-2']); // _gaq.push(['_setDomainName', '.chinaunix.net']); // _gaq.push(['_trackPageview']); // // (function() { // var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; // ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; // var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); // })(); </script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0ee5e8cdc4d43389b3d1bfd76e83216b' type='text/javascript'%3E%3C/script%3E")); function link(t){ var href= $(t).attr('href'); href+="?url="+encodeURIComponent(location.href); $(t).attr('href',href); //setCookie("returnOutUrl", location.href, 60, "/"); } </script> </body> </html>
