在編寫 Angular2 中的 HTML 代碼時，為了能夠更好的維護、閱讀與共享，良好的代碼規范顯得尤為重要。下面將會針對一些常見的關鍵點進行闡述。

1. 使用統一的命名規則

// 控制器的命名應該使用 UpperCamelCase 格式
export class MyController {}
// 屬性及方法的命名應該使用 lowerCamelCase 格式
export class MyController {
public myProperty: string;
private myMethod(): void { }
}
// HTML 元素的命名應該使用 kebab-case 格式
<my-component></my-component>

2. 使用適合的縮寫

// 如果一個詞的縮寫可能引起混淆，不要使用該縮寫
// 正確
<button>Cancel</button>
// 錯誤
<button>Cncl</button>
// 根據上下文使用適當的縮寫
// 正確
<my-component></my-component>
// 錯誤
<my-c></my-c>

3. 構建可維護的 HTML 模板

// 為了提高可讀性和可維護性，在 HTML 模板中使用大括號綁定語法，并在它們的左側和右側附加空格
// 正確
<my-component [myProperty]="myValue"></my-component>
// 錯誤
<my-component[myProperty]="myValue"></my-component>

4. 編寫可讀性高的 HTML 模板

// 在模板中，每個元素或指令都應該放在新行上，并縮進兩個空格。每個屬性也應該縮進兩個空格，屬性值應該用單引號括起來
<cool-component
[myProperty1]="myValue1"
[myProperty2]="myValue2">
</cool-component>

以上是本文介紹的 Angular2 的 HTML 代碼規范的一些關鍵點，遵守這些規范能夠讓項目更加清晰、易于維護和擴展。