Example 1:
<head>
<meta http-equiv="description" content="<%= Foo %>"/>
</head>
Renders
<meta http-equiv="description" content="Bar"/>
Example 2:
<head runat="server">
<meta http-equiv="description" content="<%= Foo %>"/>
</head>
Renders:
<meta http-equiv="description" content="<%= Foo %>"/>
Note the discrepancy, the < has become < but the > remains the same.
There are some questions on this topic, and the answers are the workarounds, but nobody seems to know why this happens.