HTML 标签下划线无 -

HTML 标签中，下划线 "_" 与连字符 "-" 都可以用来连接单词，但有时候它们的用法是不同的。本文章将详细介绍 HTML 标签下划线和连字符的使用方式。

1. 下划线 "_" 的使用

HTML 中，下划线主要用于以下两个方面：

1.1. 定义 CSS 样式类名

在定义 CSS 样式类名时，下划线 "_" 可以被用来代替连字符 "-". 例如：

<style>
    .my_class_name {
        color: red;
    }
</style>

<div class="my_class_name">这是一段红色的文字</div>

1.2. 属性名和属性值的链接

在 HTML 标签中，下划线 "_" 通常被用于属性名和属性值之间的链接。例如：

<a href="#">我的链接</a>
<input type="text" name="my_text">

2. 连字符 "-" 的使用

在 HTML 中，连字符 "-" 作为单词之间的连接符，其用途比下划线更为广泛：

2.1. HTML 标签名

在 HTML 中，标签名中通常使用连字符 "-"，而不使用下划线 "_". 例如:

<header>
    <h1>我的网站</h1>
</header>

2.2. CSS 样式属性

在 CSS 中，连字符 "-" 也被广泛使用，用于连接样式属性名中的单词。例如:

div {
    font-size: 18px;
    background-color: #f5f5f5;
    text-align: center;
}

2.3. JS 变量名

在 JavaScript 中，为了避免与 HTML 标签名相同，在定义变量名时通常也会使用连字符 "-". 例如:

var my_element = document.getElementById("my_element");

结论

综上所述，HTML 标签中下划线和连字符的使用方式是不同的。在定义样式类名时使用下划线 "_"，在定义标签名、CSS 样式属性和 JS 变量名时使用连字符 "-". 用户在使用时，必须注意不要混淆。