Арнайы Навигация

Навигацияны қалай реттеуге болатынын түсіндіру үшін мысал ретінде демо-сайтты алайық i18n-demo.github.io

Жоғарыдағы суреттегі нөмірленген аймақтарға сәйкес файлдар келесідей:

1. Сол жақ .i18n/htm/t1.pug
2. Оң .i18n/htm/t2.pug

pug — HTML генерациялайтын үлгі тілі.

➔ Грамматиканы білу үшін осы жерді басыңыз pug

${I18N.sponsor} пішім жолы файлда интернационалдандыруды жүзеге асыру үшін пайдаланылады және оның мазмұны бастапқы тіл каталогындағы сәйкес i18n.yml ауыстырылады.

Шарлау тақтасының стиліне сәйкес файл .i18n/htm/topbar.css :

[!WARN] pug ішінде css және js деп жазбаңыз , әйтпесе қате болады.

Web Компоненттері

js pug -де жазу мүмкін емес. Егер өзара әрекеттесу қажет болса, оған веб-компонент жасау арқылы қол жеткізуге болады.

Компоненттер веб-бет компонентін md/.i18n/htm/index.js -де анықтай алады, содан кейін компонентті foot.pug -де пайдалана алады.

Теңшелетін <x-img> сияқты веб-компоненттерді жасау оңай.

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

Қазіргі уақытта md/.i18n/htm/index.js 18x/src/i-h.js де x/i-h.js ге сілтеме жасалды, ол навигацияны және колонтитул теңшелген мазмұн мәтінін интернационалдандыру үшін пайдаланылатын веб-компонент болып табылады.