Nahiangay Nga Nabigasyon

Atong kuhaon ang demo nga site i18n-demo.github.io

Ang mga file nga katumbas sa gi-numero nga mga lugar sa ibabaw nga numero mao ang mosunod:

1. Wala .i18n/htm/t1.pug
2. Sakto .i18n/htm/t2.pug

pug kay usa ka template nga lengguwahe nga nagmugna ug HTML .

➔ Pag-klik dinhi aron mahibal-an ang gramatika sa pug

Ang format nga string ${I18N.sponsor} gigamit sa file aron ipatuman ang internasyonalisasyon, ug ang sulod niini pulihan sa katugbang nga teksto sa i18n.yml

.i18n/htm/topbar.css file nga katumbas sa estilo sa navigation bar mao ang :

[!WARN] Ayaw isulat css ug js sa pug , kung dili adunay sayup.

Mga Sangkap Sa Web

js dili masulat sa pug Kung gikinahanglan ang interaksyon, mahimo kini pinaagi sa paghimo og web component.

Ang mga component mahimong maghubit sa component sa web page sa md/.i18n/htm/index.js ug dayon gamiton ang component sa foot.pug .

Sayon ang paghimo sa mga sangkap sa web, sama sa naandan <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);
    }
  }
)

Sa pagkakaron x/i-h.js gi-refer sa md/.i18n/htm/index.js , nga usa ka web component nga gigamit para sa internationalization sa navigation ug footer customized content text Tan-awa ang source code 18x/src/i-h.js