Mermaid 封包圖語法 - Mermaid 程式碼產生封包圖教學

什麼是封包圖

封包圖是一種用於展示網路封包結構和內容的視覺化表示方式，網路封包是透過網路傳輸的基本資料單元。

應用

封包圖對於需要以清晰簡潔的方式表示網路封包結構的開發者、網路工程師、教育工作者和學生特別有用。

範例

代碼

                            
                                
                                    
                                    複製
                                
                                
                                    
                                    嵌入
                                
                            
                            
                                ---
title: "TCP Packet"
---
packet-beta
0-15: "Source Port"
16-31: "Destination Port"
32-63: "Sequence Number"
64-95: "Acknowledgment Number"
96-99: "Data Offset"
100-105: "Reserved"
106: "URG"
107: "ACK"
108: "PSH"
109: "RST"
110: "SYN"
111: "FIN"
112-127: "Window"
128-143: "Checksum"
144-159: "Urgent Pointer"
160-191: "(Options and Padding)"
192-255: "Data (variable length)"

語法細節

範圍：標題後面每一行代表封包的不同欄位，範圍（例如 0-15）表示封包中的位元位置。
欄位註解：該欄位代表內容的簡短描述，用雙引號括起來。