为什么“<”会在按钮内引发错误，而不是“>”？

Question

我有两个用于滚动的按钮，它们都是用按钮内的文本制作的：

<div class="trend-header scroll"> 
    <button type="button" onclick="scrollButtonClick(0)" > < </button>
    <button type="button" onclick="scrollButtonClick(1)" > > </button>
</div>

第一个抛出“XML 格式错误”。我在芬兰语中遇到错误，但我很确定那是直接翻译。问题很可能是我的按钮内的“<”文本，因为错误消息说它位于文本所在的第 18 行第 69 列。当我单击错误消息中的 link 时，它也是红色的。有没有简单的方法来解决这个问题？我尝试将 '<' 放在引号内，但这只会引发错误并且看起来很难看。它不是“<”周围的 space。这几乎是我能想到的所有可以解决这个问题的方法。 Google 给出了关于按钮的非常一般的结果，XML 所以它没有任何帮助。

这是我的 css 如果重要的话？

.trend-header {
    width: 100%;
    height: 60px;
    vertical-align: middle; 
}

.trend-header.scroll {
    float: left;
    width: 300px;
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle; 
    margin-left: 20px;
}

Answer 1

<在XML和HTML中有特殊含义。解析器现在希望您提供一个元素名称（就像您之前使用 <button）所做的那样。

如果您想对文字 < 进行编码，请使用 <。虽然不常被误传，但要获得正确的 XML，请使用 > 而不是 >，并使用 & 而不是 &。

在其他情况下您可能需要其他转义；有关更多信息，请参阅 this 之类的内容。通常，您正在寻找字符转义。

Answer 2

至于你的标题问题，XML 总是要求对 < 进行转义（如 <），因此它不会被误认为是开始或结束标记的开头，但是 > 只需要在特定情况下转义，特别是当它是序列 ]]>.

的一部分时

为什么“<”会在按钮内引发错误，而不是“>”？

why does "<" throw an error inside a button, but not ">"?

html

xml

button