ASP.NET 链接按钮生成错误标记

Question

我在链接按钮生成不正确的标记时遇到一些问题。

它应该生成如下内容：

<div style="margin-top: 5px; width: 150px; margin-left: auto; margin-right: auto;">
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
        <div>
            <span class="border top">
                <span class="border">
                </span>
            </span>
            <span class="icon cancel">
                Cancel
            </span>
            <span class="border bottom">
                <span class="border">
                </span>
            </span>
        </div>
    </a>
</div>

仅注意一个标签。

有时它最终会生成以下内容：

<div style="margin-top: 5px; width: 150px; margin-left: auto; margin-right: auto;">
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
    </a>
    <div>
        <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
        class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
            <span class="border top">
                <span class="border">
                </span>
            </span>
            <span class="icon cancel">
                Cancel
            </span>
            <span class="border bottom">
                <span class="border">
                </span>
            </span>
        </a>
    </div>
    <a onclick="return JSConfirm('Confirm?');" id="ctl00_cntPrincipal_btnCancel"
    class="round-corner opt-upload cancel" href="javascript:__doPostBack('ctl00$cntPrincipal$btnCancel','')">
    </a>
</div>

现在注意 3（！） 个锚标记。

它只发生在特定服务器上的特定浏览器上，服务器在 IIS 6 上运行 ASP.NET 2.0，使用 Firefox 3.5 访问页面。

更新：我使用 FF 查看源代码查看代码，没有安装插件，该文档据称是 XHTML 1.1 Transitional，但我认为它无效，因为锚标记内不能有 div 标记。

Answer 1

您如何看待该标记？在萤火虫中？在安装了 TidyHTML 的 FF 源代码查看器中？

使用什么 (X)HTML 声明？ HTML 4.1？ XHTML 过渡？严格的？

我问的原因是 标记被定义为 内联 元素，因此将其包裹在 块 周围是不合法的em> 元素，例如

标记。

您在 FF 中看到的源代码可能已通过在 div 标记内部和末尾添加额外的锚标记来解决此问题。

您如何看待该标记？在萤火虫中？在安装了 TidyHTML 的 FF 源代码查看器中？

使用什么 (X)HTML 声明？ HTML 4.1？ XHTML 过渡？严格的？

我问的原因是 标记被定义为 内联 元素，因此将其包裹在 块 周围是不合法的em> 元素，例如

标记。

您在 FF 中看到的源代码可能已通过在 div 标记内部和末尾添加额外的锚标记来解决此问题。

---

不，查看源代码是 FF 修复的 - 如果您想检查这一点，您可以安装 ViewSourceWith 插件，并在您选择的记事本中查看源代码 - 我注意到这两者之间的差异。

与 ASP.NET 1.1 不同，ASP.NET 2.0 中的 BrowserCaps 确实可以识别 FF、Safari 等，因此一般输出应该与您在 IE 中看到的内容没有太大不同。