收集HTML 的语法

时间：2022-12-31 13:40:50
 
１
这 里收集了 HTML 的所有 语 法〈当然并不是全部，但也差不多是 这样 了〉。希望 对 网友 查询时 比 较 方便。 注：按英文字母 顺 序排列

　　卷 标 , 属性名称 简 介
　　 <! - - ... - -> 批注
　　 <A HREF TARGET> 指定超 级链 接的分割窗口
　　 <A HREF=# 锚 的名称 > 指定 锚 名称的超 级链 接
　　 <A HREF> 指定超 级链 接
　　 <A NAME= 锚 的名称 > 被 连结 点的名称
　　 <ADDRESS>....</ADDRESS> 用来 显 示 电 子 邮 箱地址
 
　　 <B> 粗体字
　　 <BASE TARGET> 指定超 级链 接的分割窗口
　　 <BASEFONT SIZE> 更改 预设 字形大小
　　 <BGSOUND SRC> 加入背景音 乐
　　 <BIG> 显 示大字体
　　 <BLINK> 闪烁 的文字
　　 <BODY TEXT LINK VLINK> 设 定文字 颜 色
　　 <BODY> 显 示本文
　　 <BR> 换 行
 
　　 <CAPTION ALIGN> 设 定表格 标题 位置
　　 <CAPTION>...</CAPTION> 为 表格加上 标题
　　 <CENTER> 向中 对齐
　　 <CITE>...<CITE> 用于引 经 据典的文字
　　 <CODE>...</CODE> 用于列出一段程序代 码
　　 <COMMENT>...</COMMENT> 加上批注
 
　　 <DD> 设 定定 义 列表的 项 目解 说
　　 <DFN>...</DFN> 显 示 " 定 义 " 文字
　　 <DIR>...</DIR> 列表文字卷 标
　　 <DL>...</DL> 设 定定 义 列表的卷 标
　　 <DT> 设 定定 义 列表的 项 目
 
　　 <EM> 强调 之用
 
　　 <FONT FACE> 任意指定所用的字形
　　 <FONT SIZE> 设 定字体大小
　　 <FORM ACTION> 设 定 户动 式窗体的 处 理方式
　　 <FORM METHOD> 设 定 户动 式窗体之 资 料 传 送方式
　　 <FRAME MARGINHEIGHT> 设 定窗口的上下 边 界
　　 <FRAME MARGINWIDTH> 设 定窗口的左右 边 界
　　 <FRAME NAME> 为 分割窗口命名
　　 <FRAME NORESIZE> 锁 住分割窗口的大小
　　 <FRAME SCROLLING> 设 定分割窗口的 滚动 条
　　 <FRAME SRC> 将 HTML 文件加入窗口
　　 <FRAMESET COLS> 将窗口分割成左右的子窗口
　　 <FRAMESET ROWS> 将窗口分割成上下的子窗口
　　 <FRAMESET>...</FRAMESET> 划分分割窗口
 
　　 <H1>~<H6> 设 定文字大小
　　 <HEAD> 标 示文件信息
　　 <HR> 加上分网格 线
　　 <HTML> 文件的 开 始与 结 束
 
　　 <I> 斜体字
　　 <IMG ALIGN> 调 整 图 形影像的位置
　　 <IMG ALT> 为 你的 图 形影 像加注
　　 <IMG DYNSRC LOOP> 加入影片
　　 <IMG HEIGHT WIDTH> 插入 图 片并 预设图 形大小
　　 <IMG HSPACE> 插入 图 片并 预设图 形的左右 边 界
　　 <IMG LOWSRC> 预载图 片功能
　　 <IMG SRC BORDER> 设 定 图 片 边 界
　　 <IMG SRC> 插入 图 片
　　 <IMG VSPACE> 插入 图 片并 预设图 形的上下 边 界
　　 <INPUT TYPE NAME VALUE> 在窗体中加入 输 入字段
　　 <ISINDEX> 定 义查询 用窗 体
 
２
<KBD>...</KBD> 表示使用者 输 入文字
 
　　 <LI TYPE>...</LI> 列表的 项 目 ( 可指定符号 )
 
　　 <MARQUEE> 跑 马 灯效果
　　 <MENU>...</MENU> 条列文字卷 标
　　 <META NAME="REFRESH" CONTENT URL> 自 动 更新文件内容
　　 <MULTIPLE> 可同 时选择 多 项 的列表 栏
 
　　 <NOFRAME> 定 义 不出 现 分割窗口的文字
 
　　 <OL>...</OL> 有序号的列表
　　 <OPTION> 定 义 窗体中列表 栏 的 项 目
 
