HTML表格代码thead语义化规范-html教程-PHP中文网

必须是的直接子元素，且严格位于和之后、和之前，这是html规范强制要求；顺序错位会导致w3c验证失败、屏幕阅读器跳过表头、打印页脚不复用等问题。

html表格代码thead语义化规范

thead必须作为table的直接子元素且位置固定

不是“可以放”，而是HTML规范强制要求：thead必须是table的直接子元素，且必须出现在caption和colgroup之后、tbody之前。顺序错一位，语义就断了。

caption必须是table第一个子元素，thead紧随其后（或在colgroup之后）
把thead写在tbody后面，浏览器会自动修正DOM顺序，但W3C验证失败，屏幕阅读器可能跳过表头
tfoot也得写在tbody之前——不是视觉顺序，是源码顺序；否则打印时页脚不复用，部分旧版IE解析异常

thead里只能放tr，且每个单元格必须是th

thead不是装饰容器，它是语义锚点。里面塞td、div或空文本，等于主动放弃可访问性。

使用HTML,CSS,JavaScript开发Android应用程序英文文字pdf版附源文件

如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

下载

所有单元格必须是th，哪怕内容看起来和td一样；td在thead里会被当作普通数据，屏幕阅读器读不出“这是列名”
th必须带scope属性：scope="col"用于列标题，scope="row"用于首列行标识（如“张三”那列），值写错（比如"column"）或留空，ARIA关联就失效
用colspan/rowspan做多级表头时，顶层th仍要符合scope规则；不要为了视觉对齐硬凑colspan数值，最终底层th数量必须和tbody每行td数一致

固定表头滚动时thead失效的三大原因

只写thead th { position: sticky; top: 0; }大概率没用。真正起效需要三个条件同时满足。

table不能设border-collapse: collapse——某些Chrome/Firefox版本下会破坏sticky的定位上下文
tbody必须设display: block或max-height+overflow-y: auto，否则滚动的是整个页面，不是表格内部
table-layout: fixed必须加在table上，且至少有一列th明确设width（百分比或像素），否则列宽随内容撑开，sticky区域错位

打印和移动端适配中容易被忽略的细节

打印跨页时thead不重复、移动端表格溢出，往往不是CSS没写全，而是结构或上下文错了。

打印生效需加@media print { thead { display: table-header-group; } }，Safari旧版本不支持自动复用，必须显式声明
移动端别依赖overflow-x: auto遮掩问题；先确保table { table-layout: fixed; width: 100%; }，再给关键列设th:nth-child(1) { width: 15%; }
一旦给table加了display: grid或flex，thead语义和sticky行为全部失效——它只在原生table布局中工作