你知道 UI 组件的 Tab 与键盘上的 Tab 键有什么不同吗?

257 阅读2分钟

今天在写 #BlazorUI# TabBar 组件时,突然想说,这个 tab与键盘上的那个 tab 键的 tab 不是同一个词。这两个 tab 都有切换的作用。不仔细了解还真以为是一个 tab 呢。以前也没去仔细想过。今天特意查了一下资料。简单介绍一下这两个 tab 的意思。

组件的 tab 是指标签,签条。他本身就是一个单词。不是缩写。
多个 tab 组成的 Tabs, 是指标签卡或标签页。有的组件库叫选项卡,这不准确,本意就是标签卡。点击标签可以切换到对应的卡片或页面。UI 形状也像现实中放档案抽屉中的标签一样。在现实中,档案放在抽屉里时,会给每个档案贴上个标签,并错位突排列。翻下标签就能找到想要的档案。在UI组件中,也差不多是这个操作和意思。

键盘上的 tab 键是 Tabulator key的缩写。原始用处是用于绘制表格的一个键,在早期电脑操作系统中,用于绘制无边框表格。早期电脑系统(DOS系统)不像Windows系统可以用鼠标来绘制,通常都是用键盘来控制字符对齐。为了使表格各个列都可以很方便地进行对齐操作,在制表时就要按Tab键。每按一次Tab键,光标移动到8n+1位置(n为正整数,1为第一个字符位置)

现在的用处还保留了在编辑时输入制表符,用作格式的缩进。但各个编辑器都有自动对齐和缩进的功能,所以这个键就用得很少了。后来,Windows 系统为了不浪费这个键。又让其按下后可以切换到下一个焦点组件上。而且这个功能似乎比原始的用意用得更多了。