随笔

图片与留白:一页笔记的呼吸

用一张本地示意图演示尺寸、替代文本与图片说明,不从外部服务加载媒体。

纸面上的陶土色圆形与线条
主题演示封面
本文目录

这是图片排版示例,插图为本地生成的抽象纸面图形,不代表真实地点或摄影作品。

让图片有一个位置

米白纸面上的陶土色圆形与灰色细线,构成简单的几何练习
纸面练习 · 本地示意图

图片应当拥有明确的宽高,让浏览器在下载前为它留出位置。替代文本说明画面中的有效信息,图片说明则补充它与文章的关系。

这两件事分工不同,也经常被合并成一件。替代文本是给看不到图片的人用的,所以要写画面里有什么;说明文字是给所有人看的,所以可以写这张图为什么出现在这里。上面那段代码把两者分开写了。

不是每篇文章都需要封面

如果文字已经把事情说清楚,空白并不需要被填满。页面的节奏,可以来自段落,也可以来自一次恰到好处的停顿。

搜索