动态添加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，这并不总是与HTML5元素工作，即使正常的“下脚”正在使用中。你需要另外一个额外的解决方法hack，eg this。

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

他们真的不添加任何语义到你的警告标记，你永远只能是显示给IE反正-的，可以处理他们至少还有所有的浏览器。