.NET母版页实例(UI页面)

全文注释:

1.<!DOCTYPE>声明位于文档中的最前的位置,处于<html>标签之前。

2.此标签可告知浏览器文档使用哪种HTML或XHTML规范

3.<!DOCTYPE  html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

声明了文档的根元素是html,它在公共标识符被定义为"-//W3C//DTD XHTML 1.0 Transitional//EN"的DTD中进行了定义,浏览器将明白如何寻找匹配此公共标识符的DTD。如果找不到,浏览器将使用公共标识符后面的URL作为寻找DTD的位置。

另外,HTML4.01规定的三种文档类型、XHTML1.0规定的三种XML文档类型都是Strict、Transitional以及Frameset.

而<html xmlns="http://www.w3.org/1999/xhtml">,是在文档中的<html>标签中使用xmlns属性,以指定整个文档所使用的主要命名空间。

html5

<!DOCTYPE html>
<html>

4.X-UA-Compatible是针对IE8版本的一种特殊文件头标记,用于为IE8指定不同的页面渲染模式,对于ie8之外的浏览器是不识别的。

目前绝大多数网站都用<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">来作为IE8的兼容方法。为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的head的meta标签中加入如下代码:

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >

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

<!DOCTYPE  html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">                                                   

-----------------1.html标签Start

<head runat="server">                                                                                    

-----------------2.head标签Start

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />                

  <title>管控中心</title>

</head>                                                                                                           

-----------------2.head标签End

<body>                                                                                                           

-----------------3.body标签Start

  <form id="form1" runat="server">                                                           

-----------------4.form1标签Start

    <div id="box">                                                                                    

-----------------5.总div/box(Start)   

      <div  id="poster">                                                           

-----------------6.上部div/poster(Start)   

      </div>                                                                             

-----------------6.上部div/poster(End) 

      <div id="nav">                                                   

 -----------------7.上部div/nav导航功能区域(Start)     

        <div id ="navlist">                                         

-----------------8.上部div/navlist导航功能列表(Start)

        </div>                              

-----------------8.上部div/navlist导航功能列表(End)

        <div id="status">                                                     

-----------------9.上部div/status登录状态(Start)      

         </div                                                                    

-----------------9.上部div/status状态(End)

        </div>                                                                           

-----------------7.上部div/nav(End) 

        <div id="center">                                                         

 -----------------10.中部div/center(Start)

          <div id="menu">                                                    

-----------------11.中左部div/menu(Start)                                                      

          </div>                      

-----------------11.中左部div/menu(End)

          <div id="main">                                                   

-----------------12.中中(心)部div/main(Start)

          </div>                                                                    

-----------------12.中中(心)部div/main(End)           

         </div>                                                                         

-----------------10.中部div/center(End)

         <div id="footer">                                                        

-----------------13. 底部div/footer(Start)

         </div>                         

-----------------13.底部div/footer(End)

 

    </div>                                                                                  

-----------------5.总box(End)     

  </form>                                                                                     

-----------------4.form1标签End

</body>                                                                                            

-----------------3.body标签End

</html>                                                                                             

-----------------1.html标签End

posted @ 2019-07-01 11:17  韩小花  阅读(619)  评论(0编辑  收藏  举报