PC端页面模板

下面是PC端的标准页面模板,PC端标准页面v1.0

如果页面需要在trs系统上线,页面模板需要注意以下几点,PC端标准页面trs版v1.0:

1.将html,css编码由uft-8改为gb2312
2.页面后缀名由 .html 改为 .shtml

PC端页面模板
/css -- 放css文件和图标字体
/fonts -- 字体文件放在fonts目录下
index.css -- 主要的css文件,包括样式重置
/images -- 页面用到的图片
/js -- js文件目录
/json -- 调用json文件存放地址,一般页面可以不需要
index.html -- 首页模板

index.html内容:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我是PC端的页面模板</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="">
<meta http-equiv="X-UA-Compatible" Content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit" />
<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>
<!-- 主要内容 -->
<!-- js文件写在页面最底部 -->
<script>
</script>
</body>
</html>

index.css内容

/*css reset*/
@charset "UTF-8";
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, article, aside, audio, canvas, figure, footer, header, mark, menu, nav, section, time, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display: block; }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong, em, i { font-style: normal; font-weight: normal; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }
mark { background: none; }
input::-ms-clear { display: none !important; }
body { font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, "Hiragino Sans GB", STHeiti, "WenQuanYi Micro Hei", "Droid Sans Fallback", SimSun, sans-serif; background: #fff; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
/*page css*/