226 từ
1 phút đọc
Content Annotations

Content annotations keep supporting context close to a sentence without placing it directly in the reading flow. Activate the small note marker to reveal its content.

Basic syntax#

Add a [+label] reference in ordinary prose, then define the matching note elsewhere in the same article.

Astro renders most of a page ahead of time and hydrates **interactive islands** [+islands] only when they need to become interactive.
[+islands]:
An island is an interactive UI component surrounded by static HTML. This keeps the default page lightweight while preserving focused interactivity.

Astro renders most of a page ahead of time and hydrates interactive islands only when they need to become interactive.

Rich content#

Definitions may contain paragraphs, emphasis, links, lists, and inline code while the surrounding sentence continues normally.

Multiple definitions#

Reuse a label to present a short sequence of related notes behind one marker.

Undefined references such as [+missing] remain ordinary text, so an unfinished definition never creates an empty control.

Content Annotations
https://blog.kagurayami.top/vi/posts/content-annotations/
Tác giả
Shirone
Đăng vào lúc
2026-08-27
Giấy phép bản quyền
CC BY-NC-SA 4.0

Chia sẻ bài viết

Tạo ảnh chia sẻ hoặc sao chép liên kết bài viết.

Đọc tiếp

Bài viết liên quan

Dựa trên thẻ và danh mục chung

Đổi hướng khám phá

Một lựa chọn ổn định từ các bài viết khác