HTML5 代码编写规范详解三

  <!DOCTYPE html>
 
  <!– 也可以使用小写来声明 –>
 
  <!doctype html>
 
  混合了大小写的源代码风格是非常不好的,让人看起来比较杂乱。
 
  开发人员通常使用小写 (类似 XHTML的编写风格)。
 
  小写风格看起来更加清爽。
 
  小写字母容易识别、编写。
 
  <!– 不推荐的写法 –>
 
  <SECTION>
 
  <p>这是一个段落。</p>
 
  </SECTION>
 
  <!– 非常杂乱的写法 –>
 
  <Section>
 
  <p>这是一个段落。</p>
 
  </SECTION>
 
  <!– 推荐写法 –>
 
  <section>
 
  <p>这是一个段落。</p>
 
  </section>
 
  <!– 不推荐的写法 –>
 
  <section>
 
  <p>这是一个段落。
 
  <p>这是一个段落。
 
  </section>
 
  <!– 推荐写法 –>
 
  <section>
 
  <p>这是一个段落。</p>
 
  <p>这是一个段落。</p>
 
  </section>
 
  不推荐写法
 
  <meta charset=”utf-8″>
 
  推荐写法
 
  <meta charset=”utf-8″ />
 
  同时使用大小写是非常不好的习惯。
 
  开发人员通常使用小写 (类似 XHTML的编写风格)。
 
  小写风格看起来更加清爽。
 
  小写字母容易编写。
 
  不推荐
 
  <div CLASS=”menu”>
 
  推荐
 
  <div class=”menu”>
 
  如果属性值含有空格需要使用引号。
 
  混合风格不推荐的,建议统一风格。
 
  属性值使用引号易于阅读。
 
  以下实例属性值包含空格,没有使用引号,所以不能起作用:
 
  <table class=table striped>
 
  以下使用了双引号,是正确的:
 
  <table class=”table striped”>
 
  <img src=”html5.png” alt=”HTML5″ />
 
  定义好图片的尺寸,在加载时可以预留指定空间,减少闪烁
 
  <img src=”html5.png” alt=”HTML5″ style=”width:200px;height:200px” />
 
  <link rel=”stylesheet” href=”styles.css”>
 
  <link rel=”stylesheet” href=”styles.css”>?

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61741.shtml

张贴在2