页面加载时partial标签内容意外渲染至form标签内的问题求助

页面加载时，<partial name="_MainMenuPartial" /> 被渲染到form标签内部，调整该partial标签的代码位置后问题仍未解决。相关代码如下：

<form enctype="multipart/form-data" id="main" 
action="@ViewData["MainFormAction"]" method="post"                 
class="form">
@await Component.InvokeAsync(nameof(SiteHeader))

@RenderSection("PageTitleAndMenu", required: true)

@RenderBody()
</form>
<partial name="_MainMenuPartial" />

• 检查PageTitleAndMenu区块或RenderBody()渲染的页面内容中，是否存在未闭合的HTML标签（比如未关闭的<div>、<span>、<input>等）。未闭合标签会触发浏览器自动修正DOM结构，导致外部的partial被错误包裹进form标签内。
• 验证SiteHeader组件输出的HTML是否完整闭合，组件内部的未闭合标签同样会破坏整体DOM层级。
• 用浏览器开发者工具（F12）查看最终渲染的DOM结构：
  • 如果服务器输出的原始HTML里partial已经在form外，但浏览器显示在form内，基本可以确定是前面的标签未闭合导致的自动修正。
  • 如果服务器输出的HTML里partial就已经在form内，需要检查视图布局的渲染逻辑，确认是否有其他代码篡改了渲染顺序。

内容的提问来源于stack exchange，提问作者ASB