　　 <P ALIGN> 设 定 对齐 方向
　　 <P> 分段
　　 <PERSON>...</PERSON> 显 示人名
　　 <PRE> 使用原有排列
 
　　 <SAMP>...</SAMP> 用于引用字
　　 <SELECT>...</SELECT> 在窗体中定 义 列表 栏
　　 <SMALL> 显 示小字体
　　 <STRIKE> 文字加横 线
　　 <STRONG> 用于加 强语 气
　　 <SUB> 下 标 字
　　 <SUP> 上 标 字
 
　　 <TABLE BORDER=n> 调 整表格的 宽线 高度
　　 <TABLE CELLPADDING> 调 整数据域位之 边 界
　　 <TABLE CELLSPACING> 调 整表格 线 的 宽 度
　　 <TABLE HEIGHT> 调 整表格的高度
　　 <TABLE WIDTH> 调 整表格的 宽 度
　　 <TABLE>...</TABLE> 产 生表格的卷 标
　　 <TD ALIGN> 调 整表格字段之左右 对齐
　　 <TD BGCOLOR> 设 定表格字段之背景 颜 色
　　 <TD COLSPAN ROWSPAN> 表格字段的合并
　　 <TD NOWRAP> 设 定表格字段不 换 行
　　 <TD VALIGN> 调 整表格字段之上下 对齐
　　 <TD WIDTH> 调 整表格字段 宽 度
　　 <TD>...</TD> 定 义 表格的数据域位
　　 <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字 输 入 栏
　　 <TEXTAREA WRAP> 决定文字 输 入 栏 是自 动 否 换 行
　　 <TH>...</TH> 定 义 表格的 标头 字段
　　 <TITLE> 文件 标题
　　 <TR>...</TR> 定 义 表格美一行
　　 <TT> 打字机字体
 
　　 <U> 文字加底 线
　　 <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
 
　　 <VAR>...</VAR> 用于 显 示 变 量
 
 
 
正 则 表达式 - -
                                      
正 则 表达式用于字符串 处 理，表 单验证 等 场 合， 实 用高效，但用到 时总 是不太把握，以致往往要上网 查 一番。我将一些常用的表达式收藏在 这 里，作 备 忘之用。
匹配中文字符的正 则 表达式： [/u4e00-/u9fa5]
匹配双字 节 字符 ( 包括 汉 字在内 ) ： [^/x00-/xff]
应 用： 计 算字符串的 长 度（一个双字 节 字符 长 度 计 2 ， ASCII 字符 计 1 ）
String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}
匹配空行的正 则 表达式： /n[/s| ]*/r
匹配 HTML 标记 的正 则 表达式： /<(.*)>.*<///1>|<(.*) //>/
匹配首尾空格的正 则 表达式： (^/s*)|(/s*$)
应 用： javascript 中没有像 vbscript 那 样 的 trim 函数，我 们 就可以利用 这 个表达式来 实现 ，如下：
String.prototype.trim = function()
{
    return this.replace(/(^/s*)|(/s*$)/g, "");
}
利用正 则 表达式分解和 转换 IP 地址：
下面是利用正 则 表达式匹配 IP 地址，并将 IP 地址 转换 成 对应 数 值 的 Javascript 程序：
function IP2V(ip)
{
re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g  // 匹配 IP 地址的正 则 表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error("Not a valid IP address!")
 }
}
不 过 上面的程序如果不用正 则 表达式，而直接用 split 函数来分解可能更 简单 ，程序如下：
var ip="10.100.20.168"
ip=ip.split(".")
alert("IP 值 是： "+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))
匹配 Email 地址的正 则 表达式： /w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
匹配网址 URL 的正 则 表达式： http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?

