我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

html中如何使用area标签

小编给大家分享一下html中如何使用area标签,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

从网站建设到定制行业解决方案,为提供成都网站制作、网站设计服务体系,各种行业企业客户提供网站建设解决方案,助力业务快速发展。成都创新互联公司将不断加快创新步伐,提供优质的建站服务。

html area标签的定义和用法:

标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 标签中。

注释: 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。

HTML标签实例:

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

Planets

  Venus
  Mercury
  Sun

标签属性:

  • alt:区域的替代文本。

  • coords:区域的坐标。

  • href:区域的目标url。

  • hreflang:目标url的语言,html5中的新属性。

  • media:目标url是为何种媒介/设备优化的,html5中的新属性。

  • nohref:没有相关链接的区域,html5不支持。

  • rel:当前文档与目标url之间的关系,html5中的新属性。

  • shape:区域的形状。

  • target:在何处打开目标url。

  • type:目标url的 MIME 类型,html5中的新属性。

格式:

HTML标签实例:





html< area>标签_PHP笔记


html< area>标签

图标
PHP笔记
www.php.cn

上面图片被分为3个区域

注释: 中的 usemap 属性可引用 中的 id 或 name 属性(由浏览器决定),所以我们需要同时向 添加 id 和 name 两个属性。

HTML 与 XHTML 之间的差异

在 HTML 中, 没有结束标签。

在 XHTML 中, 必须正确地关闭。

看完了这篇文章,相信你对html中如何使用area标签有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


标题名称:html中如何使用area标签
分享网址:http://mswzjz.cn/article/jcpgpj.html

其他资讯