-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathexplained-structure.html
101 lines (93 loc) · 2.55 KB
/
explained-structure.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<body>
<header>
<img>
<h1>Root site title, logo, featured image</h1>
<p>Short description</p>
</header>
<nav>
<!-- root navigation -->
<ul>
<li></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</nav>
<main>
<article>
<header>
<a>
<!-- the image header for the article, if there is one could be wrapped in
an <a> or not, so please support both if you're making a theme. -->
<img>
</a>
<h1>Title of the article</h1>
<aside>
<!-- metadata for the article goes here -->
<time>April 23, 2016</time>
<ul>
<li><a>a tag</a></li>
<li><a>another tag</a></li>
</ul>
</aside>
</header>
<div>
<p>The article content goes inside a div.</p>
<p>The content could be anything. Rendered markdown, for example.</p>
<img>
<h2></h2>
<blockquote></blockquote>
<ul></ul>
</div>
</article>
<section>
<!-- a list of posts, like what you have on an index, archive or paginated page
can also be used as a gallery or showcase, if the theme fits it well -->
<ul>
<li>
<article>
<!-- the structure here mimics the 'main > article' element -->
<header>
<a>
<img>
</a>
<h1>Article Title</h1>
<aside>
<time>optional time</time>
<ul>
<li>optional tag</li>
</ul>
</aside>
</header>
<div>
<!-- optionally you can have article excerpts here, or the full article -->
</div>
</article>
</li>
<!-- many other <li>s follow -->
</ul>
</section>
<footer>
<nav>
<!-- pagination for those list of pages -->
<ul>
<!-- if there is no previous or next link, it should be still present
but have no href attribute, so if you're making a theme you should
support it. -->
<li><a>previous</a></li>
<li><a href="">next</a></li>
</ul>
</nav>
</footer>
</main>
<aside>
<!-- author information or meta information about the page. any content
may go here. -->
<img>
<h1>Author name</h1>
<div>Something about the author</div>
</aside>
<footer>
<!-- any content may go here also. -->
Copyright date etc.
</footer>
</body>