Question

我可以将图片插入网页标题区吗？母版页代码为：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Site.master.cs" Inherits="SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

和网页代码

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"><img src="Images/cross.jpg" />

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        Welcome to ASP.NET!
    </h2>
    <p>
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p>
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&amp;clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>
</asp:Content>

我可以将图像插入标题区域吗？然后标题代码变为

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"><img src="Images/cross.jpg" />    
</asp:Content>

感谢。

Answer 1

引用w3schools：

头部元素是所有头部元素的容器。分子里面可以包含脚本，指示浏览器在哪里找到样式表，提供元信息等。

在默认的Visual Studio 2010新网站模板中，默认母版页中的HeadContent区域允许您向<head>部分添加元素。 这不要与页面上的“head”横幅混淆！如果要编辑“header”div中的登录控件，编辑Site.master

希望这可以解决您的误解，如果您需要其他指示，请发表评论。

Answer 2

你为什么要那样做？将图像放入HTML的HEAD部分是无效的，并且，对于所有.NET都会抱怨，您在浏览器中会有非常意外的结果，并且您的HTML将无法验证。

Answer 3

对于大多数人来说，“我可以做这个奇怪的事吗？”问题，你最好试着看看结果。但是，这可能会在网络浏览器中产生非常糟糕的行为，充其量。它绝对不是有效的HTML。

如果您尝试将图像加载到内存中以供日后使用，但您不希望它显示给用户，更好的方法是将其放入正文然后使用CSS通过隐藏它display: none;

将图像添加到标题区域

3 个答案: