·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]HTML5代码规范写法的几种建议

时间:2017-01-24 20:20酷播
很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML。而针对于 HTML5 ,我们应该形成比较好的代码规范,以下提供了几种规范的建议。

HTML 代码约定

很多 Web 开发人员对 HTML 的代码规范知之甚少。

在2000年至2010年,许多Web开发人员从 HTML 转换到 XHTML。

使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。

而针对于 HTML5 ,我们应该形成比较好的代码规范,以下提供了几种规范的建议。


使用正确的文档类型

文档类型声明位于HTML文档的第一行:

  1. <!DOCTYPE html> 

如果你想跟其他标签一样使用小写,可以使用以下代码:

  1. <!doctype html> 

使用小写元素名

HTML5 元素名可以使用大写和小写字母。

推荐使用小写字母:

  • 混合了大小写的风格是非常糟糕的。
  • 开发人员通常使用小写 (类似 XHTML)。
  • 小写风格看起来更加清爽。
  • 小写字母容易编写。
    1. 不推荐: 
    2. <SECTION> 
    3.   <p>这是一个段落。</p> 
    4. </SECTION> 
    5. 非常糟糕: 
    6. <Section> 
    7.   <p>这是一个段落。</p> 
    8. </SECTION> 
    9. 推荐: 
    10. <section> 
    11.   <p>这是一个段落。</p> 
    12. </section> 

关闭所有 HTML 元素

在 HTML5 中, 你不一定要关闭所有元素 (例如 <p> 元素),但我们建议每个元素都要添加关闭标签。

  1. 不推荐: 
  2. <section> 
  3.   <p>这是一个段落。 
  4.   <p>这是一个段落。 
  5. </section> 
  6.  
  7. 推荐: 
  8. <section> 
  9.   <p>这是一个段落。</p> 
  10.   <p>这是一个段落。</p> 
  11. </section> 

关闭空的 HTML 元素

在 HTML5 中, 空的 HTML 元素也不一定要关闭:

  1. 我们可以这么写: 
  2. <meta charset="utf-8"> 
  3.  
  4. 也可以这么写: 
  5. <meta charset="utf-8" /> 

在 XHTML 和 XML 中斜线 (/) 是必须的。

如果你期望 XML 软件使用你的页面,使用这种风格是非常好的。


使用小写属性名

HTML5 属性名允许使用大写和小写字母。

我们推荐使用小写字母属性名:

  • 同时使用大小写是非常不好的习惯。
  • 开发人员通常使用小写 (类似 XHTML)。
  • 小写风格看起来更加清爽。
  • 小写字母容易编写。
  1. 不推荐: 
  2. <div CLASS="menu"> 
  3.  
  4. 推荐: 
  5. <div class="menu"> 

属性值

HTML5 属性值可以不用引号。

属性值我们推荐使用引号:

  • 如果属性值含有空格需要使用引号。
  • 混合风格不推荐的,建议统一风格。
  • 属性值使用引号易于阅读。
  1. 以下实例属性值包含空格,没有使用引号,所以不能起作用: 
  2. <table class=table striped> 
  3.  
  4. 以下使用了双引号,是正确的: 
  5. <table class="table striped"> 

 

微信付费直播
酷播云免费在线视频整体解决方案
参与开学季云视频优惠,拿GET2017教育科技大会VIP门票
进入开学季,保利威视推出云视频优惠,云视频套餐、流量超实惠大放“价”就是现在,还可以免费获取GET2017教育科技大会VIP门票哦!