html - 编辑器为 HTML 文件提供“意外的结束标记”语法错误

Question

编辑：由于项目的时间限制，我只需要恢复到代码的工作副本并重做我所有的工作，但我仍然想知道未来的原因是什么。

所以，我现在遇到这个问题已经有一段时间了，我一直在研究这个 HTML 文件中的一个 dags，我的编辑器（Komodo）会在哪里加下划线“意外的结束标签（忽略）。这并没有造成太大的问题，所以我只是忽略了它......直到编辑器开始用同样的东西突出显示结束的正文标签，并且文件实际上不能正常工作（使用 JQM）了.

我不明白的是我根本没有接触过 HTML。在过去发生这种情况时（就像以前一样），我只是从我正在使用的 repo 中提取了一个以前的版本，这将解决问题，但是这次我有一段时间没有提交了，我真的想要找到解决此问题的方法，而不是快速修复。

这是我通过编辑器收到的语法错误的屏幕截图：

如果重要的话，这是表单的 HTML：

        <div data-role="content">
                        <img src="img/logo.png" alt="RPG Tracker">
        <form action="" method="post" id="addCharForm">
            <fieldset data-role="controlgroup">
                <label for="dateCreated">Date Created:</label>
            <input type="date" name="dateCreated" id="dateCreated">
        </fieldset>

        <fieldset data-role="controlgroup">
                <label for="charAge">Age:</label>
            <input type="text" name="charAge" id="charAge" value="" class="required number">
        </fieldset>

        <fieldset data-role="controlgroup">
            <label for="charName">Name:</label>
            <input type="text" name="charName" id="charName" value="" class="required">
        </fieldset>

        <fieldset data-role="controlgroup" data-type="horizontal">
            <legend>Choose character gender:</legend>
            <input type="radio" name="gender" id="radioMale" value="Male">
            <label for="radioMale">Male</label>

            <input type="radio" name="gender" id="radioFemale" value="Female">
            <label for="radioFemale">Female</label>
        </fieldset>

        <fieldset data-role="controlgroup">
            <label for="charAttrs">Describe your character's <b>attributes</b> in this field:</label>
            <textarea id="charAttrs" name="charAtts"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charSkills">Describe your character's <b>skills</b> in this field:</label>
            <textarea id="charSkills" name="charSkills"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charBio">Character Biography:</label>
            <textarea id="charBio" name="charBio"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charRating">Rate Your Character:</label>
            <input type="range" name="charRating" id="charRating" value="100" min="0" max="100">
        </fieldset>

        <input type="reset" value="Reset">
        <input type="submit" value="Submit Character" data-theme="b">
        </form>
    </div>

根据要求，这是完整的 html： http: //pastebin.com/tsE0MuP7

Answer 1

input和img标签是自动关闭的，所以我建议将它们全部关闭并查看是否可以修复它。（我怀疑它不会，但值得一试）。

例如

<img src="img/logo.png" alt="RPG Tracker" />

和

<input type="date" name="dateCreated" id="dateCreated" />

问题也可能在文件的其他地方，因此最好使用整个 HTML 的副本。它可能是某处的开放标签（例如，使用<div>而不是</div>）。

Answer 2

    <fieldset data-role="controlgroup">
        <label for="charName">Name:</label>
        <input type="text" name="charName" id="charName" value="" class="required">
    </fieldset>

    <fieldset data-role="controlgroup" data-type="horizontal">
        <legend>Choose character gender:</legend>
        <input type="radio" name="gender" id="radioMale" value="Male">
        <label for="radioMale">Male</label>

        <input type="radio" name="gender" id="radioFemale" value="Female">
        <label for="radioFemale">Female</label>
    </fieldset>

    <fieldset data-role="controlgroup">
        <label for="charAttrs">Describe your character's <b>attributes</b> in this field:</label>
        <textarea id="charAttrs" name="charAtts"></textarea>
    </fieldset>
    <fieldset data-role="controlgroup">
        <label for="charSkills">Describe your character's <b>skills</b> in this field:</label>
        <textarea id="charSkills" name="charSkills"></textarea>
    </fieldset>
    <fieldset data-role="controlgroup">
        <label for="charBio">Character Biography:</label>
        <textarea id="charBio" name="charBio"></textarea>
    </fieldset>
    <fieldset data-role="controlgroup">
        <label for="charRating">Rate Your Character:</label>
        <input type="range" name="charRating" id="charRating" value="100" min="0" max="100">
    </fieldset>

    <input type="reset" value="Reset">
    <input type="submit" value="Submit Character" data-theme="b">
    </form>
</div>