母版页的使用

1、添加项-母版页

 

在新建的母版页中你会发现自动生成了两个ContentPlaceHolder控件

 

其中一个在head区， ID是“head”；另一个在body区，默认ID是“ContentPlaceHolder1”，可以根据需要自己命名。这是两个占位符控件，帮内容页占位置，所以ContentPlaceHolder控件占的位置是属于内容页的，母版页中的html代码不能写在这两个控件中。将来具体的代码就出现在这两个控件所限制的区域。

 

注意！！母版页的两个ContentPlaceHolder控件里面都不能添加任何内容。母版页的CSS和js文件引用可以写在head区域(但不能写在head区域的ContentPlaceHolder控件中)。母版页的内容可以写在body区域(同样不能写在body区域的ContentPlaceHolder控件中)

 

3、然后就可以建立使用母版页的Web窗体了（内容页）

 

在新建的web窗体中，你会发现同样有两个控件，这是两个Content控件（内容区域）。内容页的CSS样式和js文件引用写在内容页的第一个content控件中，html内容写在内容页的第二个content控件中。

 

Content控件有一个属性ContentPlaceHolderID，每个Content控件就是通过这个属性和母版页中的ContentPlaceHolder关联的

 

这两个控件一个和母版页head区的ContentPlaceHolder控件关联，一个和body区的关联