图标
SVG 坐标与缩放 ↗
解释 viewBox 怎样把内部坐标映射到不同显示尺寸。
制作印信时先统一坐标，再处理导出尺寸，能减少缩放误解。
- 适合
- 准备修改 SVG 的设计者与前端开发者。
- 使用前
- 公开技术文档；示例仍需在实际图形上测试。
来源核对 · 2026.10.13
developer.mozilla.org
THE JUNCTION / A CONSIDERED COLLECTION
聚境策展
收录有出处、有用处的资料、工具与独立作品。每一项都附上推荐的理由，也保留通向原作者的路。
精选条目
推荐一项资源 +图标
Lucide 开源图标库 ↗
浏览一致的线性图标，了解网页中引用和调整图标的方法。
适合给已有明确文字的按钮配图，避免每次从零绘制基础符号。
- 适合
- 需要界面操作图标的小网站作者。
- 使用前
- 使用前核对所选资产的许可并保留必要说明。
来源核对 · 2026.10.13
lucide.dev
图标
搜索结果图标指南 ↗
说明 Google 搜索对网站图标的引用、抓取与主机名规则。
帮助区分浏览器已显示图标与搜索结果已更新这两件事。
- 适合
- 准备上线或更换站点图标的维护者。
- 使用前
- 搜索结果受抓取与缓存影响；遵循指南不保证立即展示。
来源核对 · 2026.10.13
developers.google.com
图标
应用图标清单 ↗
了解应用清单中图标文件、尺寸、类型与用途的声明方式。
让导出的图标有明确引用位置，避免只有文件而没有入口配置。
- 适合
- 为网站补充安装与应用图标的开发者。
- 使用前
- 需编写清单并在目标浏览器检查；不是自动发布服务。
来源核对 · 2026.10.13
developer.mozilla.org
排版
流式字号 clamp() ↗
用最小值、偏好值与最大值表达有边界的 CSS 尺寸。
可与排印工坊导出的字号范围对照，理解宽窄屏之间的变化。
- 适合
- 正在调整响应式标题与正文的作者。
- 使用前
- 公式不替代阅读检查；仍需测试缩放和极端宽度。
来源核对 · 2026.10.13
developer.mozilla.org
排版
中文排版需求 ↗
查阅中文标点、行首行尾与中西文混排的排版讨论。
出现孤立标点或混排节奏问题时，比凭感觉逐字插空格更可靠。
- 适合
- 制作中文长文或双语页面的设计者。
- 使用前
- 这是一份持续发展的排版参考；具体实现需结合浏览器。
来源核对 · 2026.10.13
www.w3.org
排版
正文行距 ↗
了解 line-height 的取值、继承与无单位数值的行为。
为正文建立可以随字号变化的行距，减少局部样式打架。
- 适合
- 修改文章样式或建立阅读模板的人。
- 使用前
- 文档示例是起点；中英文长段落都应实际阅读。
来源核对 · 2026.10.13
developer.mozilla.org
排版
Noto 中日韩字体 ↗
查看 Noto CJK 的字体文件、地区变体与项目说明。
需要更稳定的中日韩文字覆盖时，可以先从明确的字体来源开始。
- 适合
- 需要选择和部署中日韩字体的开发者。
- 使用前
- 核对所选字体文件许可；考虑下载体积与地区字形差异。
来源核对 · 2026.10.13
github.com
可访问性
文本对比度 ↗
阅读 WCAG 文本对比度的阈值、适用条件与解释。
给对比度工坊的数字结果找到出处，避免把四舍五入当作通过。
- 适合
- 调整正文、链接和按钮文字颜色的人。
- 使用前
- 一个颜色组合通过阈值不代表整站满足全部可访问性要求。
来源核对 · 2026.10.13
www.w3.org
可访问性
非文本对比度 ↗
了解控件和有意义图形与相邻颜色之间的对比要求。
提醒设计者把检查从正文扩展到输入框、图形和界面状态。
- 适合
- 制作表单和交互控件的设计者与开发者。
- 使用前
- 结合控件实际状态与相邻背景判断，不能仅检查品牌色。
来源核对 · 2026.10.13
www.w3.org
可访问性
页面结构教程 ↗
用页面区域、标题层级和内容结构组织可理解的网页。
长文和策展目录都需要可导航的结构，视觉留白不能代替语义。
- 适合
- 整理文章模板和站点导航的人。
- 使用前
- 需落实到真实 HTML，并配合键盘与辅助技术检查。
来源核对 · 2026.10.13
www.w3.org
可访问性
可访问交互模式 ↗
查看常见组件的语义、键盘操作与实现示例。
制作弹窗、标签页等交互时，先明确行为再安排视觉样式。
- 适合
- 实现自定义交互组件的前端开发者。
- 使用前
- 示例需适配和测试；能用原生元素时先考虑原生元素。
来源核对 · 2026.10.13
www.w3.org
网页
HTML 内容结构 ↗
从标题、段落、链接等基础元素建立网页内容。
适合把一篇草稿变成有结构的页面，先解决内容再增加效果。
- 适合
- 刚开始制作个人网站的读者。
- 使用前
- 公开学习材料；练习时需要能编辑和打开本地文件。
来源核对 · 2026.10.13
developer.mozilla.org
网页
响应式布局 ↗
学习页面如何随可用空间调整布局和内容呈现。
为双语标题、窄屏卡片和可伸缩正文建立共同基础。
- 适合
- 需要让页面适应手机与桌面的作者。
- 使用前
- 断点只是手段；仍需检查长内容、缩放和实际设备。
来源核对 · 2026.10.13
developer.mozilla.org
网页
CSS 网格布局 ↗
查阅网格轨道、区域与二维布局的使用方式。
适合组织策展卡片和作品目录，减少靠固定像素挤位置。
- 适合
- 制作列表、卡片和页面骨架的开发者。
- 使用前
- 网格顺序与文档顺序都需检查，尤其是键盘浏览。
来源核对 · 2026.10.13
developer.mozilla.org
网页
网页表单 ↗
系统学习表单控件、标签、验证与提交的基础。
投稿和来信需要可靠的反馈路径，不能只做一个提交按钮。
- 适合
- 准备制作注册、投稿或联系表单的人。
- 使用前
- 浏览器验证不能替代服务端验证；示例需按实际流程调整。
来源核对 · 2026.10.13
developer.mozilla.org
轻出版
Markdown 语法速查 ↗
用简短示例复习标题、列表、链接、引用与代码块。
给文章与项目说明一个轻量、可迁移的写作起点。
- 适合
- 以纯文本编辑文章与说明文档的作者。
- 使用前
- 不同平台的扩展语法可能不同，发布前检查实际渲染。
来源核对 · 2026.10.13
commonmark.org
轻出版
RSS 内容订阅规范 ↗
查阅频道、条目、日期与链接等 RSS 结构。
为独立内容提供可被阅读器订阅的出口。
- 适合
- 维护文章订阅源的开发者与编辑。
- 使用前
- 规范用于实现和检查订阅源，不提供托管或邮件发送。
来源核对 · 2026.10.13
www.rssboard.org
轻出版
分享预览元数据 ↗
了解链接分享预览使用的标题、图片、网址等元数据。
把分享卡和真实文章链接接起来，并理解图片导出与网页配置的区别。
- 适合
- 配置文章分享信息的站点维护者。
- 使用前
- 接收平台有自己的获取、缓存与裁切行为。
来源核对 · 2026.10.13
ogp.me
轻出版
文章结构化数据 ↗
查看文章标题、作者和日期等结构化信息的推荐写法。
发布时保持正文、页面元数据和机器可读信息一致。
- 适合
- 维护公开文章页面的开发者。
- 使用前
- 只标注真实信息；加入结构化数据不保证特殊搜索展示。
来源核对 · 2026.10.13
developers.google.com
维护
网页质量检查 ↗
了解 Lighthouse 如何生成网页质量检查报告。
把报告当作定位问题的入口，再回到真实阅读与交互中验证。
- 适合
- 准备上线或复查公开页面的维护者。
- 使用前
- 测量受环境影响；自动化评分不等于完整人工审核。
来源核对 · 2026.10.13
developer.chrome.com
维护
HTML 标记检查 ↗
检查网页标记中的结构和语法问题。
在发布前发现遗漏闭合、错误嵌套等基础问题。
- 适合
- 希望复查 HTML 输出的站点作者。
- 使用前
- 只提交可公开的页面或代码；不要上传私密内容。
来源核对 · 2026.10.13
validator.w3.org
维护
失效链接检查 ↗
检查网页中的链接与锚点，并阅读对应结果。
给策展目录安排低负担复查，及时发现失效入口。
- 适合
- 维护资源目录和长文链接的编辑。
- 使用前
- 仅检查公开地址；受站点访问限制影响的结果需人工复核。
来源核对 · 2026.10.13
validator.w3.org
维护
Django 上线检查清单 ↗
查阅 Django 5.2 部署前的安全、性能与运行配置检查。
适合把“能启动”推进到有配置依据的正式运行。
- 适合
- 部署与维护 Django 网站的开发者。
- 使用前
- 对应 Django 5.2；按实际版本核对，不在公开文档中暴露密钥。
来源核对 · 2026.10.13
docs.djangoproject.com
外部链接通向原始网站；内容与服务由各自的发布者维护。