关于前端学习: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=” 各个顶点坐标 ”