帮助中心

您好,欢迎来到京东JSHOP帮助中心!
> JSHOPX装修百科

电脑端-自定义内容区编码规范

人阅读
自定义内容区 2018-05-29 13:38:21

一、html写法规范

1、标签限制

自定义代码不能写以下标签

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>

</body>
</html>

2、外链限制

不允许外链CSS和JS文件

<link rel="stylesheet" href="//xx.css">
<script src="//xx.js"></script>

3、片段JS限制

不允许写片段JS

<script>
</script>

4、$符号是velocity的关键字,所有自定义代码中,不能写$符号

二、CSS命名及限制

1、错误命名方式

系统以“.d-”、“.cd-”前缀命名,为避免冲突,因此避免以此前缀命名;

.d-name{}
.cd-name{}

不能以#号和html标签开头

#name{}
div{}

2、正确命名推荐

以.user开头;

<style>
    .user-list{}
    .user-list .name{}
    .user-list .name span{}
</style>

3、CSS属性限制

position属性值不能为fixed,以下这种写法是错误的;

.left-bar{position:fixed;}

z-index属性值不能大于7,以下这种写法也是错误的;

.left-bar{position:absolute; z-index:7;}

三、其他

自定义上传图片不能超过800K;

分享到:
此文对你有用吗
1