Skip to content

Commit 280b305

Browse files
authored
Add diagram for Anatomy of the DOM (#79)
1 parent 3590ea4 commit 280b305

File tree

2 files changed

+116
-0
lines changed

2 files changed

+116
-0
lines changed
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
graph TB
2+
A["#document"]
3+
A --> B@{ label: "<!doctype html>" }
4+
A --> C["html"]
5+
C --> D["head"]
6+
D --> E["meta[charset='utf-8']"]
7+
D --> F["meta[name='viewport'][content='width=device-width, initial-scale=1.0']"]
8+
D --> G["title"]
9+
C --> H["body"]
10+
H --> I["h1"]
11+
H --> J["p"]
12+
G --> K["'Document'"]
13+
I --> L["'Hello, world!'"]
14+
J --> M["'This is a paragraph.'"]

images/diagrams/api/dom/tree-structure.svg

Lines changed: 102 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)