用正 则 表达式从 URL 地址中提取文件名的 javascript 程序，如下 结 果 为 page1
s="http://www.9499.net/page1.htm"
s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")
alert(s)
利用正 则 表达式限制网 页 表 单 里的文本框 输 入内容：
用正 则 表达式限制只能 输 入中文： onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"
用正 则 表达式限制只能 输 入全角字符： onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"
用正 则 表达式限制只能 输 入数字： onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
用正 则 表达式限制只能 输 入数字和英文： onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
^/d+$ 　　 // 匹配非 负 整数（正整数 + 0 ）
^[0-9]*[1-9][0-9]*$ 　　 // 匹配正整数
^((-/d+)|(0+))$ 　　 // 匹配非正整数（ 负 整数 + 0 ）
^-[0-9]*[1-9][0-9]*$ 　　 // 匹配 负 整数
^-?/d+$ 　　　　 // 匹配整数
^/d+(/./d+)?$ 　　 // 匹配非 负 浮点数（正浮点数 + 0 ）
^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$ 　　 // 匹配正浮点数
^((-/d+(/./d+)?)|(0+(/.0+)?))$ 　　 // 匹配非正浮点数（ 负 浮点数 + 0 ）
^(-(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*)))$ 　　 // 匹配 负 浮点数
^(-?/d+)(/./d+)?$ 　　 // 匹配浮点数
^[A-Za-z]+$ 　　 // 匹配由 26 个英文字母 组 成的字符串
^[A-Z]+$ 　　 // 匹配由 26 个英文字母的大写 组 成的字符串
^[a-z]+$ 　　 // 匹配由 26 个英文字母的小写 组 成的字符串
^[A-Za-z0-9]+$ 　　 // 匹配由数字和 26 个英文字母 组 成的字符串
^/w+$ 　　 // 匹配由数字、 26 个英文字母或者下划 线组 成的字符串
^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$ 　　　　 // 匹配 email 地址
^[a-zA-z]+:// 匹配 (/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$ 　　 // 匹配 url
要 删 除首尾空格 :
String.prototype.trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}
或者
return this.replace(/(^/s*)/g, "").replace(/(/s*$)/g,"");
只有字母和数字，不小于 6 位，且数字字母都包含的密 码 的正 则 表达式 :
 在 C# 中，可以用 这 个来表示： "/w{6}(/w+)*"
判断 邮 件地址 :str.search(/^[^/s@:"',<>&]+@[^/[/.]+/.[^/[]+$/gi)<0
// 去左空格 ;
function ltrim(s){
 return s.replace( /^/s*/, "");
}
// 去右空格 ;
function rtrim(s){
 return s.replace( //s*$/, "");
}
// 去左右空格 ;
function trim(s){
 return rtrim(ltrim(s));
}
// 是否 为 空 值 ;
function IsEmpty(_str){
 var tmp_str = trim(_str);
 return tmp_str.length == 0;
}
// 是否有效的 Email;
function IsMail(_str){
 var tmp_str = trim(_str);
 var pattern = /^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*$/;
 return pattern.test(tmp_str);  
}
// 是否有效的数字 ;
function IsNumber(_str){
 var tmp_str = trim(_str);
 var pattern = /^[0-9]/;
 return pattern.test(tmp_str);  
}
// 是否有效的 颜 色 值 ;
function IsColor(color){
 var temp=color;
 if (temp=="") return true;
 if (temp.length!=7) return false;
 return (temp.search(//#[a-fA-F0-9]{6}/) != -1);
}
// 是否有效的 链 接 ;
function IsURL(url){
 var sTemp;
 var b=true;
 sTemp=url.substring(0,7);
 sTemp=sTemp.toUpperCase();
 if ((sTemp!="HTTP://")||(url.length<10)){
  b=false;
 }
 return b;
}
// 是否有效的手机号 码 ;
function IsMobile(_str){
 var tmp_str = trim(_str);
 var pattern = /13/d{9}/;
 return pattern.test(tmp_str);  
}

一些常用正 则 表达式
提取信息中的网 络链 接 :
(h|H)(r|R)(e|E)(f|F)  *=  *('|")?(/w|//|//|/.)+('|"|  *|>)? 
提取信息中的 邮 件地址 :
/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* 
提取信息中的 图 片 链 接 :
(s|S)(r|R)(c|C)  *=  *('|")?(/w|//|//|/.)+('|"|  *|>)?
提取信息中的 IP 地址 : 
(/d+)/.(/d+)/.(/d+)/.(/d+)   
提取信息中的中国手机号 码 :
(86)*0*13/d{9}   
提取信息中的中国固定 电话 号 码 :
(/(/d{3,4}/)|/d{3,4}-|/s)?/d{8}   
提取信息中的中国 电话 号 码 （包括移 动 和固定 电话 ） :
(/(/d{3,4}/)|/d{3,4}-|/s)?/d{7,14}   
提取信息中的中国 邮 政 编码 :
[1-9]{1}(/d+){5}   
提取信息中的中国身份 证 号 码 :
/d{18}|/d{15}   
提取信息中的整数：
/d+   
提取信息中的浮点数（即小数）：
(-?/d*)/.?/d+   
提取信息中的任何数字  ：
(-?/d*)(/./d+)? 
提取信息中的中文字符串：
[/u4e00-/u9fa5]*   
提取信息中的双字 节 字符串   ( 汉 字 ) ：
[^/x00-/xff]* 
提取信息中的英文字符串：
/w*
(http://ysh615.blogchina.com/2230337.html)
 
标签：

相关文章