-
Notifications
You must be signed in to change notification settings - Fork 502
/
HTMLSidebar.ejs
419 lines (415 loc) · 24.1 KB
/
HTMLSidebar.ejs
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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<%
var currentSection = $0;
var locale = env.locale;
var learnBaseURL = "/" + locale + "/docs/Learn/";
function state(section) {
if (section == currentSection) {
return "open";
}
return "";
}
var text = mdn.localStringMap({
'en-US': {
'Tutorials': 'Tutorials',
'HTML_basics': 'HTML basics',
'Introduction_to_HTML': 'Introduction to HTML',
'Introduction_to_HTML_overview': 'Introduction to HTML overview',
'Getting_started_with_HTML': 'Getting started with HTML',
'Whats_in_the_head_metadata_in_HTML': 'What\'s in the head? Metadata in HTML',
'HTML_text_fundamentals': 'HTML text fundamentals',
'Creating_hyperlinks': 'Creating hyperlinks',
'Advanced_text_formatting': 'Advanced text formatting',
'Document_and_website_structure': 'Document and website structure',
'Debugging_HTML': 'Debugging HTML',
'Assessment_Marking_up_a_letter': 'Assessment: Marking up a letter',
'Assessment_Structuring_a_page_of_content': 'Assessment: Structuring a page of content',
'Multimedia_and_embedding': 'Multimedia and embedding',
'Multimedia_and_embedding_overview': 'Multimedia and embedding overview',
'Images_in_HTML': 'Images in HTML',
'Video_and_audio_content': 'Video and audio content',
'From_object_to_iframe_other_embedding_technologies': 'From object to iframe — other embedding technologies',
'Adding_vector_graphics_to_the_web': 'Adding vector graphics to the web',
'Responsive_images': 'Responsive images',
'Assessment_Mozilla_splash_page': 'Assessment: Mozilla splash page',
'HTML_tables' : 'HTML tables',
'HTML_tables_overview' : 'HTML tables overview',
'HTML_table_basics' : 'HTML table basics',
'HTML_table_advanced_features_and_accessibility' : 'HTML table advanced features and accessibility',
'Assessment_Structuring_planet_data' : 'Assessment: Structuring planet data',
'Reference': 'References',
'HTML_Elements': 'HTML elements',
'Global_attributes': 'Global attributes',
'Attributes': 'Attributes',
'Input_types': '<code><input></code> types',
'Guides': 'Guides',
'Content_categories': 'Content categories',
'Allowing_cross-origin_images_and_canvas': 'Allowing cross-origin use of images and canvas',
'Block-level_elements': 'Block-level elements',
'Inline_elements': 'Inline elements',
'Date_and_time_formats': 'Date and time formats used in HTML',
'Constraint_validation': 'Constraint validation',
'Microdata': 'Microdata',
'Microformats': 'Microformats',
'Quirks_Mode_and_Standards_Mode': 'Quirks Mode and Standards Mode',
'Viewport_meta_tag': 'Viewport meta tag',
},
'fr': {
'Tutorials': 'Tutoriels',
'HTML_basics': 'Notions élémentaires de HTML',
'Introduction_to_HTML': 'Introduction à HTML',
'Introduction_to_HTML_overview': 'Aperçu de l\'introduction à HTML',
'Getting_started_with_HTML': 'Débuter en HTML',
'Whats_in_the_head_metadata_in_HTML': 'Les métadonnées en HTML avec \<head>',
'HTML_text_fundamentals': 'Notions fondamentales de HTML pour le texte',
'Creating_hyperlinks': 'Créer des hyperliens',
'Advanced_text_formatting': 'Formatage avancé du texte',
'Document_and_website_structure': 'Structure d\'un site et d\'un document web',
'Debugging_HTML': 'Déboguer du HTML',
'Assessment_Marking_up_a_letter': 'Évaluation\xa0: baliser une lettre',
'Assessment_Structuring_a_page_of_content': 'Évaluation\xa0: structurer une page de contenu',
'Multimedia_and_embedding': 'Multimédia et intégration',
'Multimedia_and_embedding_overview': 'Aperçu pour le multimédia et l\'intégration',
'Images_in_HTML': 'Images en HTML',
'Video_and_audio_content': 'Contenu audio et vidéo',
'From_object_to_iframe_other_embedding_technologies': 'Des objets aux iframes, les autres technologies d\'intégration',
'Adding_vector_graphics_to_the_web': 'Ajouter des graphiques vectoriels sur le Web',
'Responsive_images': 'Images responsives',
'Assessment_Mozilla_splash_page': 'Évaluation\xa0: page d\'accueil Mozilla',
'HTML_tables' : 'Tableaux HTML',
'HTML_tables_overview' : 'Aperçu des tableaux HTML',
'HTML_table_basics' : 'Bases des tableaux HTML',
'HTML_table_advanced_features_and_accessibility' : 'Fonctionnalités avancées et accessibilité des tableaux HTML',
'Assessment_Structuring_planet_data' : 'Évaluation\xa0: structurer les données des planètes',
'Reference': 'Références',
'HTML_Elements': 'Éléments HTML',
'Global_attributes': 'Attributs universels',
'Attributes': 'Attributs',
'Input_types': 'Types <code><input></code>',
'Guides': 'Guides',
'Content_categories': 'Catégories de contenu',
'Allowing_cross-origin_images_and_canvas': 'Autoriser les images et canevas provenant d\'autres origines',
'Block-level_elements': 'Éléments de bloc',
'Inline_elements': 'Éléments en ligne',
'Date_and_time_formats': 'Formats de date et d\'heure utilisés en HTML',
'Microdata': 'Microdonnées',
'microformats': 'Microformats',
'Quirks_Mode_and_Standards_Mode': 'Mode quirks et mode standard',
'Viewport_meta_tag': 'Utilisation de la balise meta viewport pour contrôler la mise en page sur mobile',
},
'ja': {
'Tutorials': 'チュートリアル',
'HTML_basics': 'HTML の基本',
'Introduction_to_HTML': 'HTML 入門',
'Introduction_to_HTML_overview': 'HTML 入門の概要',
'Getting_started_with_HTML': 'HTML を始めよう',
'Whats_in_the_head_metadata_in_HTML': 'ヘッド部には何が入る? HTML のメタデータ',
'HTML_text_fundamentals': 'HTML テキストの基礎',
'Creating_hyperlinks': 'ハイパーリンクの作成',
'Advanced_text_formatting': '高度なテキスト整形',
'Document_and_website_structure': '文書とウェブサイトの構造',
'Debugging_HTML': 'HTML のデバッグ',
'Assessment_Marking_up_a_letter': '評価課題: 手紙のマークアップ',
'Assessment_Structuring_a_page_of_content': '評価課題: コンテンツのページの構造化',
'Multimedia_and_embedding': 'マルチメディアとその埋め込み',
'Multimedia_and_embedding_overview': 'マルチメディアとその埋め込みの概要',
'Images_in_HTML': 'HTML の画像',
'Video_and_audio_content': '動画と音声のコンテンツ',
'From_object_to_iframe_other_embedding_technologies': 'object から iframe まで — その他の埋め込み技術',
'Adding_vector_graphics_to_the_web': 'ウェブへのベクターグラフィックの追加',
'Responsive_images': 'レスポンシブ画像',
'Assessment_Mozilla_splash_page': '評価課題: Mozilla のスプラッシュページ',
'HTML_tables' : 'HTML の表',
'HTML_tables_overview' : 'HTML の表の概要',
'HTML_table_basics' : 'HTML の表の基本',
'HTML_table_advanced_features_and_accessibility' : 'HTML 表の高度な機能とアクセシビリティ',
'Assessment_Structuring_planet_data' : '評価課題: 太陽系の惑星データの構造化',
'Reference': 'リファレンス',
'HTML_Elements': 'HTML 要素',
'Global_attributes': 'グローバル属性',
'Input_types': '<code><input></code> 型',
'Documentation': 'ドキュメント',
'Useful_lists': '有用なリスト',
'Index': '前ページの索引',
'Contribute': '協力',
'The_MDN_project': 'MDN プロジェクト',
'Content_categories': 'コンテンツカテゴリー',
'Constraint_validation': '制約検証',
},
'ko': {
'Tutorials': '자습서:',
'HTML_basics': 'HTML 기초',
'Introduction_to_HTML': 'HTML 입문서',
'Introduction_to_HTML_overview': 'HTML 소개',
'Getting_started_with_HTML': 'HTML 시작하기',
'Whats_in_the_head_metadata_in_HTML': 'head 태그에는 무엇이 있을까? HTML의 메타데이터',
'HTML_text_fundamentals': 'HTML 텍스트',
'Creating_hyperlinks': '하이퍼링크 만들기',
'Advanced_text_formatting': '고급 텍스트 서식',
'Document_and_website_structure': '문서와 웹사이트 구조',
'Debugging_HTML': 'HTML 디버깅',
'Assessment_Marking_up_a_letter': '과제: 문서 마크업 하기',
'Assessment_Structuring_a_page_of_content': '과제: 페이지 내용 구조화하기',
'Multimedia_and_embedding': '멀티미디어와 임베딩',
'Multimedia_and_embedding_overview': '멀티미디어와 임베딩 소개',
'Images_in_HTML': 'HTML의 이미지',
'Video_and_audio_content': '비디오와 오디오 컨텐츠',
'From_object_to_iframe_other_embedding_technologies': 'object에서 iframe - 다른 임베딩 기술',
'Adding_vector_graphics_to_the_web': '벡터 그래픽 추가하기',
'Responsive_images': '반응형 이미지',
'Assessment_Mozilla_splash_page': '과제: Mozilla 페이지 만들기',
'HTML_tables' : 'HTML 테이블',
'HTML_tables_overview' : 'HTML 테이블 소개',
'HTML_table_basics' : 'HTML 테이블 기초',
'HTML_table_advanced_features_and_accessibility' : 'HTML 테이블 고급 기능과 접근성',
'Assessment_Structuring_planet_data' : '과제: 행성 데이터 만들기',
'Reference': '참고서:',
'HTML_Elements': 'HTML 요소',
'Global_attributes': '전역 속성',
'Attributes': '속성',
'Input_types': '<code><input></code> types',
'Guides': '안내서:',
'Allowing_cross-origin_images_and_canvas': 'cross-origin이 가능한 이미지와 캔버스',
'Block-level_elements': '블록 단위 요소',
'Inline_elements': '인라인 요소',
'Date_and_time_formats': 'HTML의 날짜와 시간 형식',
'Microdata': 'Microdata',
'Microformats': 'Microformats',
'Quirks_Mode_and_Standards_Mode': '쿼크모드와 표준모드',
'Viewport_meta_tag': '뷰포트 메타 태그',
},
'pt-BR': {
'Tutorials': 'Tutoriais',
'HTML_basics': 'O básico de HTML',
'Introduction_to_HTML': 'Introdução ao HTML',
'Introduction_to_HTML_overview': 'Visão geral da Introdução ao HTML',
'Getting_started_with_HTML': 'Iniciando com HTML',
'Whats_in_the_head_metadata_in_HTML': 'O que está na "head"? Metadados em HTML',
'HTML_text_fundamentals': 'Fundamentos de textos HTML',
'Creating_hyperlinks': 'Criando hiperlinks',
'Advanced_text_formatting': 'Formatação avançada de textos',
'Document_and_website_structure': 'Estrutura do Documento e do Site',
'Debugging_HTML': 'Depurando HTML',
'Assessment_Marking_up_a_letter': 'Avaliação: Melhorando uma carta',
'Assessment_Structuring_a_page_of_content': 'Avaliação: Estruturando uma página de conteúdos',
'Multimedia_and_embedding': 'Multimídia e incorporação',
'Multimedia_and_embedding_overview': 'Visão geral sobre Multimídia e incorporação',
'Images_in_HTML': 'Trabalhando com imagens em HTML',
'Video_and_audio_content': 'Conteúdos com vídeo e áudio',
'From_object_to_iframe_other_embedding_technologies': 'De objeto a iframe — outras tecnologias de incorporação',
'Adding_vector_graphics_to_the_web': 'Adicionando gráficos vetoriais à Web',
'Responsive_images': 'Imagens responsivas',
'Assessment_Mozilla_splash_page': 'Avaliação: Página "splash" da Mozilla',
'HTML_tables' : 'Tabelas HTML',
'HTML_tables_overview' : 'Visão geral sobre tabelas HTML',
'HTML_table_basics' : 'O básico sobre Tabelas HTML',
'HTML_table_advanced_features_and_accessibility' : 'Funcionalidades avançadas e acessibilidade de Tabelas HTML',
'Assessment_Structuring_planet_data' : 'Avaliação: Estruturação dos dados do planenta',
'Reference': 'Referências',
'HTML_Elements': 'Elementos HTML',
'Global_attributes': 'Atributos globais',
'Attributes': 'Atributos',
'Input_types': 'Tipos de <code><input></code>',
'Guides': 'Guides',
'Content_categories': 'Categorias de conteúdo',
'Allowing_cross-origin_images_and_canvas': 'CORS habilitar imagens',
'Block-level_elements': 'Elementos block-level',
'Inline_elements': 'Elementos inline',
'Date_and_time_formats': 'Date and time formats used in HTML',
'Microdata': 'Microdata',
'microformats': 'Microformatos',
'Quirks_Mode_and_Standards_Mode': 'Quirks Mode e Standards Mode',
'Viewport_meta_tag': 'Viewport meta tag',
},
'ru': {
'Tutorials': 'Уроки',
'HTML_basics': 'Основы HTML',
'Introduction_to_HTML': 'Введение в HTML',
'Introduction_to_HTML_overview': 'Введение в HTML',
'Getting_started_with_HTML': 'Начало работы с HTML',
'Whats_in_the_head_metadata_in_HTML': 'Что внутри "head"? Метаданные в HTML',
'HTML_text_fundamentals': 'Основы редактирования текста в HTML',
'Creating_hyperlinks': 'Создание гиперссылок',
'Advanced_text_formatting': 'Продвинутое форматирование текста',
'Document_and_website_structure': 'Структура документа и веб-сайта',
'Debugging_HTML': 'Отладка HTML',
'Assessment_Marking_up_a_letter': 'Задание: Выделение символа',
'Assessment_Structuring_a_page_of_content': 'Задание: Структура страницы',
'Multimedia_and_embedding': 'Мультимедиа и встраивание',
'Multimedia_and_embedding_overview': 'Мультимедиа и встраивание',
'Images_in_HTML': 'Изображения в HTML',
'Video_and_audio_content': 'Видео и аудио контент',
'From_object_to_iframe_other_embedding_technologies': 'От object до iframe — другие технологии встраивания',
'Adding_vector_graphics_to_the_web': 'Добавление векторный графики в Веб',
'Responsive_images': 'Отзывчивые изображения',
'Assessment_Mozilla_splash_page': 'Задание: Страница о Mozilla',
'HTML_tables' : 'HTML таблицы',
'HTML_tables_overview' : 'HTML таблицы',
'HTML_table_basics' : 'HTML таблицы основы',
'HTML_table_advanced_features_and_accessibility' : 'HTML таблицы продвинутые возможности и доступность',
'Assessment_Structuring_planet_data' : 'Задание: Структурирование данных о планетах',
'Reference': 'Справочники',
'HTML_Elements': 'HTML элементы',
'Global_attributes': 'Глобальные атрибуты',
'Attributes': 'Aтрибуты',
'Input_types': 'Типы <code><input></code>',
'Guides': 'Путеводитель',
'Content_categories': 'Категории контента',
'Allowing_cross-origin_images_and_canvas': 'Разрешение использования изображений из разных источников и canvas',
'Block-level_elements': 'Блочные элементы',
'Inline_elements': 'Строчные элементы',
'Date_and_time_formats': 'Date and time formats used in HTML',
'Constraint_validation': 'Валидация ограничений',
'Microdata': 'Microdata',
'microformats': 'Microformats',
'Quirks_Mode_and_Standards_Mode': 'Режим совместимости (Quirks Mode) и стандартный режим (Standards Mode)',
'Viewport_meta_tag': 'Viewport meta tag',
},
'zh-CN': {
'Tutorials': '教程',
'HTML_basics': 'HTML 基础',
'Introduction_to_HTML': 'HTML 介绍',
'Introduction_to_HTML_overview': 'HTML 概述',
'Getting_started_with_HTML': '开始学习 HTML',
'Whats_in_the_head_metadata_in_HTML': 'head 标签里面有什么？HTML 中的元数据',
'HTML_text_fundamentals': 'HTML 文本基础',
'Creating_hyperlinks': '建立超链接',
'Advanced_text_formatting': '高级文本格式',
'Document_and_website_structure': '文档和网站架构',
'Debugging_HTML': 'HTML 调试',
'Assessment_Marking_up_a_letter': '测验：标记信件',
'Assessment_Structuring_a_page_of_content': '测验：构建网页内容',
'Multimedia_and_embedding': '多媒体与嵌入',
'Multimedia_and_embedding_overview': '多媒体与嵌入概述',
'Images_in_HTML': 'HTML 中的图片',
'Video_and_audio_content': '视频和音频内容',
'From_object_to_iframe_other_embedding_technologies': '从 object 到 iframe——其他嵌入技术',
'Adding_vector_graphics_to_the_web': '为 web 新增矢量图',
'Responsive_images': '响应式图片',
'Assessment_Mozilla_splash_page': '测验：Mozilla 醒目页面',
'HTML_tables' : 'HTML 表格',
'HTML_tables_overview' : 'HTML 表格概述',
'HTML_table_basics' : 'HTML 表格基础',
'HTML_table_advanced_features_and_accessibility' : 'HTML 高级表格特性和无障碍',
'Assessment_Structuring_planet_data' : '测验：构建行星数据',
'Reference': '参考：',
'HTML_Elements': 'HTML 元素',
'Global_attributes': '全局属性',
'Attributes': '属性',
'Input_types': '<code><input></code> 类型',
'Guides': '指南：',
'Content_categories': '内容分类',
'Allowing_cross-origin_images_and_canvas': '允许图片和 canvas 跨源使用',
'Block-level_elements': '块级元素',
'Inline_elements': '行级元素',
'Date_and_time_formats': 'HTML 中使用的日期与时间格式',
'Constraint_validation': '约束验证',
'Microdata': '微数据',
'Microformats': '微格式',
'Quirks_Mode_and_Standards_Mode': '怪异模式和标准模式',
'Viewport_meta_tag': 'Viewport meta 标签',
},
});
%>
<section id="Quick_links" data-macro="HTMLSidebar">
<ol>
<li><a href="/<%=locale%>/docs/Web/HTML"><strong>HTML</strong></a></li>
<li><a href="<%=learnBaseURL%>HTML"><strong><%=text['Tutorials']%></strong></a></li>
<li><a href="<%=learnBaseURL%>Getting_started_with_the_web/HTML_basics"><%=text['HTML_basics']%></a></li>
<li class="toggle">
<details <%=state('Introduction_to_HTML')%>>
<summary><%=text['Introduction_to_HTML']%></summary>
<ol>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML"><%=text['Introduction_to_HTML_overview']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Getting_started"><%=text['Getting_started_with_HTML']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/The_head_metadata_in_HTML"><%=text['Whats_in_the_head_metadata_in_HTML']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/HTML_text_fundamentals"><%=text['HTML_text_fundamentals']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Creating_hyperlinks"><%=text['Creating_hyperlinks']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Advanced_text_formatting"><%=text['Advanced_text_formatting']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Document_and_website_structure"><%=text['Document_and_website_structure']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Debugging_HTML"><%=text['Debugging_HTML']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Marking_up_a_letter"><%=text['Assessment_Marking_up_a_letter']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Introduction_to_HTML/Structuring_a_page_of_content"><%=text['Assessment_Structuring_a_page_of_content']%></a></li>
</ol>
</details>
</li>
<li class="toggle">
<details <%=state('Multimedia_and_embedding')%>>
<summary><%=text['Multimedia_and_embedding']%></summary>
<ol>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding"><%=text['Multimedia_and_embedding_overview']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Images_in_HTML"><%=text['Images_in_HTML']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Video_and_audio_content"><%=text['Video_and_audio_content']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Other_embedding_technologies"><%=text['From_object_to_iframe_other_embedding_technologies']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web"><%=text['Adding_vector_graphics_to_the_web']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Responsive_images"><%=text['Responsive_images']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Multimedia_and_embedding/Mozilla_splash_page"><%=text['Assessment_Mozilla_splash_page']%></a></li>
</ol>
</details>
</li>
<li class="toggle">
<details <%=state('HTML_tables')%>>
<summary><%=text['HTML_tables']%></summary>
<ol>
<li><a href="<%=learnBaseURL%>HTML/Tables"><%=text['HTML_tables_overview']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Tables/Basics"><%=text['HTML_table_basics']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Tables/Advanced"><%=text['HTML_table_advanced_features_and_accessibility']%></a></li>
<li><a href="<%=learnBaseURL%>HTML/Tables/Structuring_planet_data"><%=text['Assessment_Structuring_planet_data']%></a></li>
</ol>
</details>
</li>
<li><strong><a href="/<%=locale%>/docs/Web/HTML/Reference"><%=text['Reference']%></a></strong></li>
<li class="toggle">
<details <%=state('HTML_Elements')%>>
<summary><%=text['HTML_Elements']%></summary>
<%-await template("ListSubpagesForSidebar", ['/en-US/docs/Web/HTML/Element', 0, 0, "<", ">"])%>
</details>
</li>
<li class="toggle">
<details <%=state('Global_attributes')%>>
<summary><%=text['Global_attributes']%></summary>
<%-await template("ListSubpagesForSidebar", ['/en-US/docs/Web/HTML/Global_attributes'])%>
</details>
</li>
<li class="toggle">
<details <%=state('Attributes')%>>
<summary><%=text['Attributes']%></summary>
<ol>
<%
const attributesRoot = await wiki.getPage("/en-US/docs/Web/HTML/Attributes");
const attributes = attributesRoot.subpages;
for (const attr of attributes) {
const name = attr.slug.split('/').pop();
const url = attr.url.replace('en-US', locale);
const subPath = `/${locale}/docs/Web/HTML/Attributes`;
const link = web.smartLink(url, null, name, subPath, null);
%>
<li><%-link%></li>
<%
}
%>
</ol>
</details>
</li>
<li class="toggle">
<details <%=state('Input_types')%>>
<summary><%-text['Input_types']%></summary>
<%-await template("ListSubpagesForSidebar", ['/en-US/docs/Web/HTML/Element/input'])%>
</details>
</li>
<li><strong><%=text['Guides']%></strong></li>
<li>
<ol>
<li><a href="/<%=locale%>/docs/Web/HTML/Content_categories"><%=text["Content_categories"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Block-level_elements"><%=text["Block-level_elements"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Inline_elements"><%=text["Inline_elements"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Quirks_Mode_and_Standards_Mode"><%=text["Quirks_Mode_and_Standards_Mode"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Date_and_time_formats"><%=text["Date_and_time_formats"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Constraint_validation"><%=text["Constraint_validation"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Microdata"><%=text["Microdata"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/microformats"><%=text["Microformats"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/Viewport_meta_tag"><%=text["Viewport_meta_tag"]%></a></li>
<li><a href="/<%=locale%>/docs/Web/HTML/CORS_enabled_image"><%=text["Allowing_cross-origin_images_and_canvas"]%></a></li>
</ol>
</li>
</ol>
</section>