# ShipLang多语言网页前端开发规范 v2.0 ## 一、核心原则（必须遵守） 1. UTF-8编码，代码简洁 2. 纯原生静态HTML/JS，CSS使用Tailwind Css Cdn，字体使用GoogleFonts 3. 所有用户可见文本必须加data-i18n标签 4. 响应式自适应PC与移动端 5. SEO友好结构,title,keywords,description等也需要加data-i18n标签 6. Html不得出现任何js代码，我自己写js部分 ## 二、多语言实现规范（最重要） ### 2.1 语言切换器（固定结构） ```html
中文 台湾
``` ### 2.2 静态文本翻译标记 ```html 使用条款 ``` - 原理：后台自动翻译带data-i18n的文本 - 范围：所有用户可见的中文内容 - 规范：data-i18n 不能套娃例如： ❌
错误测试
✅
正确
测试 ## 三、网页结构 ├── │ ├── charset (UTF-8) │ ├── viewport │ ├── description(data-i18n) │ ├── keywords(data-i18n) │ └── title(data-i18n) ├── │ ├──