ASP.NET入門教程 5.1.2 CSS 級聯樣式表[5]

    現在如果在Internet Explorer 或Firefox 中查看Web頁面將產生如下所示的代碼

 

<form method=postaction=StylePanelsaspx id=form>

    <div>

          <input type=hidden name=_viewstate id=_VIEWSTATE

            value==/wEPDwULLTEwODUOTkxMzRkZHehxD/SHmjEeZzCKx+bBBR />

          </div>

        <div id=Panel style=height:pxwidth:px;>

        This text is contained within an ASPNET Panel control

        </div>

       </form>

 

    如果在比較老的浏覽器（例如Mozilla ）中查看這個頁面將產生如下代碼

 

<form method=postaction=StylePanelsaspx id=form>

   

          <input type=hidden name=_viewstate id=_VIEWSTATE

            value==/wEPDwULLTEwODUOTkxMzRkZHehxD/SHmjEeZzCKx+bBBR />

  

        <div id=Panel>

        This text is contained within an ASPNET Panel control

        </div>

       </form>

 

    注意在兩種情況下Panel都被呈現為一個<div>控件但在第二種情況中它丟失了高度和寬度信息這裡只是一個小小的變化但是卻是對ASPNET 的一項很重大的改進ASPNET 以前在較老的浏覽器中將ASPNET的Pane控件呈現為HTML的表格例如

 

<table id=Panel cellpadding= cellspacing= border= height=

    width=>

    <ty><td>

      This text is contained within an ASPNET Panel control

      </table>

 

    現在雖然ASPNET 已經將很多類似的問題從我們的日常編程工作中移除但有一個問題仍然存在那就是在服務器端看到的內容與在客戶端看到的內容不一樣而且無法保證同一個元素在不同的浏覽器上會以相同的方式進行呈現ASPNET 所要做的是提供一種機制這種機制基於服務器端控件的類型而不是客戶端控件的類型來指定元素的外觀因此當一個控件在不同的浏覽器上顯示時其一致性將能盡可能地保持這個目標是通過使用主題和皮膚實現的

    ASPNET 入門教程完整版

[]  []  []  []  []  

From:http://tw.wingwit.com/Article/program/net/201311/15353.html