HTML validation_在动态网页中做验证
2014-07-07 19:15:56  By: dwtedx

修改或创建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的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+