HTML5容忍标签加载

时间:2018-08-14 02:41:20

标签: jquery html html5 html-parsing

我是HTML新手。我尝试制作一个由小节组成的页面。我想从一个单独的文件加载每个小节。每个文件本身就是一个有效的HTML文件。他们工作没有错误。但是它们的内容必须放在母文件中。

只要不违反XML规则,以下代码就可以。一旦我使用<br>而不是<br/>,我就会得到警告

XML Parsing Error: mismatched tag. Expected: </br>.
Location: http://localhost:8888/section01.html
Line Number 12, Column 3:

我应该如何清除此警告/错误?

PS。我不喜欢遵守旧规则。

index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
</head>
<body>
aaaaaaaaaaaaaaaa
<div id="mydiv"></div>

<script src="js/jquery.js"></script>

<script>
var url="section01.html"
$(function() {
  $.ajax({
    url:url,  
    success:function(data) {
            var body = data.replace(/^[\s\S]*?<body[^>]*>([\s\S]*?)<\/body>[\s\S]*?$/gi,"$1");
            var section_content = data.replace(/^[\s\S]*?<section[^>]*>([\s\S]*?)<\/section>[\s\S]*?$/gi,"$1");
            $('#mydiv').html(section_content);
    }
  });
});
</script>

</body>
</html>

section01.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
</head>
<body>
<section>
bbbbbbbbbbbb
<br> <!-- problem is here -->
ccccccccccccc
</section>

<script src="js/jquery.js"></script>

</body>
</html>

0 个答案:

没有答案