# HTML中文化 **Repository Path**: zhishi/Chinese_HTML ## Basic Information - **Project Name**: HTML中文化 - **Description**: 尝试支持用中文标签和属性编写 HTML 文件及样式表,然后转换为相应的传统文件。 - **Primary Language**: HTML - **License**: MulanPSL-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2021-02-27 - **Last Updated**: 2021-02-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # HTML中文化 ### 介绍 尝试支持用中文标签和属性编写 HTML 文件及样式表,然后转换为相应的传统文件。 HTML 标签不多,但属性和样式非常多,但遗憾的是,目前只能用英文书写,甚至不支持自定义中文标签,这种殊无必要的规定是赤裸裸的英文霸权。 **Web 中文标准和文档亟待制定。** 本项目现在仅有一个极其简陋的原型版。 由于web标准不支持中文,扩展 emmet 的代码片段的缩写现在只好使用中文首字母拼音。需要改造 emmet 以支持中文缩写的识别。 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0227/145322_d70be505_5063937.png "image-20210227134756019.png") 有了 emmet 支持,在 VSC 中写中文标签非常轻松愉快。(注意:需在 VSC 的 settings.json 中设置 emmet.extensionsPath 指向 snippets.json 所在的文件夹) ![输入图片说明](https://images.gitee.com/uploads/images/2021/0227/145336_79616dc0_5063937.png "image-20210227135003564.png") 写完后,用基于 python html 解析器编写的转换器将所编写的 html 文件转换成可以被当前浏览器识读的传统文件。注意:这个转换器是用草蟒(python汉化版)语言写成的。 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0227/145348_959aad7d_5063937.png "image-20210227135427044.png") CSS 解析和转换部分还没有开始。 目前,中国的程序员当中最多的是前端程序员。以 web 中文标准为抓手,创建前端中文化开发环境和生态,必将节省程序员乃至普通大众的大量学习和开发时间,降低开发成本,而且对中国基础软件业的发展也会大有好处。 由于本人忙于草蟒的开发工作,HTML 中文化项目只能仰赖志同道合者的努力! ### 标签中英对照 下面列出的是本人翻译的 HTML 标签及对应的英文,供大家讨论和参考。 ```python 标签字典 = { # 主根元素 '网页' : 'html', # 文档元数据 '基址' : 'base', '页头' : 'head', '链接' : 'link', '元数据' : 'meta', '样式' : 'style', '抬头' : 'title', # 分区根元素 '主体' : 'body', # 内容分区 '地址' : 'address', '文章' : 'article', '旁白' : 'aside', '页脚' : 'footer', '页眉' : 'header', '标题1' : 'h1', '标题2' : 'h2', '标题3' : 'h3', '标题4' : 'h4', '标题5' : 'h5', '标题6' : 'h6', '标题组' : 'hgroup', '主要' : 'main', '导航' : 'nav', '部分' : 'section', # 文本内容 '块引用' : 'blockquote', '描述列表' : 'dl', '术语' : 'dt', '描述' : 'dd', '分区' : 'div', '图形题注' : 'figcaption', '图形' : 'figure', '水平线' : 'hr', '无序' : 'ol', '有序' : 'ul', '条目' : 'li', '段落' : 'p', '预格式化' : 'pre', # 内联文本语义 '锚点' : 'a', '缩写' : 'abbr', '注意' : 'b', '双向隔离' : 'bdi', '双向覆盖' : 'bdo', '换行' : 'br', '引用' : 'cite', '代码' : 'code', '数据' : 'data', '定义' : 'dfn', '强调' : 'em', '习语' : 'i', '键盘' : 'kbd', '突出' : 'mark', '引语' : 'q', '注音文本' : 'rb', '注音字母' : 'rt', '注音括号' : 'rp', '注音语义' : 'rtc', '注音' : 'ruby', '删除线' : 's', '示例' : 'samp', '小字' : 'small', '范围' : 'span', '重要' : 'strong', '下标' : 'sub', '上标' : 'sup', '时间' : 'time', '下划线' : 'u', '变量' : 'var', '断字' : 'wbr', # 图片和多媒体 '区域' : 'area', '音频' : 'audio', '图像' : 'img', '映射' : 'map', '轨道' : 'track', '视频' : 'video', # 内嵌内容 '嵌入' : 'embed', '内框' : 'iframe', '对象' : 'object', '参数' : 'param', '图片' : 'picture', '入口' : 'portal', '来源' : 'source', # SVG 和 MathML '矢量图' : 'SVG', '数学' : 'math', # 脚本 '画布' : 'canvas', '代脚本' : 'noscript', '脚本' : 'script', # 编辑标识 '删除' : 'del', '插入' : 'ins', # 表格内容 '题注' : 'caption', '列' : 'col', '列组' : 'colgroup', '表格' : 'table', '表体' : 'tbody', '单元格' : 'td', '表尾' : 'tfoot', '表头' : 'thead', '表行' : 'tr', # 行? # 表单 '按钮' : 'button', '选项表' : 'datalist', '控件集' : 'fieldset', '表单' : 'form', '输入' : 'input', '标签' : 'label', '仪表' : 'meter', '选项组' : 'optgroup', '选项' : 'option', '输出' : 'ouput', '进度条' : 'progress', '选择' : 'select', '文本区' : 'textarea', # 交互元素 '详情' : 'details', '对话框' : 'dialog', '菜单' : 'menu', '摘要' : 'summary', # Web 组件 '槽' : 'slot', '模板' : 'template' } ```