你怎么称呼输入class="gLFyf" vs input.gLFyF（需要词汇帮助）
What do you call input class="gLFyf" vs input.gLFyF (vocabulary help needed)
在 Chrome DevTools 中，元素选项卡显示构建的 DOM，我可以单击 DOM 中的元素，这也会在页面上突出显示该元素。 Image of both versions shown in DevTools
如果DOM显示：
<input class="gLFyf">
然后页面高亮会显示：
input.gLFyF
我意识到这是写同一件事的两种方式，我也意识到前者是 HTML 风格而后者遵循 CSS 约定。但是，我缺乏正确引用两者的词汇。
我如何称呼每种格式？
例如。将 <input class="gLFyf"> 称为 HTML 语法并将 input.gLFyF 称为 CSS 语法是否有意义？有没有更广泛接受的方式来区分和命名它们？
gLFyf 是 class 的名称，它是样式表中可以引用的属性，用于将样式与页面上 class 的元素相匹配。
class 以句点 (.) 开头 - 而 ID 以井号 (#) 开头。
所以 .gLFyf 是 class。
而 #gLFyf 将是一个 ID。
它是一个 class，无论是查看 HTML 标记还是 DOM 检查器。他们都指的是你已经说过的同一件事。
在 Chrome DevTools 中，元素选项卡显示构建的 DOM，我可以单击 DOM 中的元素，这也会在页面上突出显示该元素。 Image of both versions shown in DevTools
如果DOM显示：
<input class="gLFyf">
然后页面高亮会显示：
input.gLFyF
我意识到这是写同一件事的两种方式，我也意识到前者是 HTML 风格而后者遵循 CSS 约定。但是，我缺乏正确引用两者的词汇。
我如何称呼每种格式？
例如。将 <input class="gLFyf"> 称为 HTML 语法并将 input.gLFyF 称为 CSS 语法是否有意义？有没有更广泛接受的方式来区分和命名它们？
gLFyf 是 class 的名称，它是样式表中可以引用的属性，用于将样式与页面上 class 的元素相匹配。
class 以句点 (.) 开头 - 而 ID 以井号 (#) 开头。
所以 .gLFyf 是 class。
而 #gLFyf 将是一个 ID。
它是一个 class，无论是查看 HTML 标记还是 DOM 检查器。他们都指的是你已经说过的同一件事。