day4 html框架标记

html框架

框架，将网页划分为一个个的小块，每个小块是一个独立的html界面，用于页面布局。

说明

<frameset rows = "20%,70%,10%">
	<frame src ="1.html">
	<frameset cols = "20%,80%">
	<frame src ="2.html">
	<frame src ="3.html">
	</frameset> 
	<frame src ="4.html">
</frameset> 

• frameset
  1、frameset代表定义如何拆分浏览器窗口
  2、属性rows 代表行占比，即垂直占比，cols代表列占比，即水平面上占据多少，比值可有多个，用""来包起，注：可以不为100，将会以数值比例拆分
  3、使用frameset时，因已将页面进行了拆分，因此不需要body标签（已经通过frame将页面拆开）

• frame
  1、frameborder 是否显示边框，默认不显示，在frame上使用（类似表格，每个只控制当前块的边线）
  2、src代表当前块使用的源文件
  3、noresize 禁止拖动边框，即改变边框的比例，大小
  4、name，用于设置框架的名称，当有超链接等时，可用于找到对应的框架块，在指定的框架块内显示

• 好处：
  1、简化界面，模块化拆分界面，便于开发
  2、当重复化使用一个数据时，可将重复数据独立出来。

  html1内：
  <a herf = '#' target = 'content'>
  html2内

  <frame src ="1.html">
  <frame src ="3.html" name = 'content'>
  

  当html1被html2的框架引用，当点了html1的链接后，将会跳转，需给予其在什么位置显示的信息，使用name在html1内给予名字，然后当html1点击时候，通过t arget给予目标位置去查找

div 标记

层，是网页中的一个透明的空白区域，是块级元素（自动折行，每个都是一个独立的块 如 h1、div、p），用来充当其他元素的容器，主要用于配合css来修改样式,就不用一行行修改样式
div内还可包括div，可通过css将其层叠，类似PS的图层

span类型

可用于标记元素，批量更新元素样式 是行内标记（可标记与其他元素内，不独占一行），主要通过与CSS一起使用，来修改行内部分内容的样式