【html】百度经常使用的 map标签

2021-05-01 02:29

阅读：455

标签：浏览器 lang color 属性使用 map one 你好 height

一、含义

带有可点击区域的图像映射

二、浏览器支持情况

所有主流浏览器都支持

三、注意事项

area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
中的 usemap 属性可引用中的 id 或 name 属性（取决于浏览器），所以我们应同时向添加 id 和 name 属性。

四、属性

id 必填为 map 标签定义唯一的名称。
name 可选为 image-map 规定的名称。

五、实例

doctype html>
html lang="en">
    head>
        meta charset="UTF-8">
        title>map 带有可点击区域的图像映射title>
        style>
            #lg{
                text-align: center;
            }
        style>
    head>
    body>
        div id="lg">
            img hidefocus="true"
                class="index-logo-src"
                src="https://www.baidu.com/img/2019dong_33c09d45f5e85ae961a3852d8769f124.gif"
                width="270"
                height="129"
                usemap="#mp">
            map name="mp">
                area style="outline:none;"
                hidefocus="true"
                shape="rect"
                coords="0,0,270,129"
                href="https://www.baidu.com/s?wd=%e5%85%83%e6%97%a6&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs"
                target="_blank"
                title="再见2019，你好2020">
            map>
        div>
    body>
html>

六、效果

【html】百度经常使用的 map标签

标签：浏览器 lang color 属性使用 map one 你好 height

原文地址：https://www.cnblogs.com/websmile/p/12125035.html

上一篇：JQuery/JS插件 jsTree 常用方法

下一篇：Laravel的Warning: require..../vendor/autoload.php错误的解决办法

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：【html】百度经常使用的 map标签
文章链接：http://soscw.com/index.php/essay/80671.html

亲，登录后才可以留言！

【html】百度经常使用的 map标签

一、含义

二、浏览器支持情况

三、注意事项

四、属性

五、实例

六、效果

评论

热门文章

推荐文章

最新文章

置顶文章