同一个页面多个html、body标签
html页面的一些标签，默认只有一个。比如html，head，body.....
如果写多个是什么情况呢。本着好奇的想法，试验了一下。
<html>
<body>
<p>这是第一个html</p><br>
</body>
</html>
<html>
<body>
<p>这是第二个html</p>
</body>
</html>
在浏览器中打开后，页面显示正常。并没有出现异常。
html页面的一些标签，默认只有一个。比如html，head，body.....
浏览器只显示第一个title，第二个title并没有显示。
在IE下，显示1个。
如果写多个是什么情况呢。本着好奇的想法，试验了一下。
<html>
<body>
<p>这是第一个html</p><br>
</body>
</html>
<html>
<body>
<p>这是第二个html</p>
</body>
</html>
在浏览器中打开后，页面显示正常。并没有出现异常。
看来浏览器把两个html合并了。body内容浏览器自动合并了。再写入一个title试试。
<html>
<head><title>第一个title</title></head>
<body>
<p>这是第一个html</p><br>
</body>
</html>
<html>
<head><title>第二个title</title></head>
<body>
<p>这是第二个html</p>
</body>
</html>
用JS测试下
<html>
<head><title>第一个title</title></head>
<body>
<p>这是第一个html</p><br>
</body>
</html>
<html>
<head><title>第二个title</title></head>
<body>
<p>这是第二个html</p>
</body>
</html>
<script>
var html = document.getElementsByTagName("title");
alert(html.length);
</script>
在火狐下，显示2个
浏览器下有差异。一个页面只有一个title。虽然都没有显示第二个title,但是火狐获取到了有两个title。
body,head标签IE，火狐都一样，只能获取到第一个。
<html>
<head><title>第一个title</title></head>
<body>
<p>这是第一个html</p><br>
</body>
</html>
<html>
<head><title>第二个title</title></head>
<body>
<p>这是第二个html</p>
</body>
</html>
<script>
var html = document.getElementsByTagName("title");
alert(html[1].innerHTML);
</script>
尽管第二个p标签在第二个html里面，但是浏览器都能够获取到.
总结：
同一个页面如果含多个html标签，浏览器会自动忽视第二个html标签，但是html里面的内容仍然会显示。对一些标签比如title,body,head，一个页面只能有一个，浏览器只会显示第一个标签的内容。p,div等标签，则都会显示。
扫一扫
2830
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
