Template 標籤語法

自閉合標籤規則

1. 正確寫法：

<app-header/>
<app-user/>
<app-footer/>

1. 錯誤寫法（避免在斜線前加空格）：

<app-header / >  <!-- ❌ 錯誤 -->
<app-user / >    <!-- ❌ 錯誤 -->

標準開閉標籤寫法

<!-- 完整標籤寫法 -->
<app-header></app-header>
<app-user></app-user>

<!-- 帶內容的必須使用完整標籤 -->
<app-card>
  <h1>標題</h1>
  <p>內容</p>
</app-card>

Template 語法規範

1. 標籤必須正確閉合

2. 不能有未配對的標籤

3. 遵循嚴格的 HTML 語法

常見錯誤

1. 標籤未閉合：

<div>
  <p>內容      <!-- ❌ 錯誤：未閉合 -->
</div>

1. 錯誤的巢狀結構：

<div>
  <p>內容</div>    <!-- ❌ 錯誤：標籤交錯 -->
</p>

1. 空格使用不當：

<button mat-button / >  <!-- ❌ 錯誤：多餘空格 -->