當前位置：首頁 > 编程语言 > asp.net >内容正文

asp.net

ASP.NET 4新增功能(三) 对Web标准的支持和辅助功能的增强

發布時間：2024/4/14 asp.net 56 豆豆

生活随笔收集整理的這篇文章主要介紹了 ASP.NET 4新增功能(三) 对Web标准的支持和辅助功能的增强小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

ASP.NET 控件的早期版本有時會呈現不符合 HTML、XHTML 或輔助功能標準的標記。ASP.NET 4 消除了其中大部分異常情況。

1.用于可禁用控件的 CSS

在 ASP.NET 3.5 中，禁用某個控件時，會將一個 disabled 屬性添加到呈現的 HTML 元素中。例如，下面的標記將創建一個已禁用的 Label 控件：

<asp:Label id="Label1" runat="server"

? Text="Test" Enabled="false" />

在 ASP.NET 3.5 中，原有控件設置將生成以下 HTML：

在 HTML 4.01 中，針對 span 元素將 disabled 特性視為無效。它僅對 input 元素有效，因為它指定這些元素無法訪問。對于僅供顯示的元素（如 span），瀏覽器通常支持呈現禁用的外觀，但根據輔助功能標準，依賴于這種非標準行為的網頁并不可靠。

對于僅供顯示的元素，應使用 CSS 指明已禁用的可視外觀。因此在默認情況下，ASP.NET 4 將針對上面顯示的控件設置生成以下 HTML：

通過設置 DisabledCssClass 屬性，可以更改控件禁用時默認呈現的 class屬性的值。

2.用于驗證控件的 CSS

在 ASP.NET 3.5 中，驗證控件呈現將默認顏色 red 呈現為內聯樣式。例如，下面的標記創建一個 RequiredFieldValidator 控件：

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"? ErrorMessage="Required Field" ControlToValidate="RadioButtonList1" />

ASP.NET 3.5 為驗證控件呈現以下 HTML：

<span id="RequiredFieldValidator1"

? style="color:Red;visibility:hidden;">RequiredFieldValidator</span>

默認情況下，ASP.NET 4 不會呈現將顏色設置為紅色的內聯樣式。內聯樣式僅用于隱藏或顯示驗證程序，如下面的示例所示：

<span id="RequiredFieldValidator1"

? style="visibility:hidden;">RequiredFieldValidator</span>

因此，ASP.NET 4 不會自動以紅色顯示錯誤提示。

3.用于隱藏字段 Div 元素的 CSS

ASP.NET 使用隱藏字段存儲狀態信息，如視圖狀態和控件狀態。這些隱藏字段包含在 div 元素中。在 ASP.NET 3.5 中，此 div 元素沒有 class 屬性或 id 屬性。因此，影響所有 div 元素的 CSS 規則可能會在無意中導致此 div 變為可見狀態。為避免這種問題，ASP.NET 4 使用一個 CSS 類呈現隱藏字段的 div 元素，該類可用于將包含隱藏字段的div與其他元素區分開來。下面的示例顯示了新類的值：

4.用于Table、Image 和 ImageButton 控件的 CSS

默認情況下在 ASP.NET 3.5 中，某些控件會將所呈現 HTML 的 border 屬性設置為零。下面的示例顯示由 ASP.NET 3.5 中的 Table 控件生成的 HTML：

Image 控件和 ImageButton 控件也會這樣。由于此設置沒有必要，而且會提供應通過使用 CSS 提供的可視格式設置信息，因此在 ASP.NET 4 中未自動生成該屬性。

5.用于UpdatePanel 和 UpdateProgress 控件的 CSS

在 ASP.NET 3.5 中，UpdatePanel 和 UpdateProgress 控件不支持 expando 屬性。因此無法針對它們呈現的 HTML 元素設置 CSS 類。在 ASP.NET 4 中，這些控件已更改為接受 expando 屬性，如下面的示例所示：

<asp:UpdatePanel runat="server" class="myStyle"> </asp:UpdatePanel>

下面是此標記呈現的 HTML：

6.消除不需要的外部表

在 ASP.NET 3.5 中，以下控件呈現的HTML包裝在一個table元素中，該元素的用途是將內聯樣式應用于整個控件：

