HTML validation_在动态网页中做验证
2014-07-07 19:15:56 By: shinyuu
修改或创建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，但那是另一个故事。
若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力
想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号（ddblogs）
或者你也可以关注我的新浪微博、了解DD博客的最新动态：DD博客官方微博（dwtedx的微博）
如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教
为保证及时回复、可以使用博客留言板给我留言: DD博客留言板（dwtedx的留言板）
感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛
