img 的 border 属性在 HTML5 中已被完全移除，应改用 CSS 的 border 属性统一控制；table 的 border 属性虽仍被支持，但仅作为呈现提示影响传统渲染模式，推荐显式使用 CSS 设置 border-collapse 和 border 样式。
img 的 border 属性早已被废弃，别再用 border="1"
HTML5 完全移除了 <img> 标签的 border 属性，连 XHTML 1.0 Strict 都不支持。现在写 <img src="a.jpg" border="2">，浏览器虽可能渲染出边框（出于向后兼容），但会触发 HTML 验证警告，且行为不可靠。
常见错误现象：
- 在 Chrome/Firefox 中边框看似正常，但在某些 WebView 或严格模式下直接失效
- 与 CSS 的
border冲突，导致样式覆盖混乱 -
border="0"曾用于消除图片被<a>包裹时的默认蓝色边框，但现在更应统一用 CSS 控制
正确做法是改用 CSS：img { border: 2px solid #ccc; } 或行内样式 <img src="a.jpg" style="border: 1px solid #000;">。注意：CSS 的 border 是复合属性，可同时控制宽度、样式、颜色，比旧 border 属性灵活得多。
table 的 border 属性仍被部分支持，但语义已变
<table border="1"> 在当前主流浏览器中仍能生效，但它和 <img border> 不是一回事——它不是废弃属性，而是 HTML 规范中保留的“呈现提示”（presentational hint），作用是开启表格边框的**传统渲染模式**（即单元格共用边框、无间距、无折叠）。
关键区别点：
-
border="1"表示“启用边框”，值本身不等于像素宽度；实际边框粗细由浏览器默认样式或后续 CSS 决定 - 若同时写了
border="1"和style="border: 3px dashed red;"，后者会覆盖前者，但border="1"可能仍影响border-collapse的初始状态 - 不写
border属性时，表格默认无边框（除非有 CSS 显式设置）
推荐写法：<table style="border-collapse: collapse; border: 1px solid #000;">，显式控制边框合并与样式，避免依赖 border 属性的隐式行为。
CSS border 与旧 border 属性的兼容性陷阱
用 CSS 替代旧属性时，容易忽略两点：一是默认值差异，二是继承逻辑不同。
典型问题场景：
-
<img border="0">原本是为了去掉<a href="..."><img></a>中图片的默认链接边框；现在必须写a img { border: none; }，否则img { border: none; }可能被 a 的默认样式干扰 -
<table border="1">默认启用border-collapse: separate，而纯 CSS 写table { border: 1px solid #000; }不自动设border-collapse，结果只在外围画框，内部单元格无边框 - IE8 及更早版本不支持
border-radius等新特性，但旧border属性也仅限基础渲染，两者都不解决圆角需求
简单验证方式：打开开发者工具，检查元素的 computed styles，看 border 是否真正应用，而不是只看 HTML 属性是否存在。
什么时候还可能看到 border 属性？小心遗留代码
目前唯一合理保留 border 属性的地方，是维护老系统（如 ASP.NET Web Forms 的 <asp:Table> 生成的 HTML）或 CMS 导出的静态页。但即便如此，也不建议在新项目中沿用。
迁移建议：
- 全局搜索项目中的
border="，逐个替换为对应 CSS 类或内联样式 - 对表格统一加 class 如
class="table-bordered"，并在 CSS 中定义.table-bordered { border-collapse: collapse; border: 1px solid #ddd; } - 用
img:not([src])或img[alt=""]等选择器做兜底样式，比依赖border更可控
真正麻烦的从来不是语法换不换，而是旧属性的“隐式副作用”——比如它悄悄改变了表格边框渲染模型。这种细节，不看渲染树根本意识不到。