FormView
Login
PasswordRecovery
ChangePassword

如果使用模板自定義這些控件的外觀，您則可以在模板中提供的標記中指定CSS樣式。在這種情況下，不需要額外的外部表。在 ASP.NET 4 中，通過將新的 RenderOuterTable屬性設置為false，可以避免呈現表。

7.向導控件的布局模板

在 ASP.NET 3.5 中，Wizard 和 CreateUserWizard 控件可生成用于可視格式設置的 HTML table 元素。在 ASP.NET 4 中，可以使用 LayoutTemplate 元素指定布局。如果這樣做，將不生成 HTML table 元素。在模板中，可創建占位符控件來指示應在該控件中動態插入項的位置。（這與 ListView 控件的模板模型的工作方式類似。）

8.用于CheckBoxList 和 RadioButtonList 控件的新增 HTML 格式設置選項

ASP.NET 3.5 使用 HTML 表元素為 CheckBoxList 和 RadioButtonList 控件的輸出設置格式。為提供不使用表進行可視格式設置的替代方法，ASP.NET 4 為 RepeatLayout 枚舉增加了兩個選項：

UnorderedList.此選項指定使用 ul 和 li 元素而并不是表對 HTML 輸出進行格式設置。
OrderedList.此選項指定使用 ol 和 li 元素而并不是表對HTML 輸出進行格式設置。

9.Table控件的頁眉和頁腳元素

在 ASP.NET 3.5 中，可通過設置 TableHeaderRow類和TableFooterRow 類的 TableSection 屬性將 Table 控件配置為呈現thead和tfoot元素。在 ASP.NET 4 中，這些屬性均默認設置為適當的值。

10.Menu 控件的 CSS 和 ARIA 支持

在 ASP.NET 3.5 中，Menu 控件使用的是HTML table 元素進行可視化格式設置，在某些配置中無法通過鍵盤來訪問該控件。ASP.NET 4 通過以下方法解決了這些問題，并提高了可訪問性：

生成的 HTML 具有無序列表（ul 和 li 元素）的結構。
使用 CSS 進行可視化格式設置。
菜單按照 ARIA 標準實現鍵盤訪問。可以使用箭頭鍵在菜單項中進行導航。
ARIA 角色和屬性特性將添加到生成的 HTML 中。（通過使用 JavaScript 添加的特性而不是直接將其包含在 HTML 中，以免生成的 HTML 產生標記驗證錯誤。）

Menu 控件的樣式呈現在頁面頂部的 style 塊中，而不是與出現的 HTML 元素內聯出現。如果要使用單獨的 CSS 文件來修改菜單樣式，可以將 Menu 控件的新的 IncludeStyleBlock 屬性設置為 false，這樣便不會生成樣式塊。

11.用于 HtmlForm 控件的有效 XHTML

在 ASP.NET 3.5 中，HtmlForm 控件（由 <form runat="server"> 標記隱式創建）出現的 HTML form 元素同時具有 name 和 id 屬性。name 必性在 XHTML 1.1 中已棄用。因此，該控件在 ASP.NET 4 中不會呈現 name 屬性。

12.保留控件呈現中的向后兼容性

現有的ASP.NET網站中的代碼可能會假定控件是以 ASP.NET 3.5 中的方式呈現 HTML。為避免在將該站點升級為 ASP.NET 4 時出現向后兼容的問題，可以在升級站點后讓 ASP.NET 繼續以 ASP.NET 3.5 中的方式生成 HTML。為此，可以在 ASP.NET 4 網站的 Web.config 文件中將 pages 元素的 controlRenderingCompatibilityVersion 屬性設置為“3.5”，如下面的示例所示：

<system.web>
???? <pages controlRenderingCompatibilityVersion="3.5"/>
</system.web>

如果省略上述設置，默認值將與網站的目標 ASP.NET 版本相同。

轉載于:https://www.cnblogs.com/longgel/archive/2010/06/03/1750707.html

總結

以上是生活随笔為你收集整理的ASP.NET 4新增功能(三) 对Web标准的支持和辅助功能的增强的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。