Napigasi Ngaropéa

Hayu urang nyandak situs i18n-demo.github.io salaku conto pikeun ngajelaskeun kumaha carana ngaluyukeun navigasi.

Koropak anu cocog sareng daérah wilangan dina gambar di luhur nyaéta kieu:

1. Kénca .i18n/htm/t1.pug
2. Katuhu .i18n/htm/t2.pug

pug nyaéta basa citakan anu ngahasilkeun HTML 's.

➔ Klik di dieu pikeun diajar tata basa pug

Format string ${I18N.sponsor} dipaké dina file pikeun nerapkeun internasionalisasi, sarta eusina bakal diganti ku téks i18n.yml dina diréktori basa sumber.

Koropak anu cocog sareng gaya bar navigasi .i18n/htm/topbar.css :

[!WARN] Entong nyerat css sareng js dina pug , upami henteu bakal aya kasalahan.

Komponén Wéb

js teu bisa ditulis dina pug Lamun interaksi diperlukeun, éta bisa dihontal ku nyieun komponén web.

Komponén tiasa nangtukeun komponén halaman wéb dina md/.i18n/htm/index.js teras nganggo komponén dina foot.pug .

Gampang nyieun komponén wéb, sapertos <x-img> custom0 .

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);
    }
  }
)

Ayeuna x/i-h.js dirujuk dina md/.i18n/htm/index.js , anu mangrupikeun komponén wéb anu dianggo pikeun internasionalisasi navigasi sareng téks eusi anu disaluyukeun footer Tingali kodeu sumberna 18x/src/i-h.js