【入门经典】Master和Content页面之一

最新推荐文章于 2023-10-16 08:00:00 发布
转载 最新推荐文章于 2023-10-16 08:00:00 发布 · 178 阅读 · 0

本文详细介绍了如何在网页开发中创建母版页（Master Page）和内容页，包括母版页的基本组成、样式表引用、脚本区域、HTML布局层等关键要素。同时阐述了内容页的特点，即缺少母版页的特定标记，以及如何正确使用母版页。通过本指南，开发者可以更高效地构建具有统一风格和结构的网站。

一、插入Master（母版页）

“插入新项（CTRL+SHFT+A）”-》母版页，不要选“将代码放在单独的文件”

  1. 母版页有三部分组成
    1. 基本的标记tag和标志

DOCTYPE和xmlns指示服务器可以从何处查看所用标记的定义。

注意这些标记不会出现在Content页面

为了与书中保持一致，加入样式表引用，同时新建样式表site.css







    • 用于存放（可以在所有页面运行的）脚本的区域。在html标记之外（并列） 






    • 包含一些HTML布局，开始/结束标记。 
在body标记内，增加几个层（div标记），分别命名id为：header、sidebar、content、footer。






总结：



每个“母版页”都包含如下元素



  • 基本的HTML和XML输入标记 
  • 第一行<%@master… %> 
  • 带有ID的<asp:ContentPlaceHolder>标记 
 



二、内容页



没有专门的内容页，就是新增普通页面，别忘记勾选使用母版页，然后再选择使用哪个。



 



一个内容页有如下特征：



  • 没有HTML的<!DOCTYPE HTML…>标记和XML的<html xmlns=…>标记
  • 第一行的<%@ page MasterPageFile=…%>指示了使用的是哪个母版页
  • 包含至少一个<asp:content>标记

                

        




    



  


            

                    
            


    



                



	

		

			

				
					
ElasticSearch从入门到精通，史上最全（持续更新，未完待续，每天一点点）

				
			

			

				

					Null的博客
				

				

					07-30
					
					14万+
					
				

			

		

		

			
				
目录



1.ElasticSearch的简介

2.用数据库实现搜素的功能

3.ES的核心概念

3.1 NRT(Near Realtime)近实时

3.2 cluster集群，ES是一个分布式的系统

3.3 Node节点，就是集群中的一台服务器

3.4 index 索引（索引库）

3.5 type类型

3.6 document：文档

3.7 Field 字段

3.8 sha...

			
		

	



                

            
              



	

		

			

				
					
Content脚本与扩展的其他页面脚本的消息传递

				
			

			

				

					小米的博客
				

				

					06-08
					
					1万+
					
				

			

		

		

			
				
我正在实现一个Chrome浏览器扩展来解析某社交网站的数据（也就是扒网页）。点击扩展的图标，它将会pop up出一个气泡窗口，上面显示当前解析的结果。解析的工作由content page的一个javascript脚本负责。更具体的数据流程是：点击图标出现气泡窗口(popup.html)，气泡窗口的javascript脚本(popup.js)将发送一个消息给content page的脚本(conte

			
		

	



              


  
              

                


	

		

			

				
					
asp.net的Master-Content结构简介

				
			

			

				

					andy2541的博客
				

				

					05-17
					
					380
					
				

			

		

		

			
				
　　在一个网站中，页面应该具有统一的布局方式，这些统一的布局内同将显示到所有的页面中，它提供了用户最基本的功能。Asp.Net2.0通过Master-Content结构提供了这样统一页面管理的机制。
　　Master页面：其提供了所有最基本的基于该页面显示的布局和功能，它是页面的最高控制。Master页面中包含了<asp:contentPlaceHolder runat="ser...

			
		

	





	

		

			

				
					
ContentMaster (content script editor)-crx插件

				
			

			

				

					04-02
				

			

		

		

			
				
语言:English
允许您在浏览的页面上运行内容脚本（javascript）。
单击图标以编辑内容脚本。
经过…
允许您在浏览的页面上运行内容脚本（javascript）。
单击图标以编辑内容脚本。
默认情况下，它是未定义的。
按更新以保存内容脚本。


			
		

	



		

			
		



	

		

			

				
					
使用Master Pages 创建风格统一的Site(Master Pages 系列之一)

				
			

			

				

					weixin_33989058的博客
				

				

					08-01
					
					187
					
				

			

		

		

			
				
本篇为Master Pages 系列的第一篇.所以激动无比,因为刚开始写Blog,所以错误有可能在所难免,请各位达人批评指正,在下悉心接受并改正.
  介绍: 

  设计良好的站点LayOut有两个很好的特性.一个就是整个网站保持统一的网站风格,我们可以看下Http://www.asp.met (图1),基本上每个页面都的Top,Bottom,这样能保证网站看起来有统...

			
		

	





	

		

			

				
					
HTML之CSScontent宽度和高度

				
			

			

				

					Shouhudaxiaojie的博客
				

				

					08-16
					
					1353
					
				

			

		

		

			
				
content宽度和高度
使用宽度属性width和高度属性height可以对盒子的大小进行控制。
width和height的属性值可以为不同单位的数值或相对于父元素的百分比%，实际工作中最常用的是像素值。
大多数浏览器，如Firefox、IE6及以上版本都采用了W3C规范，符合CSS规范的盒子模型的总宽度和总高度的计算原则是：
/*外盒尺寸计算（元素空间尺寸）*/
Element空间高度 = content height + padding + border + margin
Element 空间宽度 = 

			
		

	





	

		

			

				
					
QT入门看这一篇就够（详解含qt源码）

					
热门推荐

				
			

			

				

					啊渊的专栏
				

				

					10-16
					
					12万+
					
				

			

		

		

			
				
qt教程，qt项目，qt下载，qt项目实战，qt多线程，包括Qt环境搭建、Qt数据类型、Qt核心、Qt基础空间、Qt对话框、Qt数据模型、Qt文件处理、Qt高级控件、Qt项目开发，Qt核心对象Object、Qt的demo含源码等

			
		

	





	

		

			

				
					
WebRTC入门教学和一对一通话实现

				
			

			

				

					qwqgood的博客
				

				

					11-24
					
					1854
					
				

			

		

		

			
				
WebRTC入门教学和使用nodejs实现一对一通话

			
		

	





	

		

			

				
					
OPEN(SAP) UI5 学习入门系列之一：扫盲与热身（下）

				
			

			

				

					ChampaignWolf的专栏
				

				

					12-07
					
					960
					
				

			

		

		

			
				
1 UI5代码结构
上一次我们一起用了20秒的时间完成一个UI5版的Hello World。应用打开后有一个按钮，按钮的文字是Hello World，点击这个按钮之后，按钮会慢慢的消失掉(Fade out)。

那我们这次就来看一看为了实现这么一个简单的功能，OpenUI5框架至少需要提供哪些内容，或者说我们通过这么一个简单的应用来看一下一个最简单的UI5的应用程序的结构。

HTML部分应该不用多说，我们只看和UI5相关的代码，第一部分我们称为Bootstrap，包含以下代码段：

			
		

	





	

		

			

				
					
ASP.NET 2.0入门经典：设计与构建高效网站

				
			

			

				

					
				

			

		

		

			
				
ASP.NET 2.0引入了Master和Content页面的概念，这一创新极大地提高了站点的统一性和可扩展性。Master页面允许开发者定义一个全局布局，而Content页面则可以在保持整体风格一致的同时，轻松定制各个独立页面的内容。...

			
		

	





	

		

			

				
					
ASP.NET 2.0入门经典2.docx

				
			

			

				

					12-30
				

			

		

		

			
				
ASP.NET 2.0引入了一项重要新特性，即Master和Content页面，来实现站点的统一外观。Master页面是站点布局的基础，它定义了所有基于Master页面的子页面的通用结构，包括标题、导航栏和页脚等元素。这样，开发人员可以...

			
		

	





	

		

			

				
					
CSS 属性 content 有什么作用? 有什么应用?(琐碎知识点整理)

				
			

			

				

					黑木令之佛性
				

				

					06-19
					
					7128
					
				

			

		

		

			
				
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步，无以至千里, 戒焦戒躁 。
好了废话不多说, 直接上代码以及图例(为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。
content 介绍
1. CSS 中主要的伪元素有四个：before/after/first-letter/first-line, 在 be

			
		

	





	

		

			

				
					
html中content属性,CSS3的content属性用法详解

				
			

			

				

					weixin_34173656的博客
				

				

					06-05
					
					8107
					
				

			

		

		

			
				
Content属性应该算是使用最常用的一个css属性之一吧，比如我们创建一个聊天气泡、超链接的立体翻转特效、添加图标。都要使用到content属性，当然这个属性要结合：before和：after伪类使用。下面详细介绍它的用法。CSS中主要的伪元素有四个：before/after/first-letter/first-line，在before/after伪元素选择器中，有一个content属性，能够...

			
		

	





	

		

			

				
					
html 页面指定 Content-Type

				
			

			

				

					deng131的专栏
				

				

					04-21
					
					3258
					
				

			

		

		

			
				
经常遇到页面显示文字乱码问题，大多数是由于字符编码问题导致。
通常设置[code="java"][/code]
在页面头指定字符charset=utf-8等编码方式。

[color=blue]Always declare the encoding of your document. Use the HTTP header if you can. Always use an in-docu...

			
		

	





	

		

			

				
					
极简便签是一款基于现代Web技术构建的跨平台桌面应用程序_它专注于提供轻量级高效能的个人笔记与备忘管理解决方案_通过简洁直观的用户界面实现便签的快速创建编辑分类与检索_并支持.zip

				
			

			

				

					01-08
				

			

		

		

			
				
极简便签是一款基于现代Web技术构建的跨平台桌面应用程序_它专注于提供轻量级高效能的个人笔记与备忘管理解决方案_通过简洁直观的用户界面实现便签的快速创建编辑分类与检索_并支持.zip

			
		

	





	

		

			

				
					
给排水燃气施工组织设计-深水港东海大桥工程

				
			

			

				

					01-08
				

			

		

		

			
				
代码下载地址： https://pan.quark.cn/s/27ee59d7aa74     license Vue vben admin English | 中文 Introduction Vue Vben Admin is a free and open source middle and back-end template. Using the latest , , and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference. Feature State of The Art Development：Use front-end front-end technology development such as Vue3/vite2 TypeScript: Application-level JavaScript language Theming: Configurable themes International：Built-in complete internationalization program Mock Server Built-in mock data scheme Authority Built-in complete dynamic routing permission generation scheme. Component Multiple commonly used components are encapsulate...

			
		

	





	

		

			

				
					
lhccong_sql-slow-mirror_162304_1767850148034.zip

					
最新发布

				
			

			

				

					01-08
				

			

		

		

			
				
lhccong_sql-slow-mirror_162304_1767850148034.zip

			
		

	





	

		

			

				
					
360连接云 qconnect

				
			

			

				

					01-08
				

			

		

		

			
				
360连接云 qconnect

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  

	
    

      

      

      

        
        

          
          

            

              成就一亿技术人!
            

            

              拼手气红包6.0元
            

          

        

        

          

            还能输入1000个字符
          

          

             
          

          

            

              红包
              添加红包
            

            

              表情包
              插入表情
              

                

              

            

            

              表情包
              代码片
              

                
              

            

            

              
              
              
              
              
              
              
            

          

        

      

    

		

			

			

			

					 条评论被折叠 查看
			

			

				
			

		

	

	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值