html - 浏览器修改我的 HTML，导致输出不正确-6ren

html - 浏览器修改我的 HTML，导致输出不正确

转载作者：太空宇宙更新时间：2023-11-04 08:44:56

我制作了一些 HTML 来模拟我开发的软件的所需输出。我已确认(尽我所能)该文件的格式正确，但是当我在 Chrome 或 IE 中打开它时(也可能在其他浏览器中出现)，浏览器更改了我提供的 HTML，给出了错误的输出。

我创建的 HTML 是:

<!DOCTYPE html>
<html>
    <head>
        <style>
        *{margin:0;padding:0;vertical-align:top;text-align:left}
        table{border-collapse:collapse;}
        </style>
    </head>
    <body>
        <table style="margin-left:15pt">
            <tr>
                <table>
                    <tr>
                        <td style="width:315.43pt"/>
                        <td style="text-align:right;width:118.93pt;height:12pt;font-family:arial;font-size:10pt">
                            Thursday, May 04, 2017
                        </td>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td style="height:14.26pt"/>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td style="width:72.21pt;height=12pt;font-family:arial;font-size:10pt">
                            Dear Someone,
                        </td>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td style="height:21.95pt"/>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td>
                            <table>
                                <tr>
                                    <td style="height:86.52pt;width:231.89pt;border-style:solid;border-width:1pt;border-color:lightsteelblue;font-family:arial;font-size:10pt">
                                        This text represents the contents of the email.
                                        <br/>
                                        <br/>
                                        Blah Blah
                                        <br/>
                                        <br/>
                                        Bibble.
                                        <br/>
                                        <br/>
                                        Note how the line breaks get stripped from the text!
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td style="width:5.24pt"/>
                        <td style="vertical-align:top">
                            <table>
                                <tr>
                                    <td style="height:100.07pt;width:304.79pt;border-style:solid;border-width:1pt;border-color:lightsteelblue;font-family:arial;font-size:10pt;">
                                        This text represents the contents of the emai.
                                        <br/>
                                        <br/>
                                        Blah Blah
                                        <br/>
                                        <br/>
                                        Bibble.
                                        <br/>
                                        <br/>
                                        HTML format Text Boxes nearly get the formatting right (the Viewer is missing multiple breaks)!
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td style="height:43.7pt"/>
                    </tr>
                </table>
            </tr>
            <tr>
                <table>
                    <tr>
                        <td style="width:0.06pt"/>
                        <td style="height:12pt;width:190.75pt;font-family:arial;font-size:10pt">
                                                                            This image could be the signature:
                        </td>
                        <td style="width:77.95pt"/>
                        <td style="height:12pt;width:190.75pt;font-family:arial;font-size:10pt">
                                                                            This image is from the internet
                        </td>
                    </tr>
                </table>
            </tr>
        </table>
    </body>
</html>

但是当我在 chrome 中打开它并查看源代码时，我得到:

<!DOCTYPE html>
<html><head>
        <style>
        *{margin:0;padding:0;vertical-align:top;text-align:left}
        table{border-collapse:collapse;}
        </style>
    </head>
    <body>
        <table style="border-collapse:separate;">
            <tbody><tr>
                </tr></tbody></table><table>
                    <tbody><tr>
                        <td style="width:315.43pt">
                        </td><td style="text-align:right;width:118.93pt;height:12pt;font-family:arial;font-size:10pt">
                            Thursday, May 04, 2017
                        </td>
                    </tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td style="height:14.26pt">
                    </td></tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td style="width:72.21pt;height=12pt;font-family:arial;font-size:10pt">
                            Dear Someone,
                        </td>
                    </tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td style="height:21.95pt">
                    </td></tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td>
                            <table>
                                <tbody><tr>
                                    <td style="height:86.52pt;width:231.89pt;border-style:solid;border-width:1pt;border-color:lightsteelblue;font-family:arial;font-size:10pt">
                                        This text represents the contents of the email.
                                        <br>
                                        <br>
                                        Blah Blah
                                        <br>
                                        <br>
                                        Bibble.
                                        <br>
                                        <br>
                                        Note how the line breaks get stripped from the text!
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                        <td style="width:5.24pt">
                        </td><td style="vertical-align:top">
                            <table>
                                <tbody><tr>
                                    <td style="height:100.07pt;width:304.79pt;border-style:solid;border-width:1pt;border-color:lightsteelblue;font-family:arial;font-size:10pt;">
                                        This text represents the contents of the emai.
                                        <br>
                                        <br>
                                        Blah Blah
                                        <br>
                                        <br>
                                        Bibble.
                                        <br>
                                        <br>
                                        HTML format Text Boxes nearly get the formatting right (the Viewer is missing multiple breaks)!
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td style="height:43.7pt">
                    </td></tr>
                </tbody></table>


                <table>
                    <tbody><tr>
                        <td style="width:0.06pt">
                        </td><td style="height:12pt;width:190.75pt;font-family:arial;font-size:10pt">
                                                                            This image could be the signature:
                        </td>
                        <td style="width:77.95pt">
                        </td><td style="height:12pt;width:190.75pt;font-family:arial;font-size:10pt">
                                                                            This image is from the internet
                        </td>
                    </tr>
                </tbody></table>



</body></html>

我知道输出是很多嵌套表格，但我正在尝试采用类似于 word 文件的不确定输入，并将其正确呈现为可通过电子邮件发送和显示的 HTML。我只是想知道为什么浏览器会像这样更改 html，如何阻止它这样做，如果我能够用我的 html 发送电子邮件，浏览器在通过网络邮件查看时是否仍会修改输出？

最佳答案

浏览器在解析 HTML 时修改它，因为它正在执行错误恢复。

你有很多错误 a validator会接起来。

最主要的是一个表格行元素<tr>只能有表格数据单元格 <td>和表格标题单元格 <td>作为它的 child 。你不能在那里放另一张 table 。

您可以将表格放在数据单元格中，但这几乎没有语义意义。

关于html - 浏览器修改我的 HTML，导致输出不正确，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43844689/

文章推荐： javascript - 折叠隐藏/显示功能无法正常工作

文章推荐： c - 为什么我在关闭管道后执行 execlp？

文章推荐： c - 每 x 分钟更新一次变量

文章推荐： css - 语义下拉 100% 宽度？

MSSQL监控数据库的DDL操作(创建，修改，删除存储过程，创建，修改，删除表等)
前言：有时候，一个数据库有多个帐号，包括数据库管理员，开发人员，运维支撑人员等，可能有很多帐号都有比较大的权限，例如DDL操作权限(创建，修改，删除存储过程，创建，修改，删除表等），账户多了，管理
c - 下面的代码有什么问题？预期 X 由线程 Func 1 修改，随后 X 由线程 Func 2 修改
这个问题已经有答案了: Condition variable deadlock (2 个回答) 已关闭 5 年前。在研究多线程时，我编写了以下代码，但在屏幕上没有观察到输出。我在这里做错了什么？我期
修改.htaccess实现301域名重定向示例分享
复制代码代码如下: <IfModule mod_rewrite.c> RewriteEngineOn RewriteBase/ #将www.zzvips.com跳转到www.zzv
修改.htaccess实现子目录绑定示例分享
复制代码代码如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / # 把 www.zzvips.com
修改 Gateway和DNS的vbs脚本
复制代码代码如下: Const T_GATEWAY = "1.1.1.1" '网关 Const T_NEWDNS1 = "2.2.2.2" 'DNS1
ElasticSearch学习2 - 查询、修改
0. 修改索引大文本字段支持排序 PUT http://localhost:9200/lrc_blog/_mapping //请求体 { "properties": { "title": { "t
javascript - 修改 DOM
仅 react 当状态发生变化时重新渲染 . 那么为什么我会直接看到我对真实 DOM 所做的更改呢？我知道我正在修改真实的 DOM，但是当我根本没有改变状态时触发重新渲染的是什么。 import R
swiftui - 修改@FetchRequest
Xcode beta 5 推出 @FetchRequest对于 SwiftUI。我有一个 View ，它有一个 @FetchRequest . NSFetchRequest是在管理器中创建的，该管理
php - 修改/编译开源项目源代码的最佳方法是什么？
关闭。这个问题需要更多 focused .它目前不接受答案。想改进这个问题？更新问题，使其仅关注一个问题 editing this post . 7年前关闭。 Improve this questi
PHP preg_replace 修改
我有一个表达式[text][id]应替换为链接 text 解决方案是( id 是整数) $s = preg_replace("/\[([^\]]+)(\]*)\]\[([0-9]+)\]/","$1$
svn - 如何防止文件在颠覆中被提交/修改？
我在 repo 中有一个文件，我不想让任何人更新。我能做什么？最佳答案你想要svn锁:http://www.linxit.de/svnbook/en/1.2/svn.ref.svn.c.lock
powershell - 修改/转换选择对象中的数据
说我有项目 list 。我想导出到csv，但在此之前我想做一些计算/修改。基本上，设置如下所示: PS C:\Files> gci Directory: C:\Files Mode
Java API 修改
我有一个非常简单的问题 - 是否可以修改 Java API 的源代码，例如Junit，JABX ？我知道这似乎是一个非常愚蠢的问题，但它一直困扰着我一段时间。最佳答案如果您可以掌握源代码，那么请
r - 修改/添加列到嵌套的tibble
我有一个带有变量/列的小标题，其中包括不同形状的小标题列表。我想为其中一个变量中的每个(子)标题添加一个变量/列。例如此类数据 library("tibble") aaa aaa # A tibb
Javascript url 修改
我有几个菜单，可以在单击时向当前链接添加变量。这是一个例子: 1 2 3 x y z 我的问题是，如果我选择“y”2次，它会添加“&cord=y”2次。相反，我希望它替
.net - 修改.NET服务安装程序的安装路径
我有两个项目:一个服务项目和一个服务安装程序项目。服务项目具有适合我的产品的装配信息。它包括公司信息和正确的服务名称。一旦服务实际安装，所有这些似乎都会被忽略。安装服务时，它使用在服务安装程序的ini
perl - 修改$_的时候会出错吗？
以下代码何时可能产生副作用？ @some = map { s/xxx/y/; $_ } @some; perlcritic 将其解释为危险的，因为例如: @other = map { s/xxx/y/
java - 修改.class文件
我想知道以下哪种解决方案更好:我想修改一些 .class 文件，我意识到有两种方法可以做到这一点: 反编译.class文件，修改它，最后再次编译。 - 直接用十六进制编辑器修改。谢谢最佳答案在这
java - 修改 addMouseListener()
这是我的按钮代码 onclick 我希望我的程序等待用户单击一个 JPanel，并且当用户单击 JPanel 时，它应该在控制台上打印其名称。此按钮代码未显示输出 JPopupMenu popu
java - 修改/设置从访问器方法返回的字符串
我正在使用一个具有“getName()”方法的特定 API。 getName() 返回一个字符串。是否可以修改该字符串？ API 中不包含修饰符方法，并且 String getName() 返回的是私

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 浏览器修改我的 HTML，导致输出不正确