同一个页面多个html、body标签
2024-08-26 08:33:39
同一个页面多个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等标签，则都会显示。
最新文章
- sqlmap的安装方法
- php 通过curl post发送json数据实例
- HTML Imports
- vim编辑器命令
- 将内部部署网络和 Windows Azure 集成的新选项: 使用AT&T
- leetcode 15. 3Sum 双指针
- 三种工厂模式的分析以及C++实现
- DOS/VBS - 用 bat 批处理 实现自动telnet
- DOM拓展表格小练习
- 高性能伪事务之Lua in Redis
- [Hive_add_1] Hive 与 MR 的对应关系
- PHP用户输入安全过滤和注入攻击检测
- 《自己动手写框架2》：用200行的DBF解析器来展示良好架构设计
- [TopCoder12141]SweetFruits
- NTP安全漏洞公告
- abp架构添加实体并使用迁移功能生成表
- 团队项目-第十次scrum 会议
- (23)C#XML操作
- 每天一个Linux命令（8）cat命令
- 报错：3 字节的 UTF-8 序列的字节 3 无效。