226 คำ
1 นาที
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/th/posts/content-annotations/
ผู้เขียน
Shirone
เผยแพร่เมื่อ
2026-08-27
สัญญาอนุญาต
CC BY-NC-SA 4.0

แชร์บทความ

สร้างรูปภาพแชร์หรือคัดลอกลิงก์เพื่อส่งต่อบทความนี้

อ่านต่อ

บทความที่เกี่ยวข้อง

อิงจากแท็กและหมวดหมู่ร่วมกัน

ลองเส้นทางอื่น

คัดเลือกจากบทความอื่นด้วยเกณฑ์ที่คงที่