同一个页面多个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. 使用阿里云RDS

    1)购买 注意内网免费 外网收费 内网需要跟服务器ECS在同一VPC下 即ECS买在华东1 RDS也必须在华东1 2)使用 配置白名单  全部通过设置为0.0.0.0/0 (不建议) 创建账户 创建数 ...

  2. Shell转大写为小写

    #!/bin/bash # read a a=$(echo "$a" | awk '{print tolower($0)}') #转大写为小写 if [[ $a = 'y' || ...

  3. 最近公共祖先-三（RMQ-ST）

    描述 上上回说到,小Hi和小Ho使用了Tarjan算法来优化了他们的"最近公共祖先"网站,但是很快这样一个离线算法就出现了问题:如果只有一个人提出了询问,那么小Hi和小Ho很难决定 ...

  4. tornado框架基础05-模板继承、UImodul和UImethods

    01 模板继承 父模板​ <html lang="en"> <head>     <meta charset="UTF-8"> ...

  5. python-爬虫学习（文字、图片、视频）

    爬虫-文字爬取 import re import requests respone = requests.get('https://ishuo.cn/') ##获取网站url data = respo ...

  6. 数据结构( Pyhon 语言描述 ) — — 第2章：集合概览

    集合类型 定义 个或多个其他对象的对象.集合拥有访问对象.插入对象.删除对象.确定集合大小以及遍历或访问集合的对象的操作 分类 根据组织方式进行 线性集合 线性集合按照位置排列其项,除了第一项,每一项 ...

  7. python自定义模块导入方法，文件夹，包的区别

    python模块导入,网上介绍的资料很多,方法也众说纷纭.根据自己的实践,感觉这个方法最简单直接,而且可以与主流的python ide生成的工程是一样的. 规则只有三条 1.      严格区分包和文 ...

  8. Cake（凸包+区间DP）

    You want to hold a party. Here's a polygon-shaped cake on the table. You'd like to cut the cake into ...

  9. Bzoj 2726 SDOI 任务安排

      Memory Limit: 131072KB   64bit IO Format: %lld & %llu Description 机器上有N个需要处理的任务,它们构成了一个序列.这些任务 ...

  10. python-web apache mod_python 模块的安装

    安装apache 下载mod_python 编译安装 测试 下载mod_python,下载地址:mod_python 在GitHub 上面, 下载之后:目录结构如下: 安装依赖: #查找可安装的依赖 ...