HTML validation_在动态网页中做验证
程序员文章站
2022-03-01 16:19:02
...
修改或创建jQuery的Web页面后，我们有时需要验证HTML
介绍
是的，这是事实：出于商业原因我们的一些项目需要对IE6，7和8兼容，同时兼容主流浏览器。
确保那些旧的浏览器在访问我们的网站时不瘫痪的秘诀，但同样有用的是编写有效的HTML4。
原因是旧的IE浏览器更可能呈现页面时一样作为一个现代浏览器，如果你确保在HTML是有效的。
这是相当困难的测试，如果大多数的HTML使用jQuery创建的话。
比如是一段Javascript代码动态创建HTML的页面，并将其提交到W3C验证服务。
使用代码
<script src="html_validator.js" type="text/javascript"></script>
源代码
$( document ).ready(function() {
var html_validator_form =
$(´<form action="http://validator.w3.org/check"´ +
´method="POST" style="border:none;background:none">´ +
´<div title="validate HTML">´ +
´<input type="hidden" name="fragment"></div></form>´);
html_validator_form.appendTo($("body"));
html_validator_form.find("div")
.css({
opacity: "0.33",
cursor: "pointer",
background: "green",
border: "none",
padding: "0px",
margin: "0px"
})
.width(20)
.height(20)
.offset({top:0,left:0})
.hover(
function() {
$( this ).css( "opacity", "0.5" );
}, function() {
$( this ).css( "opacity", "0.33" );
}
);
html_validator_form.click(function() {
$(this).remove();
var markup = ´<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"´ +
´"http://www.w3.org/TR/html4/strict.dtd"><html>
´ +
´
</html>´;
$(this).appendTo($("body"));
$(this).find("input").val(markup);
$(this).submit();
});
});
这将在网页的左上角添加一个绿色的小广场。点击广场上看到的HTML验证。
编写有效的代码将支持旧版浏览器，当事情更容易。
当然，你还必须记住这CSS为CSS2，但那是另一个故事。