Individualizuota Navigacija

Paimkime demonstracinę svetainę i18n-demo.github.io kad paaiškintume, kaip tinkinti naršymą.

Failai, atitinkantys sunumeruotas sritis aukščiau esančiame paveikslėlyje, yra tokie:

1. Liko .i18n/htm/t1.pug
2. Teisingai .i18n/htm/t2.pug

pug yra šablono kalba, kuri generuoja HTML .

➔ Spustelėkite čia, kad išmoktumėte gramatiką pug

${I18N.sponsor} formato eilutė faile naudojama internacionalizavimui įgyvendinti, o jos turinys bus pakeistas i18n.yml tekstu šaltinio kalbos kataloge.

Naršymo juostos stilių atitinkantis failas yra : .i18n/htm/topbar.css

[!WARN] Nerašykite css ir js į pug , kitaip bus klaida.

Žiniatinklio Komponentai

js negali būti parašytas pug Jei reikia sąveikos, tai galima pasiekti sukuriant žiniatinklio komponentą.

Komponentai gali apibrėžti tinklalapio komponentą md/.i18n/htm/index.js , o tada naudoti komponentą foot.pug .

Nesunku sukurti žiniatinklio komponentus, pvz., tinkintas <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);
    }
  }
)

Šiuo metu x/i-h.js nurodomas md/.i18n/htm/index.js , kuris yra žiniatinklio komponentas, naudojamas internacionalizuoti naršymo ir poraštės tinkinto turinio tekstą. Žr. šaltinio kodą 18x/src/i-h.js