平时做网页设计或者前端开发，经常会跟服务器打交道。比如你做完一个页面，想本地预览一下效果，顺手敲了个地址 http://localhost，回车一刷，页面出来了——但你有没有想过，背后其实是哪个“门”在帮你传数据？这个“门”，就是端口。
HTTP 默认用的是 80 端口
HTTP 协议的默认端口是 80。也就是说，当你访问一个网址像 http://example.com 的时候，浏览器实际上会自动连接到目标服务器的 80 端口。你不用手动写出来，是因为浏览器帮你默认加上了。
举个例子，下面这两个地址其实是等价的：
http://example.com
http://example.com:80只有当你使用的不是默认端口时，才需要显式标注。比如你在本地搭了个测试服务跑在 3000 端口，就得写成 http://localhost:3000 才能访问。
HTTPS 是 443，别搞混了
现在大部分网站都用 HTTPS 了，它的默认端口是 443。和 HTTP 一样，浏览器也会自动补全。所以你输入 https://example.com，实际走的是 443 端口。
你可以试着在地址栏手动加上端口号看看：
https://example.com:443大多数情况下，页面照样正常打开，因为这就是它本来的通信入口。
为什么设计默认端口？
设定默认端口其实是为了方便。就像寄信不需要每次都写“中国”一样，大家默认就知道起点和终点该去哪儿。如果每个网址都要写端口，那不仅啰嗦，还容易出错。
对于图形设计师来说，虽然不常直接配置服务器，但在使用 Figma 同步、Web 预览动效，或者用 Sketch + Web Export 分享页面时，背后的传输机制其实都依赖这些基础规则。了解一点网络常识，调试问题时能更快定位是不是环境没配对。
本地开发常见端口参考
做前端或交互设计，本地起服务很常见。下面几个端口你可能天天见：
- 3000：React create-react-app 默认
- 5500：Live Server 常用端口
- 8080：Tomcat 或某些代理服务常用，也常作为 HTTP 备用端口
遇到“无法访问此网站”时，先看看是不是服务根本没跑在对应端口上，或者被占用了。
说到底，HTTP 默认端口是 80 这件事，看起来小，但在实际操作中挺关键。知道它存在，至少下次看到别人写 :80 不会觉得多余，也明白为啥有时候少了它反而连不上。