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