我的 HTML 标签被篡改答案

【问题标题】：My HTML tags gets tampered with我的 HTML 标签被篡改
【发布时间】：2012-04-18 10:55:59
【问题描述】：

我有一个 Umbraco 5 MVC3 项目，在那里我发现那里到处都是空白。在调查时，我发现在 Firefox Web 开发人员工具中“查看生成的源代码”时，我的 HTML 看起来非常糟糕。例如，它删除了我的 doctype 声明，并将我的元标记和内容移出脑海。简化代码：

<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="@Url.Content("~/Content/Styles/style.css")"/>
</head>
<body id="" class="default">
    <div id="wrapper">
        <header id="banner" class="body">
            <a class="ir logo" href="/"><h1>Christian </h1></a>
            <ul class="share">
                <li id="facebook"><a class="ir" href="http://www.facebook.com/sharer.php?u=@Request.Url.AbsoluteUri">Facebook</a></li>
                <li id="twitter"><a class="ir" href="http://twitter.com/share?text=Christian">Twitter</a></li>
            </ul>
            @Html.Partial("nav")
        </header>
        <section id="content" class="body">
            @RenderBody()
        </section>
    </div>
    <script src="@Url.Content("~/Scripts/plugins.js")"></script>
    <script src="@Url.Content("~/Scripts/script.js")"></script>
</body>
</html>

输出是这样开始的

<html class="no-js" lang="en"><head></head><body id="" class="default">

【问题讨论】：

标签： asp.net-mvc-3 html umbraco

【解决方案1】：

如果你想检查你的服务器生成的 HTML，你应该使用View source (CTRL + U)。

Generated source 更像是对基于 DOM 的 HTML 的重构，并且包括例如在加载页面后使用 javascript 在客户端创建的节点。

【讨论】：

【解决方案2】：

好的，我解决了。花了我一段时间。在 Marapet 建议不要使用“生成的源”之后，我在一堆浏览器中尝试了普通的“查看源”，并在所有浏览器中得到了不同的结果。当我试图验证我的来源时，我收到了一些奇怪的抱怨：

在没有先查看文档类型的情况下发现非空格字符。预计<!DOCTYPE html>。

元素头缺少子元素标题的必需实例。

我个人最喜欢的

在最后一个错误后无法恢复。任何进一步的错误都将被忽略。

看起来文档类型有问题。打开记事本并粘贴到那里以从元数据中“清洗”代码，就像我有时将内容粘贴到 tinyMCE 时所做的那样。即使在记事本中，文本的格式也很奇怪。 doctype 声明的字体大小比 html 的其余部分小。

所以我也在记事本++中打开它，我在声明前面有一堆问号。我删除它们并将其复制回 Visual Studio，保存，现在一切正常。

我认为我遇到这个问题的原因是我直接从 github 上的 HTML5 Boilerplate 复制了 sn-ps。

// 夏洛克

【讨论】：