前端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
“页面哪里坏了，就在浏览器现场查看它真实加载和执行了什么。
外观与交互
让页面看得清、点得动，并在不同设备上保持可用。
CSS
“内容没变，怎样让电脑和手机都读得舒服？
JavaScript
“点击之后，怎样按真实结果更新界面？
响应式设计Responsive Design
“让同一网页在电脑、平板和手机上都能顺手看和操作。
撤销Undo
“做错一步能按返回键，不必从头再来。
选中状态Selection
“让人一眼知道自己刚才点中了什么。
鼠标指针Cursor
“鼠标变成什么形状，就是页面给你的下一步暗示。
焦点Focus
“你现在用键盘打字或按回车，会作用到哪个控件上。
激活状态Active State
“按按钮的这一瞬间，页面要告诉你它确实收到了动作。
禁用状态Disabled State
“现在不能点，但要让人知道缺什么才能点。
拖拽Drag and Drop
“用手把屏幕里的东西拖到它该去的位置。
确认交互Confirmation
“重要动作先让人看清会发生什么，办完后再让他知道结果。
操作历史History
“让人知道之前发生了什么，必要时能找到上一版。
校验Validation
“用户填完后，系统按规则检查这份资料能不能继续办理。
找不到页面Not Found Page
“用户走到不存在的门牌时，告诉他这里没有内容，并给回首页或搜索的路。