模板代码开发规范 - 网页开发教程 - BOSSCMS

模板代码开发规范

发布日期： 2022/09/12

模板的头部<body > 以上部分及底部默认由系统自动生成，其中js和css中以 global.xxxxxxxx.js 和 global.xxxxxxxx.css 命名的文件为整站调用公共文件。

theme.xxxxxxxx.js 和 theme.xxxxxxxx.css 命名的文件是每个类型页面的独立js和css文件。

开发模板的时候直接编辑body里面的内容就行。

Html标签代码编写规范：

1. 头部使用<header >标签包裹。

2. 头部导航必须使用<nav >标签包裹，可放置于<header >标签内部或独立成为板块；

3. 中间内容部分，每个板块使用<section>标签包裹。

4. 底部使用<footer >标签包裹；

5. 内容居中宽度用<article >标签包裹；

6. 后台编辑控件的值使用<aside >标签包裹；

7. 新闻、产品、图片、下载的栏目类型详情页，标题必须使用<h1 >标签包裹；

8. css和js代码尽量写入对应css和js文件中，不要写在html页面及标签的style中；

html内容调用标准（以下皆是系统功能体现）：

1. 头部位置的地方必须包含电脑手机logo、头部导航、多语言选择等；

2. 新闻、产品、图片、下载的详情页底部必须带有tag标签、翻页按钮；

3. 底部位置必须有底部导航、友情链接、网站备案号、联网备案号、底部信息等；

Html标签注意事项：

1. 在后台开启城市分站后，前台底部会生成多城市分站链接，此时会有格式为

<section >

<article>

<a href="../zq-110100/65.html" title="北京">北京</a >

...

</article >

</section >

的分站html代码出现，在制作模板的时候要考虑该底部分站链接代码

2.底部官方版权信息代码 < section><article><a href="https://www.bosscms.net/" target="_blank" title="老板建站">Powered by BossCMS</a></article></section > 为自动判断显示的固定代码，制作模板过程应当考虑出现该版权信息时样式展示的情况

php编写规范

1. 为最大化适应“编辑模式”的操作，请参考：“编辑模式的必要元素”，“板块图文调用”

2. 输出的导航<a>标签中都必须带有 {$v[‘target’]} 的新窗口打开变量；否则后台控制会失效

3. 输出友情链接<a>标签中都必须带有{$v[‘nofollow’]}的权重变量；

模板设计模板开发

联系方式

微信二维码-购买咨询
email：service@bosscms.net
返顶