热门关键字:
jquery > jquery教程 > jquery教程 > HTML5 代码编写规范详解三

HTML5 代码编写规范详解三

335
作者:管理员
发布时间:2021/4/15 17:46:10
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4462
  <!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">?




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