అనుకూలీకరించిన నావిగేషన్

నావిగేషన్ను ఎలా అనుకూలీకరించాలో వివరించడానికి డెమో సైట్ను ఉదాహరణగా తీసుకుందాం 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 వ్రాయవద్దు , లేకుంటే లోపం ఉంటుంది.

వెబ్ భాగాలు

pug js వ్రాయడం సాధ్యం కాదు. పరస్పర చర్య అవసరమైతే, వెబ్ కాంపోనెంట్ని సృష్టించడం ద్వారా దాన్ని సాధించవచ్చు.

కాంపోనెంట్లు వెబ్ పేజీ కాంపోనెంట్ను 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);
    }
  }
)

ప్రస్తుతం x/i-h.js అనేది md/.i18n/htm/index.js లో సూచించబడింది, 18x/src/i-h.js నావిగేషన్ మరియు ఫుటరు అనుకూలీకరించిన కంటెంట్ టెక్స్ట్ యొక్క అంతర్జాతీయీకరణ కోసం ఉపయోగించే ఒక వెబ్ భాగం.