先把结构写对
浏览器读到的不是设计稿，是一层层嵌套清楚的标签。
HTML 只负责给内容起名字。标题、段落、图片、按钮、表格，都要先被标记出来，浏览器才知道它们分别是什么，后续的样式和脚本才有依附的地方。
<h1><p><a><form>
<header>html、head、body 是整页的三层外壳。head 放标题、编码和引用，body 放用户真正看见的内容。骨架一乱，后面再补 CSS 也救不回来。
<nav>header、nav、main、article、aside、footer 不是换个好看的名字，而是告诉搜索引擎、读屏软件和下一任同事：这块区域扮演什么角色。
<main>a 负责跳转，img 负责插图，video 和 audio 负责时间轴内容。地址写对、替代文本写清，页面才既可访问又可维护。
<form>input、textarea、select、button 把用户意图交给服务器。登录、搜索、留言、下单，最后都要落到一次表单提交。
<footer>标签嵌套要能一眼看懂，不要用无意义的 div 把结构淹没。结构清楚的页面，改版时才不需要推倒重来。
浏览器读到的不是设计稿，是一层层嵌套清楚的标签。
HTML 只负责给内容起名字。标题、段落、图片、按钮、表格，都要先被标记出来，浏览器才知道它们分别是什么，后续的样式和脚本才有依附的地方。