div标签中无属性值的data-footer解析及CSS属性选择器疑问

• 这个写法叫布尔型自定义数据属性，完全不是id的简写，和id属性是完全独立的两种属性类型。
• 本质上，这是HTML5规范里自定义数据属性（以data-开头）的一种写法：当这类属性不赋值时，相当于属性值为空字符串，HTML会把它视为「存在即生效」的布尔型属性——只要元素上有这个属性，不管有没有值，都代表它带有这个标记。
• 它的核心作用主要有三点：
  1. CSS选择器匹配：你可以直接用[data-footer]这个属性选择器选中所有带该属性的元素，比如写样式：[data-footer] { padding-top: 20px; }，快速给这类元素统一设置样式。
  2. JavaScript逻辑标记：JS里可以通过element.dataset.footer获取这个属性（返回空字符串），用来标记元素的特殊身份，比如判断某个容器是否是页脚相关区域，进而绑定滚动加载、动态渲染这类交互逻辑。
  3. 语义化辅助：给元素附加额外的语义信息，不用修改class或id就能让开发者一眼识别元素用途，方便团队协作时统一理解元素的作用。

内容的提问来源于stack exchange，提问作者ND_Coder