-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontributing.html
More file actions
218 lines (212 loc) · 11.5 KB
/
Copy pathcontributing.html
File metadata and controls
218 lines (212 loc) · 11.5 KB
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="How to contribute to HTML Dev Docs.">
<meta name="author" content="HTML Dev Docs Team">
<meta name="keywords" content="HTML5, documentation, semantic HTML, web development, developer docs">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#1a1a2e">
<link rel="sitemap" type="application/xml" title="Sitemap" href="../../sitemap.xml">
<link rel="robots" href="../../robots.txt">
<link rel="icon" href="../../assets/favicon.svg" type="image/svg+xml">
<title>Contributing | HTML Dev Docs</title>
</head>
<body>
<a href="#main-content">Skip to main content</a>
<header role="banner">
<h1><a href="../../index.html#main-content">HTML Dev Docs</a></h1>
<p>Pure HTML5 Developer Documentation Portal</p>
<nav aria-label="Main navigation">
<ul>
<li><a href="../../index.html#main-content">Home</a></li>
<li>
<a href="../../pages/getting-started/introduction.html#main-content">Getting Started</a>
<ul>
<li><a href="../../pages/getting-started/introduction.html#main-content">Introduction</a></li>
<li><a href="../../pages/getting-started/installation.html#main-content">Installation</a></li>
<li><a href="../../pages/getting-started/quick-start.html#main-content">Quick Start</a></li>
<li><a href="../../pages/getting-started/configuration.html#main-content">Configuration</a></li>
<li><a href="../../pages/getting-started/first-project.html#main-content">Your First Project</a></li>
<li><a href="../../pages/getting-started/requirements.html#main-content">Requirements</a></li>
</ul>
</li>
<li>
<a href="../../pages/html-reference/semantic-elements.html#main-content">HTML Reference</a>
<ul>
<li><a href="../../pages/html-reference/semantic-elements.html#main-content">Semantic Elements</a></li>
<li><a href="../../pages/html-reference/text-elements.html#main-content">Text Elements</a></li>
<li><a href="../../pages/html-reference/lists.html#main-content">Lists</a></li>
<li><a href="../../pages/html-reference/tables.html#main-content">Tables</a></li>
<li><a href="../../pages/html-reference/forms.html#main-content">Forms</a></li>
<li><a href="../../pages/html-reference/media.html#main-content">Media Elements</a></li>
<li><a href="../../pages/html-reference/interactive.html#main-content">Interactive Elements</a></li>
<li><a href="../../pages/html-reference/metadata.html#main-content">Metadata</a></li>
<li><a href="../../pages/html-reference/accessibility.html#main-content">Accessibility</a></li>
<li><a href="../../pages/html-reference/validation.html#main-content">HTML Validation</a></li>
</ul>
</li>
<li>
<a href="../../pages/guides/document-structure.html#main-content">Guides</a>
<ul>
<li><a href="../../pages/guides/document-structure.html#main-content">Document Structure</a></li>
<li><a href="../../pages/guides/navigation-patterns.html#main-content">Navigation Patterns</a></li>
<li><a href="../../pages/guides/content-authoring.html#main-content">Content Authoring</a></li>
<li><a href="../../pages/guides/forms-guide.html#main-content">Forms Guide</a></li>
<li><a href="../../pages/guides/media-guide.html#main-content">Media Guide</a></li>
<li><a href="../../pages/guides/seo-basics.html#main-content">SEO Basics</a></li>
<li><a href="../../pages/guides/performance.html#main-content">Performance</a></li>
<li><a href="../../pages/guides/security.html#main-content">Security</a></li>
<li><a href="../../pages/guides/testing.html#main-content">Testing</a></li>
<li><a href="../../pages/guides/deployment.html#main-content">Deployment</a></li>
</ul>
</li>
<li>
<a href="../../pages/api/overview.html#main-content">API Reference</a>
<ul>
<li><a href="../../pages/api/overview.html#main-content">API Overview</a></li>
<li><a href="../../pages/api/authentication.html#main-content">Authentication</a></li>
<li><a href="../../pages/api/endpoints-users.html#main-content">Users Endpoints</a></li>
<li><a href="../../pages/api/endpoints-docs.html#main-content">Documents Endpoints</a></li>
<li><a href="../../pages/api/endpoints-search.html#main-content">Search Endpoints</a></li>
<li><a href="../../pages/api/endpoints-media.html#main-content">Media Endpoints</a></li>
<li><a href="../../pages/api/errors.html#main-content">Error Codes</a></li>
<li><a href="../../pages/api/rate-limits.html#main-content">Rate Limits</a></li>
<li><a href="../../pages/api/webhooks.html#main-content">Webhooks</a></li>
<li><a href="../../pages/api/changelog.html#main-content">API Changelog</a></li>
</ul>
</li>
<li>
<a href="../../pages/tutorials/01-hello-html.html#main-content">Tutorials</a>
<ul>
<li><a href="../../pages/tutorials/01-hello-html.html#main-content">Tutorial 1: Hello HTML</a></li>
<li><a href="../../pages/tutorials/02-semantic-layout.html#main-content">Tutorial 2: Semantic Layout</a></li>
<li><a href="../../pages/tutorials/03-navigation.html#main-content">Tutorial 3: Navigation</a></li>
<li><a href="../../pages/tutorials/04-tables-data.html#main-content">Tutorial 4: Tables</a></li>
<li><a href="../../pages/tutorials/05-forms.html#main-content">Tutorial 5: Forms</a></li>
<li><a href="../../pages/tutorials/06-media.html#main-content">Tutorial 6: Media</a></li>
<li><a href="../../pages/tutorials/07-interactive.html#main-content">Tutorial 7: Interactive</a></li>
<li><a href="../../pages/tutorials/08-accessibility.html#main-content">Tutorial 8: Accessibility</a></li>
<li><a href="../../pages/tutorials/09-metadata.html#main-content">Tutorial 9: Metadata</a></li>
<li><a href="../../pages/tutorials/10-full-page.html#main-content">Tutorial 10: Full Page</a></li>
</ul>
</li>
<li>
<a href="../../pages/examples/landing-page.html#main-content">Examples</a>
<ul>
<li><a href="../../pages/examples/landing-page.html#main-content">Landing Page Example</a></li>
<li><a href="../../pages/examples/blog-post.html#main-content">Blog Post Example</a></li>
<li><a href="../../pages/examples/documentation-page.html#main-content">Documentation Page</a></li>
<li><a href="../../pages/examples/contact-form.html#main-content">Contact Form Example</a></li>
<li><a href="../../pages/examples/data-table.html#main-content">Data Table Example</a></li>
<li><a href="../../pages/examples/media-gallery.html#main-content">Media Gallery Example</a></li>
<li><a href="../../pages/examples/faq-page.html#main-content">FAQ Page Example</a></li>
<li><a href="../../pages/examples/api-reference.html#main-content">API Reference Example</a></li>
<li><a href="../../pages/examples/changelog.html#main-content">Changelog Example</a></li>
<li><a href="../../pages/examples/sitemap.html#main-content">Sitemap Example</a></li>
</ul>
</li>
<li>
<a href="../../pages/resources/glossary.html#main-content">Resources</a>
<ul>
<li><a href="../../pages/resources/glossary.html#main-content">Glossary</a></li>
<li><a href="../../pages/resources/faq.html#main-content">FAQ</a></li>
<li><a href="../../pages/resources/cheatsheet.html#main-content">HTML Cheatsheet</a></li>
<li><a href="../../pages/resources/external-links.html#main-content">External Resources</a></li>
<li><a href="../../pages/resources/search.html#main-content">Search</a></li>
</ul>
</li>
<li>
<a href="../../pages/about/team.html#main-content">About</a>
<ul>
<li><a href="../../pages/about/team.html#main-content">Our Team</a></li>
<li><a href="../../pages/about/contributing.html#main-content" aria-current="page">Contributing</a></li>
<li><a href="../../pages/about/contact.html#main-content">Contact</a></li>
<li><a href="../../pages/about/license.html#main-content">License</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<nav aria-label="Breadcrumb">
<ol>
<li><a href="../../index.html#main-content">Home</a></li>
<li><a href="../../pages/about/team.html#main-content">About</a></li>
<li aria-current="page">Contributing</li>
</ol>
</nav>
<main id="main-content">
<article aria-labelledby="page-title">
<header>
<h1 id="page-title">Contributing</h1>
<p>Published <time datetime="2026-07-08">July 8, 2026</time> • 8 min read</p>
</header>
<section id="overview" aria-labelledby="overview-heading">
<h2 id="overview-heading">Overview</h2>
<p>How to contribute to HTML Dev Docs.</p>
<p>This page is part of the <strong>HTML Dev Docs</strong> portal, a comprehensive demonstration of
<abbr title="HyperText Markup Language">HTML</abbr>5 semantic markup without CSS or JavaScript.</p>
<blockquote cite="https://html.spec.whatwg.org/">
<p>The <cite>HTML Living Standard</cite> defines the semantics of HTML elements and their attributes.</p>
</blockquote>
</section><section id="demonstration" aria-labelledby="demo-heading">
<h2 id="demo-heading">Element Demonstration</h2>
<p>Key concepts for <em>contributing</em>:</p>
<ul>
<li>Semantic HTML5 structure</li>
<li>Accessible markup with <code>aria-*</code> attributes</li>
<li>Proper heading hierarchy from <code>h1</code> to <code>h4</code></li>
<li>Internal navigation via anchor links</li>
</ul>
<h3>Code Example</h3>
<pre><code><section aria-labelledby="heading">
<h2 id="heading">Section Title</h2>
<p>Content goes here.</p>
</section></code></pre>
<h3>Progress Indicator</h3>
<p>Reading progress: <progress value="65" max="100">65%</progress></p>
<h3>Meter Element</h3>
<p>Documentation completeness: <meter value="0.85" min="0" max="1" low="0.3" high="0.8" optimum="0.9">85%</meter></p>
<details>
<summary>Advanced Tips</summary>
<p>Always validate your HTML using the W3C Validator or Nu Html Checker.</p>
<p>Use <kbd>Ctrl</kbd>+<kbd>S</kbd> to save, then <kbd>F5</kbd> to refresh.</p>
</details>
</section><section id="related" aria-labelledby="related-heading">
<h2 id="related-heading">Related Pages</h2>
<ul>
<li><a href="team.html#main-content">Our Team</a></li>
<li><a href="contact.html#main-content">Contact</a></li>
<li><a href="license.html#main-content">License</a></li>
</ul>
</section>
</article>
<aside aria-label="Sidebar">
<nav aria-label="Table of contents">
<h2>On This Page</h2>
<ol>
<li><a href="#overview">Overview</a></li>
<li><a href="#demonstration">Element Demonstration</a></li>
<li><a href="#related">Related Pages</a></li>
</ol>
</nav>
<section aria-labelledby="sidebar-help">
<h2 id="sidebar-help">Need Help?</h2>
<p>Visit our <a href="../../pages/resources/faq.html#main-content">FAQ</a> or
<a href="../../pages/about/contact.html#main-content">contact us</a>.</p>
</section>
</aside>
</main>
<footer>
<p>HTML Dev Docs — Pure HTML5 Developer Documentation Portal</p>
<address>
Maintained by <a href="mailto:muhammad@roboticela.com">muhammad@roboticela.com</a><br>
<a href="../../pages/about/contact.html#main-content">Contact</a> |
<a href="../../pages/about/contributing.html#main-content">Contributing</a> |
<a href="../../pages/about/license.html#main-content">License</a>
</address>
<p><small>Version 1.0.0 | Last updated: <time datetime="2026-07-08">July 8, 2026</time></small></p>
</footer>
</body>
</html>