ul的type属性在HTML5中完全无效，浏览器会忽略它；应使用CSS的list-style-type属性控制符号类型。
HTML 中 <ul></ul> 的 type 属性早已被废弃
直接说结论：type 属性在 HTML5 中**完全无效**，浏览器会忽略它。哪怕你写成 <ul type="square"></ul>，现代浏览器（Chrome/Firefox/Safari/Edge）也不会按预期渲染方块符号——它只会回退到默认的实心圆点（disc），且没有任何警告提示。
这是个典型的“看着能写、写了没用”的陷阱。很多人在旧书或过时教程里看到 type="circle" 或 type="square"，照搬后发现样式没变，又反复检查拼写、缩进、嵌套，其实问题根本不在代码格式，而在标准本身已移除该功能。
真正可控的方案只有 CSS 的 list-style-type
所有现代浏览器都支持 list-style-type 这个 CSS 属性，它才是控制无序列表符号的唯一可靠方式。
常见可用值包括：
disc（实心圆，默认）、circle（空心圆）、square（实心方块）、none（隐藏符号）、decimal（数字，但属于有序列表常用）
使用方式很简单：
ul {
list-style-type: square;
}
也可以内联写：
<ul style="list-style-type: circle;">
注意：list-style-type 只影响符号本身，不改变缩进或间距；若需调整对齐或留白，得额外配 padding-left 或 margin-left。
想用图标或自定义图形？用 list-style-image 或伪元素
如果内置符号不够用（比如要 ✅、→、• 或 SVG 图标），list-style-image 是最直接的替代方案：
ul {
list-style-image: url("arrow.svg");
}
但要注意：
— 图片加载失败时会回退为默认 disc，且无法控制大小或垂直对齐
— 更灵活的做法是禁用默认符号，用 ::marker（较新，[Chrome 89+ / Firefox 86+ 支持](https://caniuse.com/mdn-css_selectors_marker)）或 ::before 伪元素手动注入：
ul.custom li {
list-style: none;
}
ul.custom li::before {
content: "→ ";
margin-right: 8px;
color: #007acc;
}
这样能完全掌控字符、颜色、间距，兼容性也比 ::marker 更广。
为什么老代码有时“看起来还有效”？
有些人在本地测试时发现 <ul type="square"></ul> 看似生效了，这通常是因为：
— 浏览器开发者工具里误把 CSS 继承的 list-style-type 当成了 type 属性的作用
— 页面引入了重置 CSS（如 normalize.css），它内部设置了全局 ul { list-style-type: square; }，掩盖了 type 属性的失效
— 使用了老旧的 IE 或某些嵌入式 WebView（如旧版 Android System WebView），它们尚未完全弃用该属性，但这类环境已不具备参考价值
真正上线前务必在 Chrome/Firefox 最新版中关闭所有样式调试，只靠原生 HTML 检查 —— 那时你才会看清 type 属性的真实状态：静默失效。
