从鸿海便当「Bandott」官网学习网页设计常见「路径」设定错误

这几天在找可提供第四台有线电视频道直拨的数位机上盒时，发现鸿海旗下「便当（Bandott）」的官网设计，竟然犯了一个初学者常见错误：「因为懒惰没有检查到网站链接的错误设定。」

请参见下图一，便当官网上「商务合作」选项的对应链接是「https://www.bandott.com/mailto:[email protected]」。

图一，便当官网界面信息。

「Mailto」本身是浏览器可辨识的通讯协定，与「http & https」有著相同的作用，主要目的是让浏览器可呼叫默认的电子邮件程序，并将收件人信箱、标题直接填入新邮件里头，算是很方便的常见用法。

例如「商务合作」这类用途的设计，除了可提供联络表格提供线上填写服务外，大多会像便当这样让用户线下写信询问。

不过便当官网今天的问题出在网页开发阶段，设计师并未检查到 mailto 在客户端显示时，前方意外被挂上 http 域名，导致浏览器只能辨识出错误的网站页面。

这种错误状况可能有两个原因，一个是网站的后台外挂（Plugin）主动将所有链接通通加上自家网站的域名，再透过外挂内建的对应表让用户可以正确链接到外部网站；另一个原因就比较简单了，网页设计师一开始就写错了 mailto 的正确链接，而且他一直没有检查到。

正常的架站做法是在完成一个正式网站的基础架构设计后，至少完整检查过一次主要页面下几个重要区域的设计是否完全正确，试著把所有链接全都点击过一次，耐心的检查，尤其当你还是收钱办事时，这更是你的义务。

其实不光是 mailto 可能会出现这种问题，影像的「img」也是经常会发生错误的检查重点，只不过因为图片出不来很容易发现错误罢了。大家其实只要多加留心一点，未来开发网站时很容易就会有感觉了。