HTML 代碼約定
很多 Web 開發人員對 HTML 的代碼規範知之甚少。
在2000年至2010年，許多Web開發人員從 HTML 轉換到 XHTML。
使用 XHTML 開發人員逐漸養成了比較好的 HTML 編寫規範。
而針對於 HTML5 ，我們應該形成比較好的代碼規範，以下提供了幾種規範的建議。
使用正確的文檔類型
文檔類型聲明位於HTML文檔的第一行：
<!DOCTYPE html>
如果你想跟其他標籤一樣使用小寫，可以使用以下代碼：
<!doctype html>
使用小寫元素名
HTML5 元素名可以使用大寫和小寫字母。
推薦使用小寫字母：
混合了大小寫的風格是非常糟糕的。
開發人員通常使用小寫 (類似 XHTML)。
小寫風格看起來更加清爽。
小寫字母容易編寫。
不推薦:
<SECTION>
<p>這是一個段落。</p>
</SECTION>
非常糟糕:
<Section>
<p>這是一個段落。</p>
</SECTION>
推薦:
<section>
<p>這是一個段落。</p>
</section>
除此之外，中星小編還介紹4款最受歡迎的HTML5/CSS3應用及代碼，一起來看看吧。
1、基於HTML5 Canvas的圖表插件Chart.js
chart.js是一款基於HTML5 Canvas的圖表插件，chart.js的功能非常強大，它不僅提供了常見的柱形圖、折線圖、餅狀圖，而且還提供了環形圖、雷達圖，樣式外觀多樣，圖表的色彩搭配也比較清新。chart.js還有一個特點就是圖表在初始化的時候有彈性動畫特效，這也是HTML5 Canvas的一大功勞。
柱形圖折線圖餅狀圖環形圖雷達圖極線圖
2、HTML5 3D動畫柱狀圖表
這次我們要分享一款很酷的HTML5 3D圖表應用，它是一款柱狀圖表，呈3D的外觀樣式，並且我們可以改變圖表的顏色主題，讓其更加符合你的需求。這款HTML5圖表可以切換需要查看的圖表數據，在切換的時候有不錯的動畫效果，而且，我們還可以切換圖表的大小，以適應不同大小的瀏覽窗口。
3、CSS3 3D環形進度條 帶進度百分比
這是一款基於純CSS3的環形進度條，而且，從外觀上看，這款進度條很有3D立體的感覺，尤其是在進度條上有立體的投影，顯得非常小巧迷人。另外，進度條的環形中央帶有進度百分比，可以實時根據進度來更新百分比的數值，和之前分享的HTML5/CSS3扇形進度條動畫相比有一定優勢。
4、純CSS3垂直Tab菜單 Tab樣式可自定義
Tab菜單在網頁上使用起來非常方便，也比較節省空間，所以很多門戶網站很喜歡用Tab菜單。今天我們要來分享一款垂直方向的Tab菜單，它是用純CSS3實現的，加載和切換特別靈活。另外，Tab菜單的樣式你可以使用CSS重新定義，擴展很方便。
、編碼格式：使用UTF-8
請確保您的編輯器使用的字符編碼為UTF-8，沒有字節順序標記。在html模板或文檔中通過meta來定義編碼格式。
6、註釋
根據需要解釋代碼，這個就不多說了，團隊開發這個非常重要，儘管很多時候大家不願意遵守，但確實重要！
7、TODO待定項
尚未實現的或待定的內容一定要標識強調出來，利用TODO辨識，而非其他諸如@@來強調。在todo項中如果有必要列明聯繫人，比如負責人。在TODO後追加一個冒號作為行動內容，例如TODO：為網站增加html5模板。
相關推薦
