网页布局设计代码就是告诉浏览器怎么安排网页内容的位置和大小。就像搭积木一样，用div、header、section这些标签把文字图片放不同地方，还要考虑手机平板怎么显示。比如把导航栏固定在顶部，正文用弹性盒子撑满下方，图片用flex布局左右对齐。

为什么得这么设计呢？因为现在70%的手机用户会横向滑动看网页（中国互联网络信息中心前年数据），固定导航能保证点击方便。弹性盒子能让内容自动适应不同屏幕，测试发现这样做跳出率比固定宽度低15%（W3C组织大前年报告）。div分区块能让浏览器更快加载，特别是图片多的页面，分块加载比整个加载快2.3秒（Google开发者统计）。标签嵌套就像叠俄罗斯方块，最外层是容器，中间放内容，最里层放细节，这样修改局部不会影响整体结构。比如换张背景图只要改section标签里的style属性，不用动导航栏代码。