【前端】#001 编码规范

时间：2015-07-04 15:19:26 阅读：123 评论：0 收藏：0 [点我收藏+]

标签：

HTML编码风格：

文档类型： HTML5类型

<!doctype html>

 编码： 使用 meta 设置编码类型 UTF-8

<!doctype html>

<html>

  <head>

     <metacharset="utf-8">

  </head>

  <body>

  </body>

</html>

大小写：除了 Text  CDATA元素，其他都使用小写

缩进：整个文件要统一（具体看情况使用 2、4空格）

换行：出现块级元素(div、p)，列表元素(ul,ol),表格元素(table) 换行，行内元素大于80换行

编程风格

<!-- 不推荐 –>

<linkrel="stylesheet"href="//www.google.com/css/maia.css"type="text/css">

<!-- 推荐 –>

<linkrel="stylesheet"href="//www.google.com/css/maia.css">

<!-- 不推荐 –>

<scriptsrc="//www.google.com/js/gweb/analytics/autotrack.js"type="text/javascript"></script>

<!-- 推荐 –>

<scriptsrc="//www.google.com/js/gweb/analytics/autotrack.js"></script>

6. 优先使用 button标签，而不是 <input type=”button”title=”按钮”/>

7. html标签必须设置 title 属性

CSS 开发规范

/* 不推荐 */h3{
  font-weight:bold;
}

/* 推荐 */h3 {
  font-weight: bold;
}

/* 不推荐 */a:focus, a:active { position: relative; top: 1px; }
/* 推荐 */h1,
h2,
h3 {
  font-weight: normal;
  line-height: 1.2;
}

书写顺序

css应该按以下顺序书写，原则是 定位布局优先、细节其次

Z-index 使用规范

原则上模块css使用到绝对定位要遵守如下规范，但不强制执行。在开发过程中少用绝对定位布局，多使用布局管理器来管理布局。

标签：

原文地址：http://www.cnblogs.com/zhongxia/p/4620679.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行