Tovuti ya Mfano wa Lugha Nyingi
Kipengele muhimu cha usanifu wa ShipLang ni kwamba unahitaji tu kuandika kurasa za wavuti katika lugha moja kwenye sehemu ya nyuma, na mfumo utazitafsiri kiotomatiki katika lugha nyingi.
Matumizi ni rahisi sana: ongeza tu sifa ya `data-i18n="translation key name"` kwenye kipengele kinachohitaji kutafsiriwa. Mfumo utatafsiri kiotomatiki vipengele vilivyo na alama ya `data-i18n`.
Kanuni ya utafsiri wa maandishi ya JavaScript: JavaScript inapotuma maandishi "[Hello]" kwenye ukurasa, husoma matokeo ya utafsiri wa "[data-i18n="Hello"]".
Unahitaji kubadilisha ukurasa huu hadi Kiingereza ili kuuona. Hapa chini kuna mifano ya matumizi katika hali mbalimbali za kawaida, kila moja ikiwa na msimbo na onyesho la athari halisi.
Vipengele vya kisanduku cha msimbo wa HTML 【kabla】【msimbo】 haviwezi kutafsiriwa na lebo ya data-i18n. Kuongeza i18n kwenye vipengele hivi kunaweza kusababisha hitilafu.
Mbinu za matumizi ya lugha nyingi huonyeshwa katika sehemu moja.
1.只要在标签加入[data-i18n]即代表该内容需要被翻译，示例：
<p data-i18n="welcome">欢迎使用</p>
Karibu!
2. 当[data-i18n]的值相同，系统也会容错处理，不会翻译为相同文本
<p data-i18n="k">你好</p><p data-i18n="k">不错</p>
Habari
nzuri
3. 无[data-i18n]标记文本（代表不翻译）
<span>这段文本没有data-i18n标记，不会被翻译</span>
4. 输入框Placeholder翻译兼容
<input data-i18n="email_placeholder" placeholder="请输入邮箱">
5. 按钮文本，点击按钮通过js修改文本翻译
<button data-i18n="btn_submit">修改文本</button>
主要原理是基于隐藏标签，假设隐藏标签的文本存在要翻译的文本就会读取隐藏标签的翻译之后的文本，实现翻译
6. 嵌套元素
<div><p data-i18n="nested">这是嵌套在div中的文本</p></div>
Hii ni maandishi yaliyowekwa ndani ya div.
7. JavaScript动态内容,代码中是中文，当用户切换英语也会显示英语
document.getElementById('btn').addEventListener('click',function(){alert('这是JavaScript弹窗内容');});
8. PHP动态列表
<?php foreach ($qx_list as $i) {echo '<li data-i18n="item">' . $i['text'] . '</li>';}?>
- Data ya orodha 1
- WeChat: 5833487
- Data ya orodha 2
9. Meta标签SEO
<title data-i18n="title">标题</title><meta data-i18n="keywords" name="keywords" content="关键词"><meta data-i18n="description" name="description" content="描述">
Lebo za meta zimewekwa kwenye kichwa cha ukurasa na hutumika kuonyesha nafasi za injini za utafutaji za SEO.