ASP.NET:文本与标签

是的,主要的区别是 Literal 控件只是呈现文本,但是 Label 控件围绕它 <span> 标签(除非使用 AssociatedControlID 属性,在这种情况下 标签 控件将呈现 <label> 标签)。

因此,标签的样式可以更容易设置,但是如果您只是插入文本,那么文字就可以了。文本控件还有一个方便的属性 Mode 它控制文本的呈现方式。您可以对它进行HTML编码,或者在不做任何更改的情况下进行呈现,或者删除任何“不支持的标记语言元素”。

如果您没有应用任何样式(例如 标签 的 CssClass 属性),可以更换 标签 控件与 字面意义的 控制。

当你有类似的代码

<asp:Label EnableViewState="false" ID="Label8" runat="server" 
        AssociatedControlID="txtEmail">Email Address:</asp:Label>

<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>

最好使用label元素,因为它可以正确地将其转换为HTML label 元素具有正确的 for 以文本框为目标的属性,这样,如果用户单击标签,它会自动在文本字段中设置其光标。

否则使用文本,除非将文本包装在 span 有利于CSS样式。

要显示简单的文本、格式化的文本或HTML文本,我将首先从literal开始,因为它是轻量级的,不会发出额外的跨度标记。

请参见 此视频 which shows about these extra tags.

但是我们不能在文本上应用CSS,不能向文本添加label1.attributes.add之类的属性。任何面向容器的东西都无法实现,因为文本没有被SPAN标记包围。

同样令人遗憾的是,在默认情况下,很多ASP.NET WebForm用户选择Label来显示不知道它会生成额外的跨距标记的文本,如果您有很多的Label,这些标记会使您的HTML变得沉重。

为了显示简单的文本、格式化的文本或HTML文本,我将首先从literal开始,因为它是轻量级的,不会发出额外的跨度标记。

见 this video 它演示了这些额外的标记。

但是我们不能在文本上应用CSS,不能向文本添加label1.attributes.add之类的属性。任何面向容器的东西都不能实现,因为文本没有被一个SPAN标记包围。

同样令人遗憾的是,在默认情况下,很多ASP.NET WebForm用户选择Label来显示不知道它会生成额外的跨距标记的文本,如果标签太多,这些标记会使HTML变得沉重。

ASP.NET中的不同b/w标签和文本控件

几乎在所有方面,文本控件都与标签控件相同。这两个控件都用于在Web窗体上显示文本。(可以在HTML或代码隐藏中设置文本属性。)

最大的区别是Label控件将文本包装在 span 渲染时。应用于标签控件的任何样式都将使用 style 性质 跨度 .

例如,下面的HTML

<asp:Label ID="Label1" runat="server"  Text="Label Text"
ForeColor="Red" Font-Bold="true" ></asp:Label>

将呈现为

<span id="Label1" style="color:Red;font-weight:bold;">Label Text</span>

文本控件不输出任何周围的标记,因此文本显示为:

例如,下面的HTML

<asp:Literal ID="Literal1" runat="server" 
Text="Literal Control Text"></asp:Literal>

将呈现为

Literal Control Text

因此,如果要将任何样式应用于than-use标签控件,请使用literal控件。因此,与label控件相比,literal控件是一个轻量级控件。

仅供参考:文本控件类的继承层次结构为 (对象=>控件=>文本) ,其中对于标签控件,层次结构为 (对象=>控件=>WebControl=>标签)