ul的type属性在html5中已彻底失效，现代浏览器直接忽略它；应使用css的list-style-type属性控制符号类型，支持disc、circle、square、none等值，或用list-style-image与::marker实现自定义图标。
别用 ul 的 type 属性改项目符号——它在 HTML5 中已彻底失效，写了也不起作用。
为什么 type 属性不生效
现代浏览器（Chrome/Firefox/Safari/Edge）会直接忽略 <ul type="square"></ul> 这类写法，既不报错也不渲染预期效果，始终回退到默认 disc。这不是兼容性问题，而是规范层面的移除：HTML5 明确废弃该属性，且没有降级行为可依赖。
-
type在 HTML 4.01 就已被标记为“废弃”，HTML5 彻底删除支持 - 即使旧教程或代码片段里还出现
type="circle"，也只对极老版本 IE 有效 - 它无法与 CSS 联动，不能设颜色、大小、间距，控制粒度粗到只剩三种固定形状
list-style-type 是唯一可靠的基础方案
用 CSS 的 list-style-type 替代 type，支持值更全、行为稳定、所有现代浏览器一致。
- 常用值：
disc（实心圆，默认）、circle（空心圆）、square（实心方块）、none（隐藏符号） - 可作用于
ul或li，推荐写在ul上统一控制 - 内联写法：
<ul style="list-style-type: square;"></ul> - 外链或
<style></style>写法更利于复用：ul { list-style-type: circle; }
想自定义图标？list-style-image 或 ::marker 更合适
如果需要 SVG、品牌 icon 或带颜色的符号，list-style-image 和 ::marker 是两条主线，选哪个取决于兼容性要求。
-
list-style-image：支持所有现代浏览器，但图片尺寸难调、无法着色、路径以 HTML 文件为基准 -
ul li::marker：Chrome 89+/Firefox 89+/Safari 15.4+ 支持，能设color、font-size、content（如"→ "），定位干净 - 示例：
ul li::marker { color: #007bff; content: "• "; } - IE 完全不支持
::marker，若需兼容旧环境，退回background-image + list-style: none组合
真正容易被忽略的是：团队里有人还在抄老教程写 type="square"，而它不报错、不警告、不渲染失败——直到上线后 QA 在不同设备上点开才发现符号没变。这种静默失效比报错更危险。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
