https://github.com/windfarer/front-end-class-naming

做网页给标签写class时不好意思用拼音的，可以来看看
https://github.com/windfarer/front-end-class-naming

Last synced: 18 days ago
JSON representation

做网页给标签写class时不好意思用拼音的，可以来看看

• Host: GitHub
• URL: https://github.com/windfarer/front-end-class-naming
• Owner: Windfarer
• Created: 2015-03-06T08:18:54.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-19T12:35:42.000Z (almost 10 years ago)
• Last Synced: 2024-12-16T02:57:29.513Z (18 days ago)
• Homepage:
• Size: 164 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#前端常用命名

收集了一些常用的网页元素的英文名称，用于解决给class命名的老大难问题   

| 中文        | 英文           | 备注  |

| :------------- |:-------------| :----- |

| 页面头部      | header |   |

| 页面底部 | footer     |     |

| 背景 | background    |     |

|网站图标 | logo | |

|导航条  | navbar | |

|边栏  | sidebar | |

|幻灯片(轮播)  | slider/carousel | |

|引用文字  | quote | |

|多图片矩阵  | gallery | |

|缩略图  | thumbnail | |

|进度条  | progress | |

|角标  | badge |❶ ←逼死强迫症 |

|头像  | avatar | |

|全屏区块  | cover |通常带图片背景 |

|横幅  | banner | |

| 媒体  | media |图片，标题，描述，组成的一个整体 |

|弹出气泡(弹出框)  | popover | |

|模态窗口  | modal |页面内模拟出来的弹窗 |

|下拉菜单  |dropdown |  |

| 图标 | icon |  |

| 按钮 | button |  |

| 分页 | pagination | |

| 标签 | label |  |

| 滑块按钮 |switch/toggle |  |

| 菜单 | menu |  |

持续收集中