全文注释：

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

.NET母版页实例（UI页面）的更多相关文章

  1. .NET母版实例2（UI页面）

    8.<div  id="navlist"> <asp:SiteMapDataSource  ID="SiteMapDataSource1"  ...

  2. WPF MvvmLight简单实例(1) 页面导航

    原文:WPF MvvmLight简单实例(1) 页面导航 实现了那些功能,先看看截图: 操作描述: 在程序运行后,点击“Load”按钮,页面会加载PageOne,点击PageOne页面中的“Next” ...

  3. todolist拆分为逻辑页面和ui页面

    我们可以把Todolist 继续拆分 ,拆分为逻辑页面和ui页面 ui 页面 import React, { Component } from 'react';import 'antd/dist/an ...

  4. .NET子页Main页面实例（UI页面）

    <%@ Page Language="C#"  MasterPageFile="~/MasterPageDefault.master"   AutoEve ...

  5. 【转】继承了母版页的子页面中触发body的onload事件

    碰到有个继承了母版页的页面要加载body的onload事件,我发了一下午来解决这个问题,终于在国外某论坛上找到了解决方案 Method1: In the master page make the bo ...

  6. handler机制和异步更新UI页面

    Android 提供了Handler和Looper来满足线程之间的通行,Handler是先进先出原则,Looper类用来管理特定线程内对象之间的消息互换,也可以使用Runnable来完成页面异步更新 ...

  7. flex-手机端主页布局实例---构造页面结构

    Flexbox页面布局实例,成本效果图如下, 源码下载在最下面. 源码下载:https://pan.baidu.com/s/18o5hVuWtflUpgvMk3LzQ5w  提取码:wiyc样本地址: ...

  8. Python3入门 Python3+Selenium做UI页面测试的学习

    https://ke.qq.com/course/310732 一直计划着系统地看看Python3,这两天不用加班了,在网上下了些资源,自己演练一番. Python3标识符保留字,直接命令行中可以查看 ...

  9. BootStrap母版页布局.子页面布局.BootstrapTable.模态框.警告框.html导出tabl生成Excel.HTML生成柱图.饼图.时间控件中文版

    如上就是很多后台管理系统的母版页布局. 左边一列模板.上面一列系统标识. 空白处充填子页面 以ASP.NET MVC为基础 引入bootstrap.js.bootstrap.css body: < ...

随机推荐

  1. idea在使用git clone 时出现Filename too long

    idea在使用git clone 时出现Filename too long的报错信息,使用如下命令就可以解决该问题:在 git bash命令模式下,运行命令 git config --global c ...

  2. MQTT 与 RocketMQ 的应用场景对比

    本文主要在什么是微消息队列 MQTT?的基础上介绍微消息队列 MQTT 和传统消息中间件的关联和区别,并针对实际应用场景下的产品选型给出建议. 背景信息 传统的消息中间件,例如消息队列 RocketM ...

  3. PostgreSQL体系架构与内存结构

    PostgreSQL体系架构 PostgreSQL的内存结构

  4. openresty开发系列40--nginx+lua实现获取客户端ip所在的国家信息

    openresty开发系列40--nginx+lua实现获取客户端ip所在的国家信息 为了实现业务系统针对不同地区IP访问,展示包含不同地区信息的业务交互界面.很多情况下系统需要根据用户访问的IP信息 ...

  5. Hadoop记录-Apache hadoop+spark集群部署

    Hadoop+Spark集群部署指南 (多节点文件分发.集群操作建议salt/ansible) 1.集群规划节点名称 主机名 IP地址 操作系统Master centos1 192.168.0.1 C ...

  6. OpenJudge 2755:神奇的口袋

    总时间限制: 10000ms 内存限制: 65536kB 描述 有一个神奇的口袋,总的容积是40,用这个口袋可以变出一些物品,这些物品的总体积必须是40.John现在有n个想要得到的物品,每个物品的体 ...

  7. Android刘海屏适配 ----- ImmersionBar

    android 4.4以上沉浸式状态栏和沉浸式导航栏管理,适配横竖屏切换.刘海屏.软键盘弹出等问题,可以修改状态栏字体颜色和导航栏图标颜色,以及不可修改字体颜色手机的适配,适用于Activity.Fr ...

  8. [转]NGINX-检测客户端是通过电脑还是移动设备访问的，将请求重定向到适配的WEB站点

    原文地址:https://blog.51cto.com/10978134/2163757 检测客户端是通过电脑还是移动设备访问的,将请求重定向到适配的WEB站点 此配置方法由Detect Mobile ...

  9. spring的面试

    IOC IOC(Inversion Of Controll,控制反转)是一种设计思想,将原本在程序中手动创建对象的控制权,交由给Spring框架来管理.IOC容器是Spring用来实现IOC的载体,I ...

  10. 【转帖】MySQL用得好好的，为什么要转ES?

    MySQL用得好好的,为什么要转ES? http://developer.51cto.com/art/201911/605288.htm Elasticsearch作为一款功能强大的分布式搜索引擎,支 ...