HTMLSidebar.ejs

<%
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({
  'de': {
    'Tutorials': 'Tutorials',
    'HTML_basics': 'HTML-Grundlagen',
    'Introduction_to_HTML': 'Einführung in HTML',
      'Introduction_to_HTML_overview': 'Übersicht zur Einführung in HTML',
      'Getting_started_with_HTML': 'Erste Schritte mit HTML',
      'Whats_in_the_head_metadata_in_HTML': 'Was ist im Kopf? Metadaten in HTML',
      'HTML_text_fundamentals': 'Grundlagen der HTML-Texte',
      'Creating_hyperlinks': 'Erstellen von Hyperlinks',
      'Advanced_text_formatting': 'Erweiterte Textformatierung',
      'Document_and_website_structure': 'Dokument- und Webseitenstruktur',
      'Debugging_HTML': 'Debugging von HTML',
      'Assessment_Marking_up_a_letter': 'Aufgabe: Briefauszeichnung',
      'Assessment_Structuring_a_page_of_content': 'Aufgabe: Strukturierung einer Inhaltsseite',
    'Multimedia_and_embedding': 'Multimedia und Einbettung',
      'Multimedia_and_embedding_overview': 'Übersicht zu Multimedia und Einbettung',
      'Images_in_HTML': 'Bilder in HTML',
      'Video_and_audio_content': 'Video- und Audioinhalte',
      'From_object_to_iframe_other_embedding_technologies': 'Von Object zu Iframe - andere Einbettungstechnologien',
      'Adding_vector_graphics_to_the_web': 'Hinzufügen von Vektorgrafiken zum Web',
      'Responsive_images': 'Responsive Bilder',
      'Assessment_Mozilla_splash_page': 'Aufgabe: Mozilla-Startseite',
    'HTML_tables' : 'HTML-Tabellen',
      'HTML_tables_overview' : 'Übersicht zu HTML-Tabellen',
      'HTML_table_basics' : 'Grundlagen der HTML-Tabellen',
      'HTML_table_advanced_features_and_accessibility' : 'Erweiterte Funktionen und Zugänglichkeit von HTML-Tabellen',
      'Assessment_Structuring_planet_data' : 'Aufgabe: Strukturierung von Planetendaten',
    'Reference': 'Referenzen',
    'HTML_Elements': 'HTML-Elemente',
    'Global_attributes': 'Globale Attribute',
    'Attributes': 'Attribute',
    'Input_types': '<code>&lt;input&gt;</code>-Typen',
    'Guides': 'Anleitungen',
      'Content_categories': 'Inhaltskategorien',
      'Allowing_cross-origin_images_and_canvas': 'Erlauben der Cross-Origin-Nutzung von Bildern und Canvas',
      'Block-level_elements': 'Block-Elemente',
      'Inline_elements': 'Inline-Elemente',
      'Date_and_time_formats': 'Datums- und Zeitformate in HTML',
      'Constraint_validation': 'Einschränkungsvalidierung',
      'Microdata': 'Mikrodaten',
      'Microformats': 'Mikroformate',
      'Quirks_Mode_and_Standards_Mode': 'Quirks-Modus und Standards-Modus',
      'Viewport_meta_tag': 'Viewport-Meta-Tag',
  },
  '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>&lt;input&gt;</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>&lt;input&gt;</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>&lt;input&gt;</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>&lt;input&gt;</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>&lt;input&gt;</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>&lt;input&gt;</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>&lt;input&gt;</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 class="section"><%-web.smartLink(`/${locale}/docs/Web/HTML`, null, "HTML")%></li>
  <li class="section"><%-web.smartLink(`${learnBaseURL}HTML`, null, text['Tutorials'])%></li>
  <li><%-web.smartLink(`${learnBaseURL}Getting_started_with_the_web/HTML_basics`, null, text['HTML_basics'])%></li>
  <li class="toggle">
    <details <%=state('Introduction_to_HTML')%>>
      <summary><%=text['Introduction_to_HTML']%></summary>
      <ol>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML`, null, text['Introduction_to_HTML_overview'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Getting_started`, null, text['Getting_started_with_HTML'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/The_head_metadata_in_HTML`, null, text['Whats_in_the_head_metadata_in_HTML'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/HTML_text_fundamentals`, null, text['HTML_text_fundamentals'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Creating_hyperlinks`, null, text['Creating_hyperlinks'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Advanced_text_formatting`, null, text['Advanced_text_formatting'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Document_and_website_structure`, null, text['Document_and_website_structure'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Debugging_HTML`, null, text['Debugging_HTML'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Marking_up_a_letter`, null, text['Assessment_Marking_up_a_letter'])%></li>
          <li><%-web.smartLink(`${learnBaseURL}HTML/Introduction_to_HTML/Structuring_a_page_of_content`, null, text['Assessment_Structuring_a_page_of_content'])%></li>
      </ol>
    </details>
  </li>
  <li class="toggle">
    <details <%=state('Multimedia_and_embedding')%>>
      <summary><%=text['Multimedia_and_embedding']%></summary>
      <ol>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding`, null, text['Multimedia_and_embedding_overview'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Images_in_HTML`, null, text['Images_in_HTML'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Video_and_audio_content`, null, text['Video_and_audio_content'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Other_embedding_technologies`, null, text['From_object_to_iframe_other_embedding_technologies'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Adding_vector_graphics_to_the_Web`, null, text['Adding_vector_graphics_to_the_web'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Responsive_images`, null, text['Responsive_images'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Multimedia_and_embedding/Mozilla_splash_page`, null, text['Assessment_Mozilla_splash_page'])%></li>
      </ol>
    </details>
  </li>
  <li class="toggle">
    <details <%=state('HTML_tables')%>>
      <summary><%=text['HTML_tables']%></summary>
      <ol>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Tables`, null, text['HTML_tables_overview'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Tables/Basics`, null, text['HTML_table_basics'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Tables/Advanced`, null, text['HTML_table_advanced_features_and_accessibility'])%></li>
        <li><%-web.smartLink(`${learnBaseURL}HTML/Tables/Structuring_planet_data`, null, text['Assessment_Structuring_planet_data'])%></li>
      </ol>
    </details>
  </li>
  <li class="section"><%-web.smartLink(`/${locale}/docs/Web/HTML/Reference`, null, text['Reference'])%></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 class="section no-link"><%=text['Guides']%></li>
  <li>
    <ol>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Content_categories`, null, text["Content_categories"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Glossary/Block-level_content`, null, text["Block-level_elements"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Glossary/Inline-level_content`, null, text["Inline_elements"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Quirks_Mode_and_Standards_Mode`, null, text["Quirks_Mode_and_Standards_Mode"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Date_and_time_formats`, null, text["Date_and_time_formats"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Constraint_validation`, null, text["Constraint_validation"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Microdata`, null, text["Microdata"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/microformats`, null, text["Microformats"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/Viewport_meta_tag`, null, text["Viewport_meta_tag"])%></li>
      <li><%-web.smartLink(`/${locale}/docs/Web/HTML/CORS_enabled_image`, null, text["Allowing_cross-origin_images_and_canvas"])%></li>
    </ol>
  </li>
 </ol>
</section>