SharePoint 2010 master page 控件介绍(3) :页面主体内容

转：http://blog.csdn.net/lgm97/article/details/6409217

<!-- =====  页面滚动区域开始  ============================================================ -->

 

<!--

 这两个div 用来创建页面的主体的滚动区域，应该保持原样如果你想把ribbon放在顶部

these two div id's are used to setup the main scrolling page area, they should stay if you are sticking the ribbon to the top

 -->

<div ID="s4-workspace" class="s4-nosetwidth">  <!-- 注意: s4-nosetwidth 是用来在CSS里设置固定的页面宽度，删除就是100% -->

  <div ID="s4-bodyContainer">

 

  <!-- mso_contentdiv 是必须的，这个div帮助sharepoint 把web part 编辑窗口放在页面主机的右边。如果需要是可以删除的  -->

  <div id="MSO_ContentDiv" runat="server">

 

<!--链接返回主页，网站logo 图片，可以直接写死进去就不会被siteIcon替换或者移除。

link back to homepage, SiteLogoImage gets replaced by the Site Icon, you can hard code this so that its not overridden by the Site Icon or even remove -->

<div class="s4-notdlg"><!-- 注意: 任何时候你看到s4-notdlg这个class,这个元素就不会出现在sharepoint dialog窗口里面  -->

<SharePoint:SPLinkButton runat="server" NavigateUrl="~sitecollection/">

<SharePoint:SiteLogoImage  LogoImageUrl="/Style Library/sitename/logo.png" runat="server"/>

</SharePoint:SPLinkButton>        

</div>

 

<!-- 通过delegate加载的 搜索框，用css控制样式-->

<div class="s4-notdlg">

<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">

<SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/>

</asp:ContentPlaceHolder>

</div>

 

<!-- 顶部导航区域 -->

<div class="s4-notdlg">

<!-- top navigation menu (set to use the new Simple Rendering) -->

<SharePoint:AspMenu

  ID="TopNavigationMenuV4"

  Runat="server"

  EnableViewState="false"

  DataSourceID="topSiteMap"

  AccessKey="<%$Resources:wss,navigation_accesskey%>"

  UseSimpleRendering="true"

  UseSeparateCss="false"

  Orientation="Horizontal"

  StaticDisplayLevels="2"

  MaximumDynamicDisplayLevels="1"

  SkipLinkText=""

  CssClass="s4-tn"/>

 

<SharePoint:DelegateControl runat="server" ControlId="TopNavigationDataSource" Id="topNavigationDelegate">

<Template_Controls>

<asp:SiteMapDataSource

  ShowStartingNode="False"

  SiteMapProvider="SPNavigationProvider"

  id="topSiteMap"

  runat="server"

  StartingNodeUrl="sid:1002"/>

</Template_Controls>

</SharePoint:DelegateControl>

 

</div>

 

<!--页面编辑状态栏 ，那个黄色的条条-->

<div class="s4-notdlg">

<div id="s4-statusbarcontainer" class="s4-notdlg">

<div id="pageStatusBar" class="s4-status-s1"></div>

</div>

</div>

 

<!-- 需要样式把左导航固定在页面主体的左侧 -->

<div id="s4-leftpanel" class="s4-notdlg">

<!-- The quick launch bar / left navigation -->

<asp:ContentPlaceHolder id="PlaceHolderLeftNavBar" runat="server">

<asp:SiteMapDataSource

SiteMapProvider="SPNavigationProvider"

ShowStartingNode="False"

id="QuickLaunchSiteMap"

StartingNodeUrl="sid:1025"

runat="server"/>                        

  <SharePoint:AspMenu

  id="V4QuickLaunchMenu"

  runat="server"

  EnableViewState="false"

  DataSourceId="QuickLaunchSiteMap"

  UseSimpleRendering="true"

  UseSeparateCss="false"

  Orientation="Vertical"

  StaticDisplayLevels="2"

  MaximumDynamicDisplayLevels="0"

  SkipLinkText=""

  CssClass="s4-ql"/>                        

</asp:ContentPlaceHolder>

 

<!-- 绑在快速导航上的小菜单，只在特别的页面上会用到 -->

<asp:ContentPlaceHolder id="PlaceHolderLeftActions" runat ="server"/>

</div>

 

<!-- s4-ca是页面的主体div-->

<div class="s4-ca">

 

<div class="s4-notdlg">

<!-- 页面标题 -->

<asp:ContentPlaceHolder id="PlaceHolderPageTitleInTitleArea" runat="server" />                        

</div>

 

<!-- place a table around this to handle funky markup in _Layouts/areacachesettings.aspx (if you want) （不明白……~~）-->

<asp:ContentPlaceHolder id="PlaceHolderPageDescription" runat="server" />

 

<div>

<!--place holder main-->

<asp:ContentPlaceHolder id="PlaceHolderMain" runat="server"/>

</div>

</div>

 

<!-- 页脚，可选的 -->

<div class="s4-notdlg" style="clear: both;">

&copy; Copyright 2010 SiteName

</div>

 

<!-- Developer dashboard, 可以被管理员打开或关闭，显示当前页面的debugging 和性能信息 -->

<div id="DeveloperDashboard" class="ms-developerdashboard">

<SharePoint:DeveloperDashboard runat="server"/>

</div>

 

  </div>

  </div>

</div>

 

<!-- =====  页面主体结束============================================================ -->