，它就是个盒子，用来装内容的。还有

，用来写段落的。以前我带徒弟，他们总喜欢用表格布局，那是十年前的老黄历了。现在都用Flexbox或者Grid布局，虽然刚开始有点绕，但一旦通了，比表格灵活多了。

这里有个小细节，很多人容易忽略。在写HTML的时候，标签一定要闭合。比如 标签，虽然有些浏览器允许你不写斜杠，但为了规范，还是加上好。不然以后换服务器或者升级代码编辑器，可能会报错。这种低级错误，在专业眼里就是没入门。

接下来是CSS。这是让页面变好看的关键。别一上来就搞那些花哨的动画，先把颜色、字体、间距调对。颜色搭配要协调，字体要易读。我见过一个案例，客户非要背景用深红，文字用亮黄，结果刺眼得让人想吐。这就叫审美在线的重要性。CSS里有个选择器，叫ID和Class。ID是唯一的，Class是可以复用的。千万别把ID当Class用，不然后期维护起来，你会哭的。

说到响应式设计，这是现在的标配。手机、平板、电脑，屏幕大小不一。你得用媒体查询（Media Queries）来适配。比如，在手机上，导航栏要变成汉堡菜单；在电脑上，导航栏要横排显示。这个逻辑不难，但需要耐心调试。我有一次帮客户改代码，光是一个按钮在不同屏幕下的位置，就调了整整一下午。但这值得，因为用户体验好了，转化率自然就上去了。

数据不会撒谎。根据我的统计，加载速度每慢1秒，跳出率就会增加7%。所以，代码要精简。别写一堆没用的注释，别引入巨大的库文件。能用原生代码解决的，就别用插件。比如，做个下拉菜单，用CSS就能搞定，非要引入一个几百KB的JS库，纯属浪费。

再说说SEO。搜索引擎喜欢干净的代码。语义化的标签，比如

,