同一个页面多个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. Fortran中常用函数列表

    Y=INT(X) 转换为整数 ALL(所有型态) INTEGER Y=REAL(X) 转换为实数 INTEGER REAL Y=DREAL(X) 取复数实部(倍精度) COMPLEX*16 REAL* ...

  2. 洛谷 P1708 天然气井 题解

    https://www.luogu.org/problemnew/show/P1708 这道题还是比较好的. 读完题目我们先想想如何计算某个天然气井($x_1,y_1$)和中转站($a_1,b_1$) ...

  3. 关于C/C++的一些思考（5）

    运算符重载函数的限制: 五个不能实现重载的符号:".", ".*", "::", "?", "sizeof&q ...

  4. 什么是PHP中的heredoc和nowdoc

    heredoc结构类似于双引号字符串,nowdoc结构是类似于单引号字符串的.nowdoc结构很像heredoc结构,但是 nowdoc不进行解析操作. 这种结构很适合用在不需要进行转义的PHP代码和 ...

  5. python_函数递归

    函数递归 函数递归:函数的递归调用,即在函数调用的过程中,又直接或间接地调用了函数本身 # import sys # print(sys.getrecursionlimit()) # sys.setr ...

  6. Android Studio修改默认字体大小

    安装Android Studio后,默认的字体很小,看着很不舒服,如下图 因此,我们需要改变字体大小,步骤如下: 一.打开设置 二.找到Font,这里系统的主题不能修改,我们点击Save As... ...

  7. LeetCode（21）Merge Two Sorted Lists

    题目 Merge two sorted linked lists and return it as a new list. The new list should be made by splicin ...

  8. Dev Express中Dock panel的使用

    使用DockManager,添加DockPanel. 1,DockManager位于“导航和布局”分类中. 添加一个DockManager控件到窗体中以后,即是在当前窗体类中,添加一个DockMana ...

  9. .NET Core使用EPPlus简单操作Excel(简单实现导入导出)

    1.前言 EPPlus是一个使用Open Office XML(xlsx)文件格式,能读写Excel 2007/2010 文件的开源组件,在导出Excel的时候不需要电脑上安装office,它的一个缺 ...

  10. 【02】koala编译中文出错（已放弃不用）

    http://koala-app.com/index-zh.html koala 下载地址.     sass.中文编译出错: 打开 Koala文件夹位置->rubygems->gems- ...