个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
如果你看一下this page在现代浏览器(Chrome、Firefox 或 IE 的最新稳定版本)中，您会看到文本变大了。看了一下源码，好像是因为未关闭<h3> s 在代码中。
但是，我记得大多数浏览器只要有机会就会自动关闭标签。以下代码(与损坏的站点相同的文档类型)在关闭所有标签时工作正常:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head></head>
<body>Hello
<h3>My
<h3>Name
<h3>Is
<h3>Manish
</body>
</html>
所以未关闭<h3> s 可能不是(或可能只是部分)问题。
那么，我的问题是，为什么浏览器不自动关闭那里的标签？
最佳答案
首先，h1至 h6元素总是需要它们的开始和结束标签才能验证，even back in HTML 3.2 :
H1,H2,H3,H4,H5andH6are used for document headings. You always need the start and end tags.
因此链接中的页面和您的示例均无效。
也就是说，有趣的是浏览器如何以不同方式处理这两种情况(是的，未关闭的 <h3> 标签是问题所在):
在任何 HTML DOM 中，h1至 h6元素永远不能是彼此的 child ，类似于 p元素永远不能成为彼此的 child 。任意开口<h1>至 <h6>直接跟随任何此类未关闭的开始标签的标签将隐式关闭它，并且只有这样。因此，所有 h3您示例中的元素实际上是彼此的 sibling ，而不是连续的后代。
但是，该页面中发生的是 h3元素根本不是彼此的 sibling 。相反，它们都由表格单元格分隔，font元素等等。这真是一团糟(尽管对于使用 Microsoft FrontPage1 创作的页面来说，这可能是意料之中的事)。
但是，虽然 <tr>和 <td>标签有自己的结束标签，这不会导致 <h3>它们之间的标记隐式关闭。他们还开着!因为没有 <h3>标签关闭，中间有<font>和其他与 h3 冲突的标签元素，结果是 h3元素包含其所有后续元素作为后代，但不是直接作为子元素，尽管 <tr>和 <td>元素:
h3
font
font
...
h3
font
font
...
因此，字体大小随着每个连续的 h3 而增加。 ，然后发生了相当大的(哈!)灾难。请注意 font元素无关紧要，因为它们都没有定义 size属性。
这一切的主要收获是什么？
验证你的异常标记。2特别是，关闭所有异常标签(禁止关闭标签的地方除外)。
虽然该页面和您的示例使用 HTML 3.2 文档类型，它会触发怪癖模式，但应该注意的是，这种行为在怪癖模式和标准模式下都是一致的。事实上，HTML5 规范包含一个完全致力于 parsing 的部分和 DOM tree construction为了针对无效标记设置各种浏览器行为(为了与旧标记兼容等等)。即使在标准模式下，浏览器也应遵循此规范，因此大多数浏览器在两种模式下的行为一致。
其中有一个小节包含有关如何处理这种特定情况的规则:
A start tag whose tag name is one of: "h1", "h2", "h3", "h4", "h5", "h6"
If the stack of open elements has a
pelement in button scope, then act as if an end tag with the tag name "p" had been seen.If the current node is an element whose tag name is one of "h1", "h2", "h3", "h4", "h5", or "h6", then this is a parse error; pop the current node off the stack of open elements.
Insert an HTML element for the token.
这意味着如果解析器仅在当前处于打开的标题元素中时遇到标题标记，则会抛出解析错误并且它应该在进入这个新标题元素之前关闭先前打开的标题元素，这就是发生的情况你的例子。否则，不会发生任何特殊情况(即解析器应该照常继续)。
就是说，请不要依赖这个。解析错误仍然是错误；对解析器友善，不要仅仅因为可以就向它抛出错误。只需编写有效的代码就可以了。当然，当浏览器在您验证代码后继续出现问题时，您就可以担心了。
1 顺便说一下，这也是我的第一个 HTML 编辑器...当时我 9 岁。
2 不要过度，但也不要忽视。
关于html - 为什么未关闭的 H3 标签会破坏此页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14787255/
25
4
0
尝试使用集成到 QTCreator 的表单编辑器，但即使我将插件放入 QtCreator.app/Contents/MacOS/designer 也不会显示。不过，相同的 dylib 文件确实适用于独
在此代码示例中。 “this.method2();”之后会读到什么？在返回returnedValue之前会跳转到method2()吗？ public int method1(int returnedV
我的项目有通过gradle配置的依赖项。我想添加以下依赖项: compile group: 'org.restlet.jse', name: 'org.restlet.ext.apispark', v
我将把我们基于 Windows 的客户管理软件移植到基于 Web 的软件。我发现 polymer 可能是一种选择。 但是，对于我们的使用，我们找不到 polymer 组件具有表格 View 、下拉菜单
我的项目文件夹 Project 中有一个文件夹，比如 ED 文件夹，当我在 Eclipse 中指定在哪里查找我写入的文件时 File file = new File("ED/text.txt"); e
这是奇怪的事情，这个有效: $('#box').css({"backgroundPosition": "0px 250px"}); 但这不起作用，它只是不改变位置: $('#box').animate
这个问题在这里已经有了答案: Why does OR 0 round numbers in Javascript? (3 个答案) 关闭 5 年前。 Mozilla JavaScript Guide
这个问题在这里已经有了答案: Is the function strcmpi in the C standard libary of ISO? (3 个答案) 关闭 8 年前。 我有一个问题，为什么
我目前使用的是共享主机方案，我不确定它使用的是哪个版本的 MySQL，但它似乎不支持 DATETIMEOFFSET 类型。 是否存在支持 DATETIMEOFFSET 的 MySQL 版本？或者有计划
研究 Seam 3，我发现 Seam Solder 允许将 @Named 注释应用于包 - 在这种情况下，该包中的所有 bean 都将自动命名，就好像它们符合条件一样@Named 他们自己。我没有看到
我知道 .append 偶尔会增加数组的容量并形成数组的新副本，但 .removeLast 会逆转这种情况并减少容量通过复制到一个新的更小的数组来改变数组？ 最佳答案 否(或者至少如果是，则它是一个错
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
noexcept 函数说明符是否旨在 boost 性能，因为生成的对象中可能没有记录异常的代码，因此应尽可能将其添加到函数声明和定义中？我首先想到了可调用对象的包装器，其中 noexcept 可能会产
我正在使用 Angularjs 1.3.7，刚刚发现 Promise.all 在成功响应后不会更新 angularjs View ，而 $q.all 会。由于 Promises 包含在 native
我最近发现了这段JavaScript代码: Math.random() * 0x1000000 10.12345 10.12345 >> 0 10 > 10.12345 >>> 0 10 我使用
我正在编写一个玩具(物理)矢量库，并且遇到了 GHC 坚持认为函数应该具有 Integer 的问题。是他们的类型。我希望向量乘以向量以及标量(仅使用 * )，虽然这可以通过仅使用 Vector 来实现
PHP 的 mail() 函数发送邮件正常，但 Swiftmailer 的 Swift_MailTransport 不起作用! 这有效: mail('user@example.com', 'test
我尝试通过 php 脚本转储我的数据，但没有命令行。所以我用 this script 创建了我的 .sql 文件然后我尝试使用我的脚本: $link = mysql_connect($host, $u
使用 python 2.6.4 中的 sqlite3 标准库，以下查询在 sqlite3 命令行上运行良好: select segmentid, node_t, start, number,title
我最近发现了这段JavaScript代码: Math.random() * 0x1000000 10.12345 10.12345 >> 0 10 > 10.12345 >>> 0 10 我使用
我是一名优秀的程序员,十分优秀！