HTML标签——frame 与 map 标签与属性介绍

frame标签

• 作用：嵌入一个其他页面，可用于数据传输、共享代码、局部刷新、第三方介入

  <iframe></iframe>

frame标签属性

• 设置iframe显示宽度：width="数值"
• 设置iframe显示高度：height="数值"

• iframe页面添加边框：frameborder=""

  • 默认为0，需要添加边框设置为1即可

• iframe页面显示滚动条：scrlling=""

  • 显示滚动条设置为1，不显示滚动条设置为0
• 嵌入页面的目标地址：src=""

• 控制嵌入页面显示的内容：srcdoc=""

  • src 与 srcdoc属性设置其中一个即可

map标签

• 作用：设置在图像上可点击区域

  <img src="" usemap="#planetmap"/>
  <map name="planetmap" id="planetmap">
   <area shape="" coords="" href ="" alt="" />
  </map>
  
  <area/>：标识设置在图像上可点击的区域和形状

map标签

• 在<img/>上的属性

  • 与<map>建立关联：usemap="#map的id名"

• 在<map>上的属性

  • 与img元素 usemap 建立关联：name=""
  • 与img元素 usemap 建立关联：id=""

• 在<area>上的属性

  • 设置在图像上点击的形状：shape=""

    • 矩形：shape="rect"
    • 圆形：shape="circle"
    • 多边形：shape="poligon"

  • 自定义点击范围形状：coords=""

    • 矩形：coords="左上坐标，右下坐标"
    • 圆形：coords="圆心坐标，半径"
    • 多边形：coords="各个顶点坐标"