6月18日

制作网站子页面必注意事项（前端实用版）
一、基础统一规范
布局结构统一
头部导航、底部版权、侧边栏、页脚和主页完全一致，只改中间主体内容区
样式全局统一
字体、字号、行高、颜色、按钮样式、边距间距全部沿用主站 CSS，不随意改样式
路径统一规范
统一用相对路径，别写本地绝对路径
图片、css、js、外链路径和主站保持一致，避免 404
命名规范
页面命名：about.html news.html contact.html 小写英文，无中文无空格
二、导航与跳转
主导航高亮当前页面（选中态样式）
所有内链互通：子页能返回首页、跳转其他子页
面包屑导航必须加：首页 > 分类 > 当前页面
三、SEO 优化重点
每个子页单独写title 标题、meta 描述、关键词，不重复
图片必须加 alt 属性
正文合理加 H1-H6 标题层级，一个页面只一个 H1
内容原创，不要大量复制主页内容
四、响应式适配
兼容电脑、平板、手机移动端
弹性布局 flex、百分比、rem/vw 布局，固定宽少用
小屏自动换行、隐藏冗余内容，排版不乱
五、内容排版
正文段落清晰，分段留白，不要大段文字堆砌
图文排版整齐，图片统一尺寸、统一压缩大小
表单、按钮、弹窗样式全站统一
六、功能与兼容性
引入的公共 JS、弹窗、轮播、登录等功能正常运行
兼容主流浏览器（Chrome、Edge、火狐）
测试：刷新、返回、前进、外链跳转全部正常
七、文件管理
文件夹分类存放：css、js、images、page 子页面文件夹
不乱新建样式文件，优先调用公共样式
上线前清理冗余代码、注释、无用文件
八、上线前必测
链接是否全部有效无死链
页面加载速度、图片加载正常
移动端显示无错乱
字体、配色、排版和官网风格统一
极简总结
框架照搬主页，只改中间内容；样式全站统一，路径不出错，做好适配与 SEO，导航高亮可互通。