技术杂谈：以Web为例，技术中的以人为本的设计

技术杂谈：以Web为例，技术中的以人为本的设计 label中的for label标签大家都知道，但是label标签有一个for属性，可能就并不是所有人都知道了。 有可能只有一部分人仔细看过html参考或者一些具体的书籍才知道。 label就是标签，它一般是一个输入的标签，也就是一个input的标签。 这个for指向的一般也是某个input元素，它的作用就是当你点击这个label的时候，也会自动把输入光标focus到这个input上。 也就是你无论是点这个文字标签，例如“姓名：”，还是这个输入框，都能进行输入。 这就是一个很人性化的设计，或者说，即便你点错了，比如input点偏了，也更有可能点中到输入。 随着当前web/app设计元素的不断更新，倒不一定完全用这种结构了。 当前很多结构设计是input+placeholder的，而不是label+input的，但是这种思路，依然是我们值得思考的。 严格来说，label和placeholder可以是不同的语义。 比如label是告诉你要输入域名，placeholder告诉你号码格式应该是http://xxx.com。 这样一个是语义上的说明，一个是示例。

为什么用a而不是button 有些时候，我们看到网页上的按钮，可能并不是按钮。 显然button是按钮，而a是超链接。 一般超连接到设计，可能是有下划线的凸显颜色的文本。 而一般按钮设计，是有边框、有边框阴影的一个矩形。 不过实际应用中，有时候我们会发现，有些现实的是按钮的样式，但是实际底层是超链接，为什么要这样呢？ 这跟人的操作习惯有关系。 有时候按钮所代表的也是跳转的语义，而不是提交/添加这样的语义 那在跳转的语义下，其实用户有可能有两种操作： 1. 在当前页面打开这个跳转 2. 在新页面打开这个跳转 在一般浏览器默认的情况下，鼠标中键（对，就是向下按鼠标滚轮，不是向下滚动鼠标滚轮）作用在一个超链接上，是在新窗口（或者新标签页）打开这个超链接。 而如果a标签没有明确的提示，就是没有设置特殊的target属性，那么左键点击是在当前页面打开这个超链接。 这也就是说，如果一个元素，它的语义是跳转，而从美学设计的角度，我们希望它是按钮，我们就可以考虑用a标签代替button标签 而且这种设计也允许用户更大的操作空间，就是用户可以自己选择是在新窗口打开还是当前窗口打开 URL/URI/为啥要history.push，傻傻分不清楚 我甚至怀疑，一些web开发者，可能都不知道URL是Uniform Resource Locator。 好滴，那应该也知道URI是什么吧？URI是Uniform Resource Identifier。 那应该也知道URI和URL的关系和区别吧？ 好吧～～ 这本身其实是一个很大的话题。 话说，自从盘古开天地以后，过去许久 一位名为Tim-Berners Lee的仙界神将私自下凡，创造了名为互联网的东东 后来还被英国女王封为爵士，史称Sir Tim-Berners Lee…… 串台了. 反正在开始的时候吧，为什么叫统一资源定位符，和统一资源ID呢？ 其实是希望，每个资源，就是好像每个东西，就比如一个篇具体的文章，一张具体的突破，甚至一段具体的文字，都有唯一的一个地址 为什么呢？ 反过来想，如果所有网页，你怎么点，地址栏都不变，会怎么样。 首先在现代web技术中是可以做到的 那如果我们这么做，会发生什么呢？ 其中一个问题是，你很难吧东西分享给别人了 因为地址不会变啊，所以你分享一张图片的时候只能说，打开这个网站首页，然后点击娱乐频道，点击宠物子频道，点击到下面第三页，看到的第四个图，这个就是我想要分享给你的 这样好吗？ 那当然是最好你能把那个图片或者文章，直接复制网页地址发给你的朋友，然后他点开，也看到的是一个和你所看到的一模一样的图片或文章，才更好吧 这就是URI的其中一个意义，让每一个碎片，都有唯一的地址 当然了，这太理想了，实际上不可能真的，任何东西都有一个唯一地址 当然很难做到并不等于我们不应该做到，不等于我们就不做了 而是说，我们还是要，尽可能的去做 至少，你要知道，这种原因 那你可能说了，那有些页面就是唯一不了啊，比如每日新闻，它每天都在动态的变，我怎么唯一呢？ 这里就是我们开发者需要考虑的了 比如说，每日新闻首页，做不到每次打开都是一致的，但是每个具体的一条新闻，应该能做到吧？ 我们是不是也可以把新闻做一个每日存档呢？那至少今天过去了，我说要看2021年10月15日的新闻，也有那么一个唯一且永久的连接，能到那里 还是那句话，方便定位，定位代表无论是分享、还是开发中解决bug，都是有用的 比如测试工程师告诉你哪个页面有问题，最好就是能直接给你一个地址，告诉你就这里有问题。 而不是要跟你说，你要这么点、点、点，然后才到有问题的页面。 这种统一，都是为了解决效率问题，让任何人的沟通成本下降的。 当然我也说了，这是URL的一小部分目的 不过它就已经很值得我们深思了 我们从这个角度出发，一方面可以感觉到前人思考的深度，又应该去设想一下，自己开发的不足 即便是今天，我们不仅仅有web，我们还有手机应用，其他终端应用，但是这种uri的思想，依然可以帮助我们 知识，永不过时 PS：其实你仔细观察，会发现GitHub的每个代码的每一行，都有唯一地址；StackOverFlow的每个问题下的每个评论，都有唯一地址。 结尾 随便挑了三个点来说，当然了，我说的既不全面，也可能不好。 毕竟是文章杂谈，不是书，也不是教程，只是随便一点点思想的火花。