同一个页面多个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. C++学习周记

    自开学到现在,原本可谓是对C++一无所知,也通过这几周的学习而渐渐有所了解. 最开始的编程任务虽然简单,但解决过程中却不乏磕绊,由一开始的中英文字符的不注意,到现在对一些函数的运用难免出错,出现bug ...

  2. Gym-101615C-Fear Factoring（数论）

    分析 题意是求 L - R之间的数的因数和 我们知道如果对于一个数 i ( i < k = sqrt(R)),那么一定有一个数 R/i 也是R的因数 遍历 i = 2 - k,然后对于每一个 i ...

  3. bzoj3774 最优选择

    题目描述: 小N手上有一个N*M的方格图,控制某一个点要付出Aij的代价,然后某个点如果被控制了,或者他周围的所有点(上下左右)都被控制了,那么他就算是被选择了的.一个点如果被选择了,那么可以得到Bi ...

  4. c++类的单目和双目运算符的重定义

    这个里面需要注意的是对于双目运算符,像是加号,如果是复数加整数是一种情况,而整数加复数又是另一种情况,所以需要重定义两次. 而对于单目运算符,如果是前缀的,直接重定义就可以了,但是如果是后缀的,我们在 ...

  5. 20. ROUTINES

    20. ROUTINES ROUTINES表提供有关存储例程(存储过程和存储函数)的信息. ROUTINES表不包含内置SQL函数或用户定义函数(UDF). 名为mysql.proc Name的列表示 ...

  6. Python旅途——文件操作

    Python--文件操作 1.理解文件操作 可能有的时候有人会在想为什么要对文件进行操作,无论对于文件还是网络之间的交互,我们都是建立在数据之上的,如果我们没有数据,那么很多的事情也就不能够成立,比如 ...

  7. 牛客网 牛可乐发红包脱单ACM赛 C题 区区区间间间

    [题解] 我想到了两种解法. 一种是扫描线+线段树+单调栈. 另一种方法是O(n)的,比较巧妙. 考虑每个数在哪些区间可以作为最小数.最长的区间就是它向左右走,直到有数字比它小,这个可以用单调栈维护. ...

  8. ZZULIoj 1908 小火山的围棋梦想

    Description   小火山最近喜欢上了围棋.   对于围棋,其实小火山是一窍不通的.现在棋盘上,有很多小火山的棋子. 如果棋盘上有这样的一个位置, 那么这个位置也会变成小火山 的棋子:这样的位 ...

  9. 在html借助元素特性存储信息

    背景:比如存在学生选择的CheckBox,希望在CheckBox中同时存储学生的姓名及其所在的城市,比如选择Lily所对应的CheckBox以后,可以获得Lily所在的城市“NewYork”. htm ...

  10. Spring☞WebApplicationContext的继承关系

    spring mvc里的root/child WebApplicationContext的继承关系 在传统的spring mvc程序里会有两个WebApplicationContext,一个是pare ...