HTML5 中 caption 的 align 属性已废弃,应改用 CSS 的 caption-side 控制位置(top/bottom/left/right),text-align 控制内部文字对齐;现代浏览器均支持,但 left/right 需慎用以保障可访问性。
标签的
属性在 HTML5 中已完全移除,硬写进去不会生效,浏览器会忽略它。
HTML5 中
的
属性无效
你如果还在用
或
,这些写法在现代浏览器中只是“看起来好像起了作用”——实际是靠浏览器默认样式或隐式 fallback 行为撑着,不是标准行为。HTML5 规范明确废弃了
属性,W3C 文档里连该属性的定义都删干净了。
Chrome、Firefox、Safari、Edge 均不解析
值,哪怕写了
或
部分旧版 IE(如 IE8)曾支持,但早已退出主流支持周期
验证工具(如 W3C Validator)会直接报错:
用
控制标题位置(上/下/左/右)
是 CSS 专门用于替代
的属性,控制
相对于表格的整体方位,只接受四个值:
、
、
、
。它必须配合
(
默认就是这个值)才能生效。
默认值是
,所以不写也显示在表格上方
要放到下方:加
要放左侧或右侧:需同时设
+
(否则文字会挤到角落)
注意:
/
在某些屏幕阅读器中可能影响无障碍体验,慎用于语义关键表格
示例:
立即学习
“
前端免费学习笔记(深入)
”;
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
用
控制标题内部文字对齐
管的是
元素内部文字的水平对齐,和
完全正交。它不影响标题在表格上的位置,只影响文字在
框内的排布。
→ 文字左对齐(整个
区域仍按
决定在哪边)
→ 默认行为,无需额外写
→ 文字右对齐
若
且
,文字会紧贴
右边缘,而非表格左边缘——这点容易误判
兼容性与可访问性提醒
所有现代浏览器(Chrome 110+、Firefox 115+、Safari 16.4+、Edge 112+)都完整支持
和
组合。但要注意两个易被忽略的点:
或
时,表格宽度可能被压缩,尤其当
内容较长又没设
或
屏幕阅读器通常按 DOM 顺序读取
,不管它视觉上在哪儿;但若用
强行移位,会导致语义脱节——千万别这么干
真正需要“标题在表格右侧”的场景极少,多数时候是设计稿误导;优先考虑
+
,更健壮也更符合语义预期。
captionaligncaptionalignalignalign"top""bottom"Attribute align not allowed on element captioncaption-sidecaption-sidealigncaptiontopbottomleftrightdisplay: table-captioncaptiontopcaption-side: bottom;caption-side: left;text-align: center;leftright
月度支出汇总
1月 ¥2,450
text-aligntext-aligncaptioncaption-sidecaptiontext-align: left;captioncaption-sidetext-align: center;text-align: right;caption-side: left;text-align: right;captioncaption-sidetext-aligncaption-side: leftrightcaptionwhite-space: nowrapmax-widthcaptionposition: absolutecaption-side: toptext-align: right