javascript - 标记一段 HTML 文本以使用 JavaScript 进行操作的最合适的标记

Question

我想标记一段文本以使用 JavaScript 进行动态编辑。浏览完 List of Inline Elements 后, 我决定使用 <a> tag ，这似乎是一个明智的选择。

function updatePrice() {
  var current = Number($(".price").text());
  $(".price").text(1 + current);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>This item is $<a class="price">1</a></p>
<button onClick = "updatePrice();">One Up!</button>

我玩弄了 <var> tag同样，但这似乎是标签的错误用法 - 它应该用于变量名称，而不是变量本身。

同时 <a>似乎是最好的选择，它似乎是标签的错误用法:

The HTML <a> element (or anchor element) creates a hyperlink to other web pages, files, locations within the same page, email addresses, or any other URL.

我错过了什么吗？

• 这是我们接受的用法吗 <i>作为图标标签？
• 我是不是对标签？
• 这是什么东西吗 HTML不关心因为它的起源不关心这种用法？

我问这个问题是为了在学术层面上理解这个主题。

Answer 1

如果没有元素具有适当的语义(并且 <a> 不适合这个)那么 <div>和 <span>是通用的回退元素。 <span>是内联的，所以使用它。