正确结构是，需严格嵌套、闭合；支持视频/gif/文字混合但须注意mime类型与fallback；富媒体布局依赖css而非colspan/rowspan；可访问性要求alt、headers、aria-label等必备属性。
直接在 <td> 里嵌套 <code>@#@#@#@#@#@#@#@#@#@0
。不能把 @#@#@#@#@#@#@#@#@#@1 —— 结束标签错位，<td> 支持视频、GIF、文字混合，但需注意 MIME 类型与 fallback
<p>你可以在一个 <code><td> 里同时放 <code><img>、<video></video>、<p></p>，甚至 <div> 布局容器——只要它们是合法的 HTML 内容。但关键限制在于：浏览器对内联媒体的加载策略不同。
<p>实操建议：</p>
<ul>
<li>MP4 视频必须用 <code><source></source> 显式声明 type="video/mp4"，否则 Safari 可能拒绝加载
<td> 支持视频、GIF、文字混合，但需注意 MIME 类型与 fallback
<p>你可以在一个 <code><td> 里同时放 <code><img>、<video></video>、<p></p>，甚至 <div> 布局容器——只要它们是合法的 HTML 内容。但关键限制在于：浏览器对内联媒体的加载策略不同。
<p>实操建议：</p>
<ul>
<li>MP4 视频必须用 <code><source></source> 显式声明 type="video/mp4"，否则 Safari 可能拒绝加载
<img src="yyy" alt="zzz"> 即可，无需额外处理；但注意它本质是图像，不支持 controls
<img> 和 <video></video> 加上 alt 或 poster，否则无障碍阅读器无法识别内容意图<td> 中嵌套 <code><table> —— 这会破坏表格语义，也容易引发 CSS 继承混乱
<h3>
<code>colspan 和 rowspan 影响富媒体布局，但别靠它们撑开尺寸
想让一张大图横跨两列？用 colspan="2" 没问题。但它只改变逻辑格子数量，不控制实际渲染宽高。很多开发者误以为加了 colspan 就能“自动拉伸图片”，结果发现图片还是被压缩在窄格子里。
真正起作用的是 CSS：
<td colspan="2"><img></td>- 不要依赖
width/height属性（HTML5 已废弃），改用内联style或外部 class - 如果
<td> 内容溢出，优先加 <code>overflow-x: auto到父<table> 容器，而不是强行调 <code>rowspan -
rowspan在含视频的单元格中要格外小心：播放控件可能被下方行遮挡，建议配合z-index和position: relative - 每个
<img src="...">都有非空alt；纯装饰图用alt=""，别留空属性 - 如果表格有复杂结构（比如多级表头），给
<td> 加 <code>headers="id1 id2"，指向对应<th id="id1"> <li> <code><a></a>包裹媒体时，避免只写href="#"；要么指向真实地址，要么加role="button"+tabindex="0"并绑定键盘事件
可访问性不是加分项，而是 <td> 含媒体时的硬性前提
<p>屏幕阅读器不会自动告诉你“这个格子里有张带链接的猫图”。它只读 <code>alt、title、aria-label，以及是否关联了表头。
必须检查的三点：
最常被忽略的是：当 <td> 里塞了 <code><video></video>，却没提供字幕轨道（<track kind="subtitles"></track>）或文字摘要。这对听障用户就是信息黑洞。
