HTML編碼慣例
Web開發人員在使用HTML時，往往有不確定的編碼風格和語法.
2000和2010之間，許多Web開發人員從HTML轉換到XHTML.
在XHTML中，開發人員被迫寫出有效的和結構良好的代碼.
HTML5說到的代碼驗證有點兒馬虎.
聰明和未來的證明
一個一貫使用的風格，讓別人瞭解你的HTML更容易.
在未來，如XML閱讀器，可以閱讀你的HTML.
使用形式好的更“接近XHTML的”語法，可以更聰明.
始終保持您的代碼整潔，乾淨，並形成良好.
使用正確的文檔類型
始終將文檔類型聲明爲文檔中的第一行:
<!DOCTYPE html>
如果你想私有小寫標籤，您可以使用:
<!doctype html>
使用小寫的元素名稱
HTML5允許混合大寫和小寫字母的元素名稱.
我們建議使用小寫元素名稱，因爲:
- 混合大寫和小寫的名字是不好的
- 開發者通常使用小寫名稱 (像在XHTML裏面一樣)
- 小寫字母看起來更乾淨
- 小寫更容易寫
不好的:
<SECTION>
<p>這是一個段落.</p>
</SECTION>
非常不好的:
<Section>
<p>這是一個段落.</p>
</SECTION>
好的:
<section>
<p>這是一個段落.</p>
</section>
關閉所有的HTML元素
在HTML5中，你不需要關閉所有的元素 (例如 <p> 元素).
我們建議您關閉所有的HTML元素.
不好的:
<section>
<p>這是一個段落.
<p>這是一個段落.
</section>
好的:
<section>
<p>這是一個段落.</p>
<p>This is a paragraph.</p>
</section>
關閉空的HTML元素
在HTML5中，是否關閉空元素是可選的.
允許的:
<meta charset="utf-8">
這也行:
<meta charset="utf-8" />
然而，關閉元素，使用反斜槓（/）是XHTML和XML要求的.
如果您希望XML軟件訪問您的頁面，最好關閉元素!
使用小寫屬性名稱
HTML5允許混合大寫和小寫屬性名稱.
我們建議使用小寫屬性名稱，因爲:
- 混合大寫和小寫的名字是不好的
- 開發者通常使用小寫名稱 (像在XHTML裏面一樣)
- 小寫字母看起來更乾淨
- 小寫更容易寫
不好:
<div CLASS="menu">
好的:
<div class="menu">
引號括住屬性值
HTML5允許屬性值沒有引號.
我們建議引用屬性值，因爲:
- 混合大寫和小寫的值是不好的
- 引號更容易閱讀
- 如果值包含空格，則必須使用引號
很不好:
<table class=table striped>
不好:
<table class=striped>
好:
<table class="striped">
圖像屬性
總是爲圖片添加“alt”屬性。當某些原因無法顯示圖像時，此屬性非常重要。此外，始終定義圖像寬度和高度。它減少了閃爍，因爲瀏覽器可以預留空間的圖像加載前。
不好:
<img src="html5.gif">
好:
<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">
空間與等號
HTML5允許在等號的空格。但空間更小更容易閱讀，更好地組合實體.
不好:
<link rel = "stylesheet" href = "styles.css">
好:
<link rel="stylesheet" href="styles.css">
避免長代碼行
使用HTML編輯器時，它是向右滾動不便讀取右邊的HTML代碼.
儘量避免代碼行長於80個字符.
原文：http://www.codingdict.com/article/1454