Element Framework

Languages

EF uses the global lang attribute to determine the font-family for different languages and to show localized messages in elements. Supporting languages are English, Deutsch, Japanese, Traditional Chinese and Simplified Chinese.

For more information about localization and how is it applied in different contexts see Localization.

<html lang="ja-JP">
  • HTML
  • JS
  • CSS
<ef-panel spacing>
  <p>
    &#x51AC;&#x304C;&#x6765;&#x305F;&#x3002;<br>
    &#x767D;&#x3044;&#x6A39;&#x6A39;&#x306E;&#x5149;&#x3092;<br>
    &#x4F53;&#x306E;&#x3046;&#x3061;&#x306B;&#x84C4;&#x7A4D;&#x3057;&#x3066;&#x304A;&#x3044;&#x3066;&#x3001;<br>
    &#x591C;&#x6DF1;&#x304F;&#x7720;&#x308B;<br>
  </p>
</ef-panel>
document.documentElement.setAttribute('lang', 'ja-JP');
body {
  background: none;
}
<html lang="zh-CN">
  • HTML
  • JS
  • CSS
<ef-panel spacing>
  <p>
    &#x674E;&#x7EC5; &#x300A;&#x60AF;&#x519C;&#x300B;<br>
    &#x9504;&#x79BE;&#x65E5;&#x5F53;&#x5348;<br>
    &#x6C57;&#x6EF4;&#x79BE;&#x4E0B;&#x571F;&#x3002;<br>
    &#x8C01;&#x77E5;&#x76D8;&#x4E2D;&#x9910;<br>
    &#x7C92;&#x7C92;&#x7686;&#x8F9B;&#x82E6;&#x3002;
  </p>
</ef-panel>
document.documentElement.setAttribute('lang', 'zh-CN');
body {
  background: none;
}