因方便查阅HTML标签代码，特制作HTML标签思维导图：
如有需要高清HD图的，请发邮件索取！
邮件内容请备注来自于哪里，索取什么。
邮箱：royalwang@it86.com.cn
标签：HTML
html常用转义符:
  空格Nonbreaking space
! ! — 惊叹号Exclamation mark
” " " 双引号Quotation mark
# # — 数字标志Number sign
$ $ — 美元标志Dollar sign
% % — 百分号Percent sign
& & & Ampersand
‘ ' — 单引号Apostrophe
( ( — 小括号左边部分Left parenthesis
) ) — 小括号右边部分Right parenthesis
[ [ — 中括号左边部分Left square bracket
] ] — 中括号右边部分Right square bracket
{ { — 大括号左边部分Left curly brace
} } — 大括号右边部分Right curly brace
* * — 星号Asterisk
+ + — 加号Plus sign
, , — 逗号Comma
– - — 连字号Hyphen
. . — 句号Period (fullstop)
/ / — 斜杠Solidus (slash)
\ \ — 反斜杠Reverse solidus (backslash)
0 0 — 数字0 Digit 0
1 1 — 数字1 Digit 1
2 2 — 数字2 Digit 2
3 3 — 数字3 Digit 3
4 4 — 数字4 Digit 4
5 5 — 数字5 Digit 5
6 6 — 数字6 Digit 6
7 7 — 数字7 Digit 7
8 8 — 数字8 Digit 8
9 9 — 数字9 Digit 9
: : — 冒号Colon
; ; — 分号Semicolon
< < < 小于号Less than
= = — 等于符号Equals sign
> > > 大于号Greater than
? ? — 问号Question mark
@ @ — Commercial at
| | — 竖线Vertical bar
~ ~ — Tilde
? ¡ ¡ Inverted exclamation
a a — 小写a Small a
b b — 小写b Small b
c c — 小写c Small c
d d — 小写d Small d
e e — 小写e Small e
f f — 小写f Small f
g g — 小写g Small g
h h — 小写h Small h
i i — 小写i Small i
j j — 小写j Small j
k k — 小写k Small k
l l — 小写l Small l
m m — 小写m Small m
n n — 小写n Small n
o o — 小写o Small o
p p — 小写p Small p
q q — 小写q Small q
r r — 小写r Small r
s s — 小写s Small s
t t — 小写t Small t
u u — 小写u Small u
v v — 小写v Small v
w w — 小写w Small w
x x — 小写x Small x
y y — 小写y Small y
z z — 小写z Small z
A A — 大写A Capital A
B B — 大写B Capital B
C C — 大写C Capital C
D D — 大写D Capital D
E E — 大写E Capital E
F F — 大写F Capital F
G G — 大写G Capital G
H H — 大写H Capital H
I I — 大写J Capital I
J J — 大写K Capital J
K K — 大写L Capital K
L L — 大写K Capital L
M M — 大写M Capital M
N N — 大写N Capital N
O O — 大写O Capital O
P P — 大写P Capital P
Q Q — 大写Q Capital Q
R R — 大写R Capital R
S S — 大写S Capital S
T T — 大写T Capital T
U U — 大写U Capital U
V V — 大写V Capital V
W W — 大写W Capital W
X X — 大写X Capital X
Y Y — 大写Y Capital Y
Z Z — 大写Z Capital Z
今天在给一个朋友建设网站时，做一个图片显示效果页面时，发现有段JS代码在IE下显示正常，在firefox里却失去了作用，经过仔细研究与分析才发现是innerHTML的问题，现在将代码贴出来，分享给大家，以免少走弯路。
修改前的代码：
——————————————————————————————————————-
function seeBig(thispic) {
document.all.viewPic.innerHTML='<img src=’+thispic+’ width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>’
}
——————————————————————————————————————
修改后的代码：
——————————————————————————————————————
function seeBig(thispic) {
document.getElementById("viewPic").innerHTML='<img src=’+thispic+’ width=123 height=78 border=0 onload=javascript:DrawImage(this,123,78);>’
}
——————————————————————————————————————
通过上面的代码片段，大家可以看出，在IE下对innerHTML要求没有在firefox下严格，在firefox下必须用getElementByid获得ID才行。
<style type="text/css">
<!–
body{font-size:12px; color:#fff;}
div{width:110px; background:#000;}
span{padding:10px;white-space:nowrap;}
–>
</style>
<div>
<span>标</span>
<span>标fdsfsdfdsfdsfsdf</span>
<span>标</span>
</div>
SELECT CASE REQUEST("action")
‘先放到库中，再生成页面
‘添加开始———————————————————————————
CASE "add"
title=request("title")
content=request("content")
moban=request("moban")
class_id=request("class_id")
class_name=request("class_name")
class_big=request("class_big")
zz=request("zz")
from=request("from")
up=request("up")
pic=request("pic")
picurl=request("images")
addtime=now()
hits=request("hits")
fname=makefilename(addtime)
addtime=now()
if title="" and content="" then
response.write " "
else
set rs=server.createobject("adodb.recordset")
sql="select * from article where (id=null)"
rs.open sql,conn,1,3
rs.addnew
rs("title")=title
rs("content")=content
rs("moban_id")=moban
rs("class_id")=class_id
rs("class_name")=class_name
rs("class_big")=class_big
rs("pic")=pic
rs("picurl")=picurl
rs("addtime")=addtime
rs("zz")=zz
rs("from")=from
rs("hits")=hits
rs("up")=up
rs.update
moban_id=rs("moban_id")
title=rs("title")
content=txt(rs("content"))
addtime=rs("addtime")
addtime=FormatDateTime(addtime,1)
fileid=rs("id")
fname=fname&FileType
rs("fname")=fname
rs("oktime")=addtime
rs.update
rs.close
生成页面程序开始
sql="select * from moban where id="&moban_id&" " ‘moban是数字，是模版id
rs.open sql,conn,1,1
okweb=rs("content")
‘替换模版中的相关字段
okweb=replace(okweb,"$nnso_title",title)’文章题目
okweb=replace(okweb,"$nnso_content",content)’文章内容
okweb=replace(okweb,"$nnso_addtime",addtime)’录入时间
okweb=replace(okweb,"$nnso_from",from)’文章出处
okweb=replace(okweb,"$nnso_class_big",class_big)’大类
okweb=replace(okweb,"$nnso_class_name",class_name)’小类名称
okweb=replace(okweb,"$nnso_path",class_id)’位置，路径
okweb=replace(okweb,"$nnso_zz",zz)’文章作者
okweb=replace(okweb,"$nnso_id",fileid)’评论时候的id
‘开始生成
Set fso = Server.CreateObject("Scripting.FileSystemObject")
filePath=server.mappath(("../html/")&(class_id))
Set f = fso.CreateTextFile(filePath& "\" & fname)
f.WriteLine okweb
f.close
‘生成页面程序结束
‘添加日志
ips=Request.ServerVariables("Remote_Addr")
sj=now
conn.Execute "INSERT INTO log(username,action,ip,sj) VALUES(‘文章添加’,'["&title&"]成功添加’,’"&ips&"’,’"&sj&"’ )"
end if
rs.close
set rs=nothing
conn.close
set conn=nothing
response.redirect "article.asp?class_id="&class_id&""
‘添加结束———————————————————————————
‘修改开始———————————————————————————
CASE "mod"
‘第一步：删除目录下的文件
fileid=request("id")
class_id=request("class_id")
fname=request("fname")
filePath=server.mappath(("../html/")&(class_id))& "\" &fname
Set fso = CreateObject("Scripting.FileSystemObject")
fso.DeleteFile(filepath)
Set fso = nothing
on error resume next
‘先删除目录下文件，再删除库中的记录，否则无法进行查询
title=request("title")
content=request("content")
moban=request("moban")
class_id=request("class_id")
class_name=request("class_name")
class_big=request("class_big")
zz=request("zz")
from=request("from")
up=request("up")
pic=request("pic")
picurl=request("images")
hits=request("hits")
if title="" and content="" then
response.write " "
else
set rs=server.createobject("adodb.recordset")
sql="select * from article where id="+fileid
rs.open sql,conn,1,3
rs("title")=title
rs("content")=content
rs("moban_id")=moban
rs("class_id")=class_id
rs("class_name")=class_name
rs("class_big")=class_big
rs("pic")=pic
rs("picurl")=picurl
rs("zz")=zz
rs("from")=from
rs("hits")=hits
rs("up")=up
rs.update
moban_id=moban
title=txt(rs("title"))
content=txt(rs("content"))
addtime=rs("addtime")
addtime=FormatDateTime(addtime,1)
fileid=rs("id")
rs.close
‘生成页面程序开始
sql="select * from moban where id="&moban_id&" " ‘moban是数字，是模版id
rs.open sql,conn,1,1
okweb=rs("content")
‘替换模版中的相关字段
okweb=replace(okweb,"$nnso_title",title)’文章题目
okweb=replace(okweb,"$nnso_content",content)’文章内容
okweb=replace(okweb,"$nnso_addtime",addtime)’录入时间
okweb=replace(okweb,"$nnso_from",from)’文章出处
okweb=replace(okweb,"$nnso_path",class_id)’位置，路径
okweb=replace(okweb,"$nnso_class_big",class_big)’大类
okweb=replace(okweb,"$nnso_class_name",class_name)’小类名称
okweb=replace(okweb,"$nnso_zz",zz)’文章作者
okweb=replace(okweb,"$nnso_id",fileid)’评论时候的id
‘开始生成
Set fso = Server.CreateObject("Scripting.FileSystemObject")
filePath=server.mappath(("../html/")&(class_id))
Set f = fso.CreateTextFile(
filePath& "\" & fname)
f.WriteLine okweb
f.close
‘添加日志
ips=Request.ServerVariables("Remote_Addr")
sj=now
conn.Execute "INSERT INTO log(username,action,ip,sj) VALUES(‘文章修改’,’"&fname&"-修改成功’,’"&ips&"’,’"&sj&"’ )"
end if
rs.close
set rs=nothing
conn.close
set conn=nothing
response.redirect "article.asp?class_id="&class_id&""
‘生成页面程序结束
‘修改结束——————————————————————————–
‘删除开始——————————————————————————–
CASE "del"
articleid=request("id")
class_id=request("class_id")
set rs=server.createobject("adodb.recordset")
sql="select id,class_id,fname from article where id="+articleid
rs.open sql,conn,1,3
fname=rs("fname")
class_id=rs("class_id")
rs.close
set rs=nothing
‘删除目录下的文章
filePath=request.ServerVariables("APPL_PHYSICAL_PATH")&("html\")&(class_id)& "\" &fname
Set fso = CreateObject("Scripting.FileSystemObject")
fso.DeleteFile(filepath)
Set fso = nothing
‘先删除目录下文件，再删除库中的记录，否则无法进行查询
conn.execute("delete from article where id="&articleid&"")
‘添加日志
ips=Request.ServerVariables("Remote_Addr")
sj=now
conn.Execute "INSERT INTO log(username,action,ip,sj) VALUES(‘文章删除’,’"&fname&"-成功删除’,’"&ips&"’,’"&sj&"’ )"
conn.close
set conn=nothing
‘重定向返回
response.redirect "article.asp?class_id="&class_id&""
‘删除结束——————————————————————————–
END SELECT
<%
set fs=server.createobject("scripting.filesystemobject")
file=server.mappath("time.txt")
set txt=fs.opentextfile(file,1,true)
if not txt.atendofstream then
times=txt.ReadLine
Else
response.write "
"
HtmlPage = "time.txt" ‘//生成的HTML文件名
Template = NOW()
Set FSO = Server.CreateObject ("Scripting.FileSystemObject")
Set FileOut = FSO.CreateTextFile(Server.MapPath (HtmlPage))
FileOut.WriteLine Template
FileOut.Close
Set FSO = Nothing
end If
If datediff("s",times,NOW()) > 3600 Then ‘//上次更新到现在的时间 大于 3600秒 则 更新
response.write "
"
code = "这里是需要生成的html代码" ‘//如何得到代码的方式有很多
‘//用FSO生成HTML页面
HtmlPage = "index.html" ‘//生成的HTML文件名
Template = code
Set FSO = Server.CreateObject ("Scripting.FileSystemObject")
Set FileOut = FSO.CreateTextFile(Server.MapPath (HtmlPage))
FileOut.WriteLine Template
FileOut.Close
Set FSO = Nothing
‘//用FSO生成time.txt文件
HtmlPage = "time.txt" ‘//生成的HTML文件名
Template = NOW()
Set FSO = Server.CreateObject ("Scripting.FileSystemObject")
Set FileOut = FSO.CreateTextFile(Server.MapPath (HtmlPage))
FileOut.WriteLine Template
FileOut.Close
Set FSO = Nothing
Else
response.write "
"
End If
%>
Discuz!7.0 正式版对发 html 帖的权限进行了变更，极大的提高了安全性，并且使得 html 权限与其他权限的设置保持统一。
变更之后，开启 html 权限的必须步骤：
1.开启版块 html 权限；
2.开启用户组 html 权限。
废弃了原有的“只要开启版块 html 权限，所有会员都可以在该版块发 html 帖”的机制。
如果升级后原来已经开启 html 版块的帖子无法解析 html 代码，可以在论坛后台执行以下 SQL 修复：
UPDATE cdb_forums f, cdb_posts p SET p.htmlon=p.htmlon|1 WHERE p.fid=f.fid AND f.allowhtml=’1′;
| 现在，版块开了 html 权限，还要相应的用户组也得开启 html 权限，并且发帖时勾选了“开启 html” |
HTML 注释 <!–This is a comment–>
CSS注释以"/*" 开头，以"*/" 结尾，如下：
/* 定义段落样式表 */
p{
text-align: center; /* 文本居中排列 */
color: black; /* 文字为黑色 */
font-family: arial; /* 字体为arial */}
JavaScript 注释可用于增强代码的可读性。
第一：单行的注释以 // 开始。举例如下：
<script type="text/javascript">
// 这行代码输出标题：
document.write("<h1>文章标题</h1>");
// 这行代码输出段落：
document.write("<p>我的未来不是梦！</p>");
</script>
// 这行代码输出标题：
document.write("<h1>文章标题</h1>");
// 这行代码输出段落：
document.write("<p>我的未来不是梦！</p>");
</script>
第二：多行注释以 /* 开头，以 */ 结尾。举例如下：
<script type="text/javascript">
/*
下面的代码将输出
一个标题和一个个段落
*/
<?php
echo "这是第一种例子。n"; // 本例是 C++ 语法的注释
/* 本例采用多行的
注释方式 */
echo "这是第两种例子。n";
echo "这是第三种例子。n"; # 本例使用 UNIX Shell 语法注释
?>
不过在使用多行注释时请注意，不能让注释陷入递归循环当中，否则会引起错误。
<?php /* echo "这是错误的示范。n"; /* 递归注释会引起问题 */ */?>
（特别注意：要把’这个符号换成无任何输入法状态中输入的’这个符号，否则程序无法运行）
1.文字型：
<a onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’http://www.wangzhengdong.com’);” href=”http://www.wangzhengdong.com“>设为首页</a>
2.按钮型：
<input type=”button” value=”设为首页” onclick=”this.style.behavior=’url(#default#homepage)’;this.setHomePage(’www.wangzhengdong.com’);” href=”http://www.wangzhengdong.com“>
3.离开时自动提示设为首页：
<body onunload=”BASEBody.style.behavior=’url(#default#homepage)’;if(!(BASEBody.isHomePage(’http://www.wangzhengdong.com’)))BASEBody.setHomePage(’http://www.wangzhengdong.com’);”>
4.打开网页就提示是否设为主页：
<script language=”javascript”>
function myhomepage(){
this.homepage.style.behavior=’url(#default#homepage)’;this.homepage.sethomepage(’http://www.wangzhengdong.com’);
}
</script>
<p align=”center”><a href=”http://www.wangzhengdong.com” name=”homepage”
onclick=”myhomepage();”></a>
———————————–邪恶分割线——————————————-
1.图片链接
<a style=”cursor:hand” onclick=”this.style.behavior=’url(#default#homepage)’;
this.setHomePage(‘http://www.wangzhengdong.com’);”>
<img width=16 height=16 border=0 src=”images/Logo.gif”>
<u> 设为首页</u></a>
2.文字型：
<a onclick=”this.style.behavior=’url(#default#homepage)’;
this.setHomePage(‘http://www.wangzhengdong.com’);” href=”#”>设为首页</a>
3.按钮型：
<input TYPE=”button” VALUE=”设为首页” onclick=”this.style.behavior=’url(#default#homepage)’;
this.setHomePage(‘http://www.wangzhengdong.com’);” href=”#”>
4.离开时自动提示设为首页
<body onunload=”BASEBody.style.behavior=’url(#default#homepage)’;
if(!(BASEBody.isHomePage(‘http://www.wangzhengdong.com’)))BASEBody.setHomePage(‘http://www.wangzhengdong.com/’);”>
5.鼠标指向时提示设为首页
<A href=”http://www.wangzhengdong.com/” onmouseover=”this.style.behavior=’url(#default#homepage)’;
this.setHomePage(‘http://www.wangzhengdong.com’);” target=”_blank”>设为首页</A>
———————————–邪恶分割线——————————————-
加入收藏代码
1.<a href=”#” onclick=”javascript:window.external.AddFavorite(‘http://www.wangzhengdong.com’,’王正东的博客’)” title=”收藏本站到你的收藏夹”><font size=”-1″ color=”#FFE09E”>收藏本站</font></a>
2.<a href=”javascript:void(0);” onClick=”window.external.AddFavorite(document.location.href,document.title)”>加入收藏</a>
加入频道
<a href=”typhoon.cdf”)>加入频道</a>
邮件链接
<a href=”mailto:master@it86.cc“>与我联系</a>
再将下面代码加入<body>内：
onload=”myhomepage();”
即：<body onload=”myhomepage();”>