使用错误的标记动态添加AJAX内容

Question

我正在使用jQuery动态添加内容

$("#articles").prepend('<article><header><p>info</p><h2>You are using Internet Explorer</h2></header><p>It is recommended that you use a modern browser like Firefox, Chrome or install Google Chrome Frame to experience better performance and advanced HTML5 and CSS3 features.</p></article>');

但我得到的HTML是

注意/>

Answer 1

jQuery正在使用innerHTML，即使正常使用“shiv”，它也不能始终与HTML5元素一起使用。您需要另一个额外的解决方法，eg this。

我真的不认为提议的新HTML5元素已准备好用于实际使用。他们没有获得任何实际的收益，甚至没有最终确定，并导致一系列问题（解决这些问题可能是脆弱的和性价比）。

它们并没有真正为你的警告标记添加任何语义，而且你只是向IE展示它 - 最不能解决它们的浏览器。