html 本身不提供排序能力，所有排序功能均依赖 javascript 操作 dom；浏览器忽略类似 sort="true" 的 html 属性，、 等标签无原生排序逻辑，实际排序需通过 array.prototype.sort() 配合合理数据提取与比较函数实现。
HTML 本身不提供排序能力，sort() 是 JavaScript 的方法，不是 HTML 的功能。直接在 HTML 标签里写 <table sort="true"> 或类似属性，浏览器完全忽略——它不会自动重排表格行或列表项。<h3>为什么 <code><table> 和 <code><ul></ul> 无法原生排序
HTML 是标记语言，只负责描述结构和语义，不包含执行逻辑。所谓“HTML 排序”是常见误解，实际依赖 JS 操作 DOM。
- 浏览器解析
<tr> 时按源码顺序渲染，没有内置排序钩子<li> <code><ol></ol>的数字序号只是视觉计数器，修改value属性也不会触发重排 - 任何“点击表头排序”的效果，背后都是 JS 监听
click、提取textContent、调用Array.prototype.sort()、再innerHTML或appendChild()重写 DOM
Array.prototype.sort() 是排序核心，但默认行为容易出错
直接对 DOM 元素数组调用 sort() 不会按数值或日期正确排序，因为默认按字符串 Unicode 码点比较：
['10', '2', '100'].sort() // → ['10', '100', '2']，不是数值顺序
- 数值排序必须传入比较函数：
(a, b) => a - b - 字符串忽略大小写：
(a, b) => a.toLowerCase().localeCompare(b.toLowerCase()) - 日期字段需先转
Date对象，否则'2023-01-10' 为 <code>true（字符串比较） - 注意
sort()是原地修改，若需保留原始顺序，先用[...arr].sort()浅拷贝
真实场景：给表格动态加排序，关键在数据提取方式
从 <table> 提取数据时，不能只读 <code>innerText —— 它会合并换行、空格、隐藏内容，导致排序错乱。
- 优先读
dataset属性：<tr data-sort-value="123.45">，避免解析干扰<li>若无结构化数据，用 <code>textContent.trim()替代innerText，减少样式影响 - 表头点击后，应缓存已排序方向（升/降），下次点击反转，而不是每次都升序
- 大量行（>1000）时，直接操作 DOM 效率低，建议用虚拟滚动或分页，而非全量重排
真正影响数据整理效率的，从来不是“用不用 HTML 排序”，而是数据是否带可排序的机器可读字段、JS 处理逻辑是否避开 DOM 频繁回流、以及排序状态是否被合理维护。别被“HTML 排序”这种说法带偏——它根本不存在。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
