html 标签中的 lang 有长度限制

本文通过测试代码发现HTML中DIV标签的lang属性存在长度限制，大约为130个字符。为解决此问题，提出了使用自定义属性替代lang属性的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有一段效果，制作工程师设计的时候使用了div标签的lang属性，结果出现一点问题。

写了一段测试的代码，结果发现了lang存储有长度的限制，大约130个字符

<script src="jquery-1.3.2.min.js"></script>
<script>
	$(document).ready(function(){
		var la = "GuangDong;HeNan;SiChuan;HuNan;YunNan;ZheJiang;FuJian;BeiJing;JiangXi;GuangXi;ShanDong;TianJin;AnHui;JiLin;ShanXi;ShannXi;JiangSu;HongKong;YunNan";
		alert(la);
		$(".map").attr("lang", la);
		alert($(".map").attr("lang"));
	});
	
</script>
<div class="map" lang=""></div>

临时给一个属性langx，爱给多少给多少，xx，后面的处理都改成处理“langx”就可以了

<script src="jquery-1.3.2.min.js"></script>
<script>
	$(document).ready(function(){
		var la = "GuangDong;HeNan;SiChuan;HuNan;YunNan;ZheJiang;FuJian;BeiJing;JiangXi;GuangXi;ShanDong;TianJin;AnHui;JiLin;ShanXi;ShannXi;JiangSu;HongKong;YunNan";
		alert(la);
		$(".map").attr("langx", la);
		alert($(".map").attr("langx"));
	});
	
</script>
<div class="map" lang=""></div>