编码规范、垂直居中等问题

1、关于编码规范的几点认识

正所谓“无规矩无以成方圆”，在符合标准的情况下，如何完善编码细节，减少bug，便于多人协作，这是自我（或团队，或业界推荐）设立一个编码规范的意义所在。个人认为编码中应该注意的几个小细节：

• 命名问题

  • 注意多使用语义化标签，你的代码能够明确的描述你所要表达的内容,表格就是表格,段落就是段落,图片就是图片,尽量减少用无语义的标签(div,span等)来描述你的所要表达的内容,使其更加可读；
  • 基于功能，内容去命名，而不是基于表现，个人认为这主要是便于维护，减少出错；
  • 采用小写。

• 编码的一些个人不熟悉细节

  • 用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。
  • 不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。
  • 不要省略可选的结束标签（closing tag）（例如，</li>或 </body>）。

可详细参考相关文档

2、垂直居中有几种实现方式，给出代码范例

• 利用上下padding等值来实现垂直居中
  简单测试一下：利用padding来实现居中

• 利用绝对定位来实现居中
  简单测试一下利用绝对定位来实现居中

• vertical-align实现垂直居中
  简单测试一下利用vertical-align属性实现垂直居中

• 转化为table-cell形式实现居中
  简单测试一下转化表格形式实现居中

3、实现几种效果，每种效果都只使用一个html 标签来实现

简单测试一下几种提醒框效果