在HTML5中，正确使用美元符号（$）通常是为了在网页上显示货币值。以下是几种常见的情况以及如何正确使用美元符号：
1. 使用实体引用
在HTML中，实体引用是一种将特殊字符插入到HTML文档中的方法。美元符号可以通过实体引用$或$来表示。
<p>商品价格为：$50.00</p>
或者使用实体引用：
<p>商品价格为：$50.00</p>
2. 使用HTML实体
HTML实体是另一种表示特殊字符的方法，与实体引用类似。美元符号的HTML实体为¥，用于表示日元，但在某些情况下也可以用来表示美元。
<p>商品价格为：¥50.00</p>
3. 使用CSS样式
通过CSS样式，你也可以在网页上显示美元符号。这种方法不涉及HTML实体引用，而是通过CSS的content属性来添加文本。
<style>
.dollar {
content: "$";
}
</style>
<p>商品价格为：<span class="dollar">50.00</span></p>
4. 使用JavaScript
如果你需要在网页上动态显示美元符号，可以使用JavaScript。以下是一个简单的例子：
<script>
// 假设有一个变量名为price
var price = 50.00;
// 使用document.write或innerHTML将美元符号插入到页面中
document.write("商品价格为：$" + price);
</script>
注意事项
- 当使用实体引用或HTML实体时，确保它们在HTML文档中正确闭合。
- 使用CSS样式或JavaScript时，确保它们在适当的时机被调用，比如在页面加载完毕后。
- 在某些浏览器或输入法中，直接输入美元符号可能不会显示，此时应使用上述方法之一。
通过以上方法，你可以在HTML5文档中正确地显示美元符号。记住，选择哪种方法取决于你的具体需求和偏好。