资讯卡片不必强制用，但强烈建议用于独立可分发内容；广告或UI容器应选或
资讯卡片必须用
不是必须，但强烈建议。浏览器和屏幕阅读器会把 卡片里的 用 只有当图片本身是内容主体（比如新闻配图、数据图表、用户上传的实拍图）时，才用 立即学习“前端免费学习笔记（深入）”； 当作独立、可分发的内容单元，这对 SEO 和无障碍访问都有实际好处。如果卡片只是广告位、推荐位或纯 UI 容器（比如“猜你喜欢”标题栏），就该用 或普通 ，或者给每张缩略图单独套一层 却没配
在卡片里怎么配才不冗余？ 适合放操作区，比如「收藏」「分享」「评论数」这类交互元素。常见冗余写法是硬塞 或重复页面级 logo；也有人把发布时间写在 却把标题丢进
或更小权重的 heading（避免破坏页面大纲） 里（仅限真实内容创作者，不是“编辑部”这种泛称），不能只写文本卡片列表该用
还是 包裹？ 包整体卡片流，再用 划分不同栏目（如“热点”“深度”“视频”）。这是 HTML5 的明确分工： 标识页面核心内容区域，搜索引擎和辅助技术靠它跳过导航/侧边栏； 则强调主题聚类，需配 级标题。错误做法包括：嵌套多个 （W3C 不允许）、用 。
热点资讯
视频精选
响应式卡片里
HTML5 结构标签不是装饰，浏览器解析时会按规则构建 DOM 树并影响渲染优先级。最常被忽略的是 的 datetime 属性缺失，以及把 当样式盒子滥用——这两点在聚合类网站的爬虫收录和语音导航中会直接暴露问题。
