html规范检测（html校验）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
今天给各位分享html规范检测的知识，其中也会对html校验进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
HTML 标签是否匹配检测代码
HTML HEAD TITLE New Document /TITLE META NAME="Generator" CONTENT="EditPlus" META NAME="Author" CONTENT="" META NAME="Keywords" CONTENT="" META NAME="Description" CONTENT="" /HEAD BODY SCRIPT LANGUAGE="JavaScript" !-- //去掉字串中的空格 function NoSpace(txt){ return (txt.replace(/[\s]+/g,'')) } //判断aaa与/aaa是配对的html标签 function IsGood(txt1,txt2){ var txt=''+'/'+txt1.substr(1); return (txt==txt2)?1:0; } function chk(){ //s为模拟的html代码 //var s="dhtmlfgtablesdfgimgtrasdfgtd6456/tddfg/trdsfg/tabled/htmlfg"; var s=NoSpace(oT.value).toLowerCase(); var arrMinus=new Array('img','input','meta','hr'); for (var i=0;iarrMinus.length;i++){ s=s.replace(arrMinus[i],''); } var arrElement=s.match(/[/|A-Za-z]+/ig);//取出所有的....格式的字串 var stack=new Array(); stack[0]='#';k=0;//定义一个顺序栈,栈底放入#,k为栈顶指针 for (var j=0;jarrElement.length;j++){ if (IsGood(stack[k],arrElement[j])) {k--;stack.length--;}//如果配对,栈顶元素出栈 else {stack[++k]=arrElement[j];}//如果不配对,新标签入栈 alert(stack[k]);//演示栈顶的内容 } (stack[k]=="#")?(document.write("所有的标签匹配")):(document.write("有的标签不匹配")); } //-- /SCRIPT TEXTAREA NAME="oT" ROWS="10" COLS="90" HTML META HEAD TITLE New Document /TITLE /HEAD BODY imginput /BODY /HTML /TEXTAREA BRBR 原理：建一个栈，每次碰到一个新标签，就与栈顶的标签配对，如果配对，栈顶的标签就出栈，如果不配对，这个新标签就进栈，最终，栈如果是空的，说明所有的标签都是配对的，如果栈不空，说明有不配对的地方BR 框中是模拟的html代码，你可以修改后，点下面的按钮，看是不是匹配。BR 弹出的对话框是演示栈顶的内容BR 特点：BR1、还不能判断...哪些是合法的html标签，可以在代码中直接输入合法标签，工作量太大。BR2、有的标签是不需配对的,如ltimggt,代码智能判断为匹配的。BR3、目前还不支持标签后加属性 BRBR INPUT TYPE="button" value="Start" onclick="chk()" /BODY /HTML [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
html如何检验代码规范？？
代码规范性有两种方法：
1、在线检查：；
2、工具检查，例如：Html Validator。
Html Validator是Firefox的一个附加组件，以前看《精通CSS》提到的一些工具都因为不方便而没使用，每次都是在W3C在线验证查看代码是否规范。虽说过于追求标准有时没必要，但可能就因为有这种“标准癖”，没通过验证总觉得代码还是有问题。这个扩展真是解决了我不少问题。
Html Validator验证起来很方便。本地验证速度比W3C的在线网页要快很多，页面打开就能查看存在多少个问题，几处错误几处警告都一目了然。
它的验证方式有3种：HTML 、Tidy、SGML解析器和连续。前两种分别适合HTML和XHTML的验证，第三种为两种模式各验证一遍。
火狐浏览器 html validator怎么用
该扩展是针对html页面语法规范性检验的工具，使用步骤如下：
1、开启要检验的页面；
2、运行该检测工具，可以通过面板上的面按钮启动，如果按钮不存在，可以进入界面定制将按钮拖拽出来；
3、执行检测后，在console控制台可以看到检测结果。
如何对普通静态网页html网站做用户登录检测
普通静态网页用户登录检测需要用到js脚本，用到的工具：notepad++，用户登录检测代码以及效果如下:
html代码部分：
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"/
titleUntitled Document/title
script language="javascript"
function checkname(){
var div = document.getElementById("div1");
div.innerHTML = "";
var name1 = document.form1.text1.value;
if (name1 == "") {
div.innerHTML = "姓名不能为空！";
document.form1.text1.focus();
return false;
}
if (name1.length 4 || name1.length 16) {
div.innerHTML = "姓名输入的长度4-16个字符！";
document.form1.text1.select();
return false;
}
var charname1 = name1.toLowerCase();
for (var i = 0; i name1.length; i++) {
var charname = charname1.charAt(i);
if (!(charname = 0 charname = 9) (!(charname = 'a' charname = 'z')) (charname != '_')) {
div.innerHTML = "姓名包含非法字母，只能包含字母，数字，和下划线";
document.form1.text1.select();
return false;
}
}
return true;
}
function checkpassword(){
var div = document.getElementById("div2");
div.innerHTML = "";
var password = document.form1.text2.value;
if (password == "") {
div.innerHTML = "密码不位空！";
document.form1.text2.focus();
return false;
}
if (password.length 4 || password.length 12) {
div.innerHTML = "密码长度4-12位";
document.form1.text2.select();
return false;
}
return true;
}
function checkrepassword(){
var div = document.getElementById("div3");
div.innerHTML = "";
var password = document.form1.text2.value;
var repass = document.form1.text3.value;
if (repass == "") {
div.innerHTML = "密码不位空！";
document.form1.text3.focus();
return false;
}
if (password != repass) {
div.innerHTML = "输入密码和确认密码长度不一致";
document.form1.text3.select();
return false;
}
return true;
}
function check(){
if (checkname() checkpassword() checkrepassword()) {
return true;
}
else {
return false;
}
}
/script
/head
body
form name="form1" method="post" action="2.html" onsubmit="return check()"
table
tr
td
用户名：
/td
td
input id="text1" type="text" name="text1" onblur="check()"
div id="div1" style="display:inline"
/div
/td
/tr
tr
td
密码：
/td
td
input id="text2" type="password" name="text2" onblur="check()"
div id="div2" style="display:inline"
/div
/td
/tr
tr
td
确认密码：
/td
td
input id="text3" type="password" name="text3" onblur="check()"
div id="div3" style="display:inline"
/div
/td
/tr
tr align="center"
td align="center"
input type="submit" value="登录" name="tect6"input type="reset" value="重置" name="text7"
/td
/tr
/table
/form
/body
/html
2.浏览器打开的效果如下：
3.用户名没有输入的提示：
4.
注意事项：用户名和密码都不能为空，两次输入的密码必须一致，密码长度4-12位，用户名只能包含字母，数字，和下划线，长度4-16位。
关于html规范检测和html校验的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
