中国最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2

HTML参考手册

  • HTML 标签列表(字母排序)
  • HTML 标签列表(功能排序)
  • HTML 全局属性
  • HTML 事件
  • HTML 画布
  • HTML 音频/视频
  • HTML 有效DOCTYPES
  • HTML 颜色名
  • HTML 在线拾色器
  • HTML 颜色混搭
  • HTML 字符集
  • HTML ASCII 参考手册
  • HTML ISO-8859-1 参考手册
  • HTML 符号实体参考手册
  • HTML URL 编码参考手册
  • HTML 语言代码参考手册
  • HTTP 状态消息
  • HTTP 方法:GET 对比 POST
  • Px、Em 换算工具
  • px,pt,em 换算表
  • px、em、rem区别介绍
  • 键盘快捷键
  • HTML标签

  • HTML track kind 属性
  • HTML video autoplay 属性
  • HTML video controls 属性
  • HTML track label 属性
  • HTML video height 属性
  • HTML track src 属性
  • HTML video loop 属性
  • HTML track srclang 属性
  • HTML video muted 属性
  • HTML tr align 属性
  • HTML video poster 属性
  • HTML tr bgcolor 属性
  • HTML video preload 属性
  • HTML tr char 属性
  • HTML video src 属性
  • HTML tr charoff 属性
  • HTML video width 属性
  • HTML tr valign 属性
  • HTML track default 属性
  • HTML tbody valign 属性
  • HTML script src 属性
  • HTML tbody charoff 属性
  • HTML script type 属性
  • HTML tbody char 属性
  • HTML q cite 属性
  • HTML tbody align 属性
  • HTML ol compact 属性
  • HTML style media 属性
  • HTML ol reversed 属性
  • HTML style scoped 属性
  • HTML ol start 属性
  • HTML style type 属性
  • HTML ol type 属性
  • HTML script async 属性
  • HTML script charset 属性
  • HTML script defer 属性
  • HTML embed height 属性
  • HTML button formaction 属性
  • HTML basefont face 属性
  • HTML embed src 属性
  • HTML button formenctype 属性
  • HTML embed type 属性
  • HTML button formmethod 属性
  • HTML basefont size 属性
  • HTML embed width 属性
  • HTML button formnovalidate 属性
  • HTML meta charset 属性
  • HTML dir compact 属性
  • HTML button formtarget 属性
  • HTML meta content 属性
  • HTML del cite 属性
  • HTML meta http-equiv 属性
  • HTML button name 属性
  • HTML del datetime 属性
  • HTML meta name 属性
  • HTML button type 属性
  • HTML button autofocus 属性
  • HTML button value 属性
  • HTML meta scheme 属性
  • HTML button disabled 属性
  • HTML menu label 属性
  • HTML button form 属性
  • HTML menu type 属性
  • HTML basefont color 属性
  • HTML map name 属性
  • HTML fieldset disabled 属性
  • HTML fieldset form 属性
  • HTML fieldset name 属性
  • HTML <area> 标签

    阅读 (2062)

    HTML <area> 标签


    实例

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

    <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 

    <map name="planetmap"> 
      <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif"> 
      <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif"> 
      <area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
    </map>

    尝试一下 »

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主流浏览器都支持 <area> 标签。


    标签定义及使用说明

    <area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。

    <area> 元素始终嵌套在 标签内部。

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


    HTML 4.01 与 HTML5之间的差异

    HTML5 提供了一些新属性,同时不再支持 HTML 4.01 中的某些属性。


    HTML 与 XHTML 之间的差异

    在 HTML 中, <area> 标签没有结束标签。

    在 XHTML 中, <area> 标签必须正确地关闭。


    属性

    New :HTML5 中的新属性。

    属性 描述
    alt text 规定区域的替代文本。如果使用 href 属性,则该属性是必需的。
    coords coordinates 规定区域的坐标。
    href URL 规定区域的目标 URL。
    hreflangNew language_code 规定目标 URL 的语言。
    mediaNew media query 规定目标 URL 是为何种媒介/设备优化的。默认:all。
    nohref value HTML5 不支持。 规定没有相关链接的区域。
    relNew alternate
    author
    bookmark
    help
    license
    next
    nofollow
    noreferrer
    prefetch
    prev
    search
    tag
    规定当前文档与目标 URL 之间的关系。
    shape default
    rect
    circle
    poly
    规定区域的形状。
    target _blank
    _parent
    _self
    _top
    framename
    规定在何处打开目标 URL。
    typeNew MIME_type 规定目标 URL 的 MIME 类型。
    注:MIME = Multipurpose Internet Mail Extensions。

    全局属性

    <area> 标签支持 HTML 的全局属性


    事件属性

    <area> 标签支持 HTML 的事件属性


    相关文章

    HTML DOM 参考手册: Area 对象

    关闭
    程序员人生