前端Frontend
“客户看得见、点得到、填得进去的这部分，就是网页的前端。它能展示结果，但不能单凭一个提示证明后台已经办成了事。
前端 · 网页基础
从用户看得到的网页结构开始，理解页面由什么组成。
网页基础
HTML
“为什么链接要有地址，标题要有清楚的层级？
Markdown
“用几颗符号把一段普通文字排成结构清楚的文档。
DOMDocument Object Model
“开发工具里改了标题，为什么刷新后又还原？
标题标签Title Tag
“浏览器标签上那一行名字，也是搜索者先看到的页面身份。
页面元数据Page Metadata
“给网页配一张说明卡，让搜索、分享和浏览器知道这页是什么。
网站图标Favicon
“网页标签左侧那颗小图标，帮人从一堆标签里认出你。
社交分享卡Open Graph
“把一个裸链接变成一张别人愿意点开的介绍卡。
网页应用清单Web App Manifest
“告诉手机和浏览器：把这个网站装成快捷入口时该显示什么。
无障碍访问Accessibility
“别让看不清、用键盘或网速慢的人被页面挡在门外。
文档Documentation
“把只有做过的人才知道的事写下来，让后来的人能找到、看懂和照着做。
事件Event
“页面上发生了一件事，程序据此决定下一步怎么回应。
搜索引擎优化Search Engine Optimization
“让搜索引擎知道你这页讲什么，也让真正需要的人更容易找到。
浏览器存储Browser Storage
“把学习进度暂存在这台设备的浏览器里，刷新后还能接着用。
规范网址Canonical URL
“同一内容有几扇门时，明确告诉搜索引擎哪扇是正式入口。
XML 站点地图XML Sitemap
“给搜索引擎一份最新目录，告诉它哪些正式页面值得来走一遍。
Robots.txt
“给搜索爬虫一张通行说明，但它不是保险柜的门锁。
浏览器开发者工具Browser DevTools
“页面哪里坏了，就在浏览器现场查看它真实加载和执行了什么。