Skip to content

[html] 第111天 HTML如何创建分区响应图? #1025

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第111天 HTML如何创建分区响应图?

Activity

xiangshuo1992

xiangshuo1992 commented on Aug 5, 2019

@xiangshuo1992
Contributor

maparea 标签,以前用 Dreamweaver 的时候可以可视化自动生成,后来就用的少了,其实还是看开发者个人习惯吧,毕竟用 diva 标签也可以实现效果,而且更容易理解。

nowherebutup

nowherebutup commented on Aug 5, 2019

@nowherebutup
  • 分区响应图:一张图片,分成多个模块,点击模块可以链接到不同的URL地址,
  • 实现;
    使用map,area
  <p>
    <img src="./1.png" usemap="#myMap" />
  </p>
  <map name="myMap">
    <area href="http://baidu.com" shape="rect" coords="50,106,220,273" />
    <area href="http://google.com" shape="rect" coords="260,106,430,275" />
    <area href="http://juejin.im" shape="default" />
  </map>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@xiangshuo1992@nowherebutup

        Issue actions

          [html] 第111天 HTML如何创建分区响应图? · Issue #1025 · haizlin/fe-interview