【前端】#001 编码规范_html/css_WEB-ITnose-tutoriel HTML-php.cn

【前端】#001 编码规范_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-24 11:41:53

original

868 Les gens l'ont consulté

HTML编码风格：

文档类型： HTML5类型

<!doctype html>

Copier après la connexion

<strong> 编码：</strong> 使用 meta 设置编码类型 UTF-8

Copier après la connexion

<!doctype html>

Copier après la connexion

<html>

Copier après la connexion

  <head>

Copier après la connexion

     <metacharset="utf-8">

Copier après la connexion

  </head>

Copier après la connexion

  <body>

Copier après la connexion

  </body>

Copier après la connexion

</html>

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

<strong>编程风格</strong>

Copier après la connexion

<!-- 不推荐 ?>

Copier après la connexion

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

Copier après la connexion

<!-- 推荐 ?>

Copier après la connexion

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

Copier après la connexion

<!-- 不推荐 ?>

Copier après la connexion

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

Copier après la connexion

<!-- 推荐 ?>

Copier après la connexion

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

Copier après la connexion

6. 优先使用 button标签，而不是

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

CSS 开发规范

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

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

书写顺序

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

Z-index 使用规范

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