Asp.net-mvc – Adding title in contentplaceholder adds second empty title tag

asp.net-mvctitle

My master page has a contentplaceholder in the head tag.

Because I want my page's title to represent the function of the current page and because I want the title to be translated in the user's language I have added a title tag in the page's head's contentplaceholder. All jolly and good except that now there appears a second, empty title tag that off course isn't valid.

Any ideas how to solve this?

Best Answer

According to the W3C spec:

Every HTML document must have a TITLE element in the HEAD section.

Therefore, the ASP.Net platform is conforming to standards and adding an empty title tag to your page to help you achieve valid markup - it doesn't know you are about to add one through a content placeholder.

Under classic ASP.Net your options are:

Use the @page directive Title to set the content of this tag
Use the Page.Title property from your code behind to set the value programmatically.

If you are using ASP.Net MVC, the default Site.Master file had the following default text:

<title><%= Html.Encode(ViewData["Title"]) %></title>

And the default controller had:

ViewData["Title"] = "Home";

within the action result, again allowing for programmatic access to the page title.

Generally I use the HeadContent content placeholder for adding page specific static scripts and css links.

Related Solutions

Asp.net-mvc – Element ‘title’ occurs too few times, XHTML validation warning in ASP.NET.MVC master page

Do this instead:

<head>
    <title><asp:ContentPlaceHolder ID="title" runat="server">Default Page Title Here</asp:ContentPlaceHolder></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder>
</head>

Or as an alternate, set the title programattically from each page.

What's happening in your case is that when a new view is created, it creates empty content items which override the default content in the placeholders. If you remove the empty content blocks from the view, the default placeholder content will be used, but then you can't set the contents from the view. Using the code above you can override a default title from each view and include scripts, etc. in the head independently of each other.

Asp.net-mvc – How to set the page title in an ASP.NET MVC view

I would recommend 2 options.

First would to set something up in your master page that did something like this.

<% Page.Title = ViewData["Title"] ?? "Default title"; %>

Or set up a content placeholder in the head/title section that you could implement in your views to set the title with HTML.

Best Answer

Related Solutions

Asp.net-mvc – Element ‘title’ occurs too few times, XHTML validation warning in ASP.NET.MVC master page

Asp.net-mvc – How to set the page title in an ASP.NET MVC view

Related Topic