同一个页面多个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.....

如果写多个是什么情况呢。本着好奇的想法，试验了一下。
<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>

浏览器只显示第一个title，第二个title并没有显示。

用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个

在IE下，显示1个。

浏览器下有差异。一个页面只有一个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等标签，则都会显示。

同一个页面多个html、body标签的更多相关文章

  1. 在同一个页面使用多个不同的jQuery版本，让它们并存而不冲突

    - jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.6.4版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3 ...

  2. asp.net mvc jqgrid 同一个页面查询不同的表，jqgrid显示不同表的表头和数据并且分页

    基于我上一篇文章<a href="http://www.cnblogs.com/alasai/p/4765756.html">asp.net mvc excel导入&l ...

  3. 自己改写了一个图片局部放大的jquery插件页面里面的html代码少了，同一个页面可以调用多个

    自己改写了一个图片局部放大的jquery插件页面里面的html代码少了,同一个页面可以调用多个,兼容ie8以上浏览器,别忘了引用jquery,我用的jquery/1.11.0/其他版本没有测试,另外需 ...

  4. zencart产品详细页面调用数据库显示tags标签

      给商品信息页面添加一些tag关键词标签有利于谷歌的收录,也有利于关键词的SEO,实现这个功能并不难.其实就是给zencart添加一个功能模块, 具体方法是: 1,在mudules目录下面新建一个以 ...

  5. 完美实现在同一个页面中使用不同样式的artDialog样式

    偶然发现artDialog.js这个插件,就被其优雅的设计及漂亮的效果深深吸引,在做例子时碰到了一些想当然它应该提供但却没有提供的功能,不过这都不影响我对它的喜爱,下面说一下遇到的问题吧! artDi ...

  6. 多个测试类 只使用同一个浏览器，同一个driver对象， 或者同一个页面的对象

    如果是:多个测试类 只使用同一个浏览器,同一个driver对象, 或者同一个页面的对象,只需要:1. 创建一个基本的测试类(BaseTest),具有一个公共静态的driver属性, public st ...

  7. vue通过ID（参数）修改URL复用同一个页面（组件）不重新加载的问题

    项目中经常会用到同一个页面,结构是相同的,我只是在vue-router中通过添加参数的方式来区分状态,参数可以在页面跳转时带上params,或者query,但是有一个问题,即使我们修改了参数,URL也 ...

  8. JavaScript一个页面中有多个audio标签，其中一个播放结束后自动播放下一个，audio连续播放

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 系统管理模块_岗位管理_改进_使用ModelDroven方案_套用美工写好的页面效果_添加功能与修改功能使用同一个页面

    改进_使用ModelDroven方案 @Controller @Scope("prototype") public class RoleAction extends ActionS ...

随机推荐

  1. 下载GitHub上的dnSpy源码

    一.方法 下载GitHub上项目的方法,目前我知道的有四种: 1.用svn软件checkout下载 2.安装git,然后git命令下载 3.直接下载项目压缩包 4.安装GitHub的客户端,然后下载项 ...

  2. luogu P2078 朋友

    题目背景 小明在A公司工作,小红在B公司工作. 题目描述 这两个公司的员工有一个特点:一个公司的员工都是同性. A公司有N名员工,其中有P对朋友关系.B公司有M名员工,其中有Q对朋友关系.朋友的朋友一 ...

  3. [LUOGU] P3004 [USACO10DEC]宝箱Treasure Chest

    第一眼:区间DP,可以瞎搞 f[i][j]=max(sum(i,j)-f[i+1][j],sum(i,j)-f[i][j-1]) 提出来就是f[i][j]=sum(i,j)-min(f[i+1][j] ...

  4. Java实现深拷贝和浅拷贝

    1.类实现Cloneable才可以进行对象拷贝 2.Cloneable只实现浅拷贝,需要实现深拷贝的必须要重写clone()方法 3.利用反序列化也可以实现深拷贝,但是反序列化耗时较长 n.浅拷贝是指 ...

  5. tornado框架基础10-websocket

    websocket 01 长轮询 在网页,我们经常扫码登录,结合之前的学习的知识点,来思考下,前端是如何知道用户在手机上扫码登录了呢? 长轮询:客户端不断的向服务器发送请求 缺点: \1. 开销大 \ ...

  6. Python爬虫-抖音小视频-mitmproxy与Appium

    目的:  爬取抖音小视频 工具:  mitmproxy.Appium 思路: 1.  通过 mitmproxy 截取请求, 找出 response 为 video 的请求. 2.  通过 mitmdu ...

  7. 什么是TLS？

    最近在Istio实验中经常遇到HTTP,HTTPS,TLS等名词,感觉忘得差不多,需要复习一下计算机网络的知识了. 本文参考   http://www.techug.com/post/https-ss ...

  8. LeetCode:不同路径&不同路径II

    不同路径一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” ). 机器人每次只能向下或者向右移动一步.机器人试图达到网格的右下角(在下图中标记为“Finish”). 问 ...

  9. python 快排，堆排，归并

    #归并排序 def mergeSort(a,L,R) :     if(L>=R) :         return     mid=((L+R)>>1)     mergeSort ...

  10. X230 安装 EI Capitan 10.11.5 总结

    /*     写这个文章的目的主要是为了帮助我自己理清思路,如果能顺便帮助到您.even better   */ 在动手之前大致浏览了 远景论坛(国内第一黑苹果社区)置顶帖的全部内容 ［新人请看］远景 ...