ASP.NET 動態設置頁面標題兩種方法：內嵌表達式與 Literal 控件

前言

動態頁面標題對 SEO、瀏覽器標籤識別、書簽收藏至關重要。ASP.NET Web Forms 提供兩種原生方式：**內嵌代碼表達式** 與 **Literal 控件佔位**，本文詳解實現細節、優缺點對比、最佳實踐。

方法一：內嵌代碼表達式 (最簡潔)

1. .aspx 頁面

<head runat="server">
    <title><%= PageTitle %></title>
</head>

2. .aspx.cs 後台

public partial class NewsView : System.Web.UI.Page
{
    // 必須是 protected/public 字段，屬性需至少有 getter
    protected string PageTitle = "默認標題 - 網站名";
    
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            // 從數據庫/模型獲取真實標題
            string title = GetNewsTitleFromDb(Request.QueryString["id"]);
            PageTitle = $"{title} - 新聞頻道 - 我的網站";
        }
    }
}

優缺點

方法二：Literal 控件佔位 (靈活、支持 MasterPage)

1. .aspx 頁面 (設計視圖拖入 Literal → 切換源碼移至 <title> 間)

<head runat="server">
    <title>
        <asp:Literal ID="litPageTitle" runat="server" />
    </title>
</head>

2. .aspx.cs 後台

public partial class NewsView : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string title = GetNewsTitleFromDb(Request.QueryString["id"]);
            litPageTitle.Text = $"{title} - 新聞頻道 - 我的網站";
        }
    }
}

優缺點

MasterPage 場景最佳實踐

母版頁 Site.Master

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server">默認網站標題</asp:ContentPlaceHolder></title>
</head>

內容頁 Content.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <asp:Literal ID="litTitle" runat="server" />
</asp:Content>

protected void Page_Load(object sender, EventArgs e)
{
    litTitle.Text = "動態生成的頁面標題";
}

原理：`ContentPlaceHolder` 默認內容被 `Content` 覆蓋，`Literal` 渲染為純文本，最終輸出 ``。

SEO 優化擴展：動態 Meta 標籤

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server"></asp:ContentPlaceHolder></title>
    <meta name="description" content="<asp:ContentPlaceHolder ID="MetaDescription" runat="server"></asp:ContentPlaceHolder>" />
    <meta name="keywords" content="<asp:ContentPlaceHolder ID="MetaKeywords" runat="server"></asp:ContentPlaceHolder>" />
</head>

總結

掌握兩種方法，根據項目架構選擇。現代 ASP.NET Core MVC/Razor Pages 推薦使用 `@ViewData["Title"]` 或 `@Model.Title`，原理相通。