收集HTML 的语法
2007-03-19 10:59
337 查看
１
这里收集了 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> 定义查询用窗体
[align=left] [/align]
[align=left]２[/align]
[align=left]<KBD>...</KBD> 表示使用者输入文字[/align]
[align=left] [/align]
[align=left] <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) [/align]
[align=left] [/align]
[align=left] <MARQUEE> 跑马灯效果[/align]
[align=left] <MENU>...</MENU> 条列文字卷标[/align]
[align=left] <META NAME="REFRESH" CONTENT URL> 自动更新文件内容[/align]
[align=left] <MULTIPLE> 可同时选择多项的列表栏[/align]
[align=left] [/align]
[align=left] <NOFRAME> 定义不出现分割窗口的文字[/align]
[align=left] [/align]
[align=left] <OL>...</OL> 有序号的列表[/align]
[align=left] <OPTION> 定义窗体中列表栏的项目[/align]
[align=left] [/align]
[align=left] <P ALIGN> 设定对齐方向[/align]
[align=left] <P> 分段[/align]
[align=left] <PERSON>...</PERSON> 显示人名[/align]
[align=left] <PRE> 使用原有排列[/align]
[align=left] [/align]
[align=left] <SAMP>...</SAMP> 用于引用字[/align]
[align=left] <SELECT>...</SELECT> 在窗体中定义列表栏[/align]
[align=left] <SMALL> 显示小字体[/align]
[align=left] <STRIKE> 文字加横线[/align]
[align=left] <STRONG> 用于加强语气[/align]
[align=left] <SUB> 下标字[/align]
[align=left] <SUP> 上标字[/align]
[align=left] [/align]
[align=left] <TABLE BORDER=n> 调整表格的宽线高度[/align]
[align=left] <TABLE CELLPADDING> 调整数据域位之边界[/align]
[align=left] <TABLE CELLSPACING> 调整表格线的宽度[/align]
[align=left] <TABLE HEIGHT> 调整表格的高度[/align]
[align=left] <TABLE WIDTH> 调整表格的宽度[/align]
[align=left] <TABLE>...</TABLE> 产生表格的卷标[/align]
[align=left] <TD ALIGN> 调整表格字段之左右对齐[/align]
[align=left] <TD BGCOLOR> 设定表格字段之背景颜色[/align]
[align=left] <TD COLSPAN ROWSPAN> 表格字段的合并[/align]
[align=left] <TD NOWRAP> 设定表格字段不换行[/align]
[align=left] <TD VALIGN> 调整表格字段之上下对齐[/align]
[align=left] <TD WIDTH> 调整表格字段宽度[/align]
[align=left] <TD>...</TD> 定义表格的数据域位[/align]
[align=left] <TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏[/align]
[align=left] <TEXTAREA WRAP> 决定文字输入栏是自动否换行[/align]
[align=left] <TH>...</TH> 定义表格的标头字段[/align]
[align=left] <TITLE> 文件标题[/align]
[align=left] <TR>...</TR> 定义表格美一行[/align]
[align=left] <TT> 打字机字体[/align]
[align=left] [/align]
[align=left] <U> 文字加底线[/align]
[align=left] <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) [/align]
[align=left] [/align]
[align=left] <VAR>...</VAR> 用于显示变量[/align]
[align=left]正则表达式- -[/align]
[align=left] [/align]
[align=left]正则表达式用于字符串处理，表单验证等场合，实用高效，但用到时总是不太把握，以致往往要上网查一番。我将一些常用的表达式收藏在这里，作备忘之用。[/align]
[align=left]匹配中文字符的正则表达式： [/u4e00-/u9fa5][/align]
[align=left]匹配双字节字符(包括汉字在内)：[^/x00-/xff][/align]
[align=left]应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）[/align]
[align=left]String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}[/align]
[align=left]匹配空行的正则表达式：/n[/s| ]*/r[/align]
[align=left]匹配HTML标记的正则表达式：/<(.*)>.*<///1>|<(.*) //>/ [/align]
[align=left]匹配首尾空格的正则表达式：(^/s*)|(/s*$)[/align]
[align=left]应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：[/align]
[align=left]String.prototype.trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}[/align]
[align=left]利用正则表达式分解和转换IP地址：[/align]
[align=left]下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：[/align]
[align=left]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!")
}
}[/align]
[align=left]不过上面的程序如果不用正则表达式，而直接用split函数来分解可能更简单，程序如下：[/align]
[align=left]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))[/align]
[align=left]匹配Email地址的正则表达式：/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*[/align]
[align=left]匹配网址URL的正则表达式：http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?[/align]
[align=left]
用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1[/align]
[align=left]s="http://www.9499.net/page1.htm"
s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")
alert(s)[/align]
[align=left]利用正则表达式限制网页表单里的文本框输入内容：[/align]
[align=left]用正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))"[/align]
[align=left]用正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))"[/align]
[align=left]用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"[/align]
[align=left]用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"[/align]
[align=left]^/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 [/align]
[align=left]要删除首尾空格:
String.prototype.trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}
或者
return this.replace(/(^/s*)/g, "").replace(/(/s*$)/g,""); [/align]
[align=left]只有字母和数字，不小于6位，且数字字母都包含的密码的正则表达式:
在C#中，可以用这个来表示："/w{6}(/w+)*" [/align]
[align=left]判断邮件地址:str.search(/^[^/s@:"',<>&]+@[^/[/.]+/.[^/[]+$/gi)<0[/align]
[align=left]//去左空格;
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);
}[/align]
[align=left]
一些常用正则表达式[/align]
[align=left]提取信息中的网络链接:
(h|H)(r|R)(e|E)(f|F) *= *('|")?(/w|//|//|/.)+('|"| *|>)? [/align]
[align=left]提取信息中的邮件地址:
/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)* [/align]
[align=left]提取信息中的图片链接:
(s|S)(r|R)(c|C) *= *('|")?(/w|//|//|/.)+('|"| *|>)?[/align]
[align=left]提取信息中的IP地址:
(/d+)/.(/d+)/.(/d+)/.(/d+) [/align]
[align=left]提取信息中的中国手机号码:
(86)*0*13/d{9} [/align]
[align=left]提取信息中的中国固定电话号码:
(/(/d{3,4}/)|/d{3,4}-|/s)?/d{8} [/align]
[align=left]提取信息中的中国电话号码（包括移动和固定电话）:
(/(/d{3,4}/)|/d{3,4}-|/s)?/d{7,14} [/align]
[align=left]提取信息中的中国邮政编码:
[1-9]{1}(/d+){5} [/align]
[align=left]提取信息中的中国身份证号码:
/d{18}|/d{15} [/align]
[align=left]提取信息中的整数：
/d+ [/align]
[align=left]提取信息中的浮点数（即小数）：
(-?/d*)/.?/d+ [/align]
[align=left]提取信息中的任何数字 ：
(-?/d*)(/./d+)? [/align]
[align=left]提取信息中的中文字符串：
[/u4e00-/u9fa5]* [/align]
[align=left]提取信息中的双字节字符串 (汉字)：
[^/x00-/xff]* [/align]
[align=left]提取信息中的英文字符串：
/w*[/align]
(http://ysh615.blogchina.com/2230337.html)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Html语法收集
- Javascript基本语法,与html，C 语言比较
- Razor 语法（收集）
- 使用 Emmet 生成 HTML 的语法详解
- html checkbox多选框语法与结构
- Java遇见HTML——JSP篇之JSP基础语法
- html知识点收集
- Html中关于float,margin,padding的语法
- 如何去掉文章里的 html 语法
- HTML基础语法总结
- Html:meta标签的奥妙 （收集）
- HTML语法大全
- HTML基本语法七 表格进阶
- Html 语法学习笔记三
- PHP表单的提交，以及表单元素的HTML语法
- HTML中CSS代码语法。
- HTML语言语法大全
- html+css收集的一些问题
- html教程:收集的常用的html标签(4)
- 使用 Emmet 生成 HTML 的语法详解