HTML参考手册

HTML 参考手册

HTML 标签大全: HTML: <template> 标签; HTML: <u> 标签; HTML: <video> 标签; HTML: <var> 标签; HTML: <tt> 标签; HTML: <track> 标签; HTML: <tr> 标签; HTML: <title> 标签; HTML: <thead> 标签; HTML: <wbr> 标签; HTML: <tfoot> 标签; HTML: <textarea> 标签; HTML: <td> 标签; HTML: <tbody> 标签; HTML: <table> 标签; HTML: <ul> 标签; HTML: <summary> 标签; HTML: <time> 标签; HTML: <style> 标签; HTML: <sup> 标签; HTML: <strong> 标签; HTML: <th> 标签; HTML: <strike> 标签; HTML: <span> 标签; HTML: <source> 标签; HTML: <small> 标签; HTML: <sub> 标签; HTML: <samp> 标签; HTML: <select> 标签; HTML: <s> 标签; HTML: <ruby> 标签; HTML: <rp> 标签; HTML: <q> 标签; HTML: <section> 标签; HTML: <pre> 标签; HTML: <p> 标签; HTML: <output> 标签; HTML: <script> 标签; HTML: <param> 标签; HTML5: <progress> 标签; HTML: <rt> 标签; HTML: <noscript> 标签; HTML: <optgroup> 标签; HTML: <object> 标签; HTML: <picture> 元素; HTML: <option> 标签; HTML: <noframes> 标签; HTML: <nav> 标签; HTML: <meta> 标签; HTML: <ol> 标签; HTML: <meter> 标签; HTML: <menu> 标签; HTML: <link> 标签; HTML: <map> 标签; HTML: <li> 标签; HTML5: <keygen> 标签; HTML: <legend> 标签; HTML: <kbd> 标签; HTML: <label> 标签; HTML5: <mark> 标签; HTML: <input> 标签; HTML: <i> 标签; HTML: <img> 标签; HTML: <main>标签; HTML: <ins> 标签; HTML: <h6> 标签; HTML: <h5> 标签; HTML: <h3> 标签; HTML: <h4> 标签; HTML: <html> 标签; HTML: <h1> 标签; HTML: <h2> 标签; HTML: <hgroup> 标签; HTML: <hr> 标签; HTML: <header> 标签; HTML: <h1> – <h6> 标签; HTML: <iframe> 标签; HTML: <frame> 标签; HTML: <footer> 标签; HTML: <font> 标签; HTML: <form> 标签; HTML: <fieldset> 标签; HTML: <head> 标签; HTML:<em> 标签; HTML: <dt> 标签; HTML: <div> 标签; HTML: <dl> 标签; HTML: <frameset> 标签; HTML: <dir> 标签; HTML: <figcaption> 标签; HTML: <dfn> 标签; HTML: <del> 标签; HTML: <dd> 标签; HTML: <figure> 标签; HTML: <command> 标签; HTML: <colgroup> 标签; HTML: <embed> 标签; HTML: <code> 标签; HTML: <datalist> 标签; HTML: <dialog> 标签; HTML: <button> 标签; HTML: <canvas> 标签; HTML: <details> 标签; HTML: <br> 标签; HTML: <col> 标签; HTML: <center> 标签; HTML: <body> 标签; HTML: <cite> 标签; HTML: <caption> 标签; HTML: <blockquote> 标签; HTML: <big> 标签; HTML: <bdo> 标签; HTML: <base> 标签; HTML: <basefont> 标签; HTML: <audio> 标签; HTML: <article> 标签; HTML: <applet> 标签; HTML: <address> 标签; HTML: <area> 标签; HTML: <bdi> 标签; HTML: <abbr> 标签; HTML: <b> 标签; HTML: <aside> 标签; HTML: <a> 标签; HTML: <acronym> 标签; HTML: <!DOCTYPE> 声明; HTML: <!; PHP srip_tags(); HTML 标签大全(按字母查找); HTML 音频/视频 DOM waiting 事件; HTML 音频/视频 DOM volumechange 事件; HTML Audio/Video DOM timeupdate 事件; HTML 音频/视频 DOM suspend 事件; HTML 音频/视频 DOM stalled 事件; HTML 音频/视频 DOM seeking 事件; HTML 音频/视频 DOM seeked 事件; HTML 音频/视频 DOM ratechange 事件; HTML 音频/视频 DOM progress 事件; HTML 音频/视频 DOM playing 事件; HTML 音频/视频 DOM play 事件; HTML 音频/视频 DOM pause 事件; HTML 音频/视频 DOM loadstart 事件; HTML 音频/视频 DOM abort 事件; HTML 音频/视频 DOM loadedmetadata 事件; HTML 音频/视频 DOM durationchange 事件; HTML 音频/视频 DOM loadeddata 事件; HTML 音频/视频DOM error 事件; HTML 音频/视频 DOM ended 事件; HTML 音频/视频 DOM canplaythrough 事件; HTML 音频/视频 DOM canplay 事件; HTML 音频/视频 DOM volume 属性; HTML 音频/视频 DOM videoTracks 属性; HTML 音频/视频 DOM textTracks 属性; HTML 音频/视频 DOM src 属性; HTML 音频/视频 DOM seeking 属性; HTML 音频/视频 DOM seekable 属性; HTML 音频/视频 DOM preload 属性; HTML 音频/视频 DOM startDate 属性; HTML 音频/视频 DOM readyState 属性; HTML 音频/视频 DOM played 属性; HTML 音频/视频 DOM playbackRate 属性; HTML 音频/视频 DOM paused 属性; HTML 音频/视频 DOM networkState 属性; HTML 音频/视频 DOM muted 属性; HTML 音频/视频 DOM mediaGroup 属性; HTML 音频/视频 DOM error 属性; HTML 音频/视频 DOM loop 属性; HTML 音频/视频 DOM ended 属性; HTML 音频/视频 DOM defaultPlaybackRate 属性; HTML 音频/视频 DOM currentSrc 属性; HTML 音频/视频 DOM duration 属性; HTML 音频/视频 DOM currentTime 属性; HTML 音频/视频 DOM defaultMuted 属性; HTML 音频/视频 DOM controls 属性; HTML 音频/视频 DOM buffered 属性; HTML 音频/视频 DOM controller 属性; HTML 音频/视频 DOM autoplay 属性; HTML 音频/视频 DOM audioTracks 属性; HTML 音频/视频 DOM pause() 方法; HTML 音频/视频 DOM play() 方法; HTML 音频/视频 DOM addTextTrack() 方法; HTML 音频/视频 DOM canPlayType() 方法; HTML 音频/视频 DOM load() 方法

HTML 事件: HTML onload事件属性; HTML ontoggle事件属性; HTML onshow事件属性; HTML onmouseup事件属性; HTML onmouseout事件属性; HTML onmouseover事件属性; HTML onmousemove事件属性; HTML onclick事件属性; HTML onkeyup事件属性; HTML onkeypress事件属性; HTML onkeydown事件属性; HTML onsubmit事件属性; HTML onmousedown事件属性; HTML ondblclick事件属性; HTML onselect事件属性; HTML onfocus事件属性; HTML onchange事件属性; HTML onblur事件属性; HTML onunload事件属性; HTML onresize事件属性; HTML5 onbeforeprint事件属性; HTML5 onafterprint事件属性

HTML 属性: HTML: <th> charoff 属性; HTML style media 属性; HTML style type 属性; HTML: <th> align 属性; HTML: <th> char 属性; HTML: <th> abbr 属性; HTML: <th> bgcolor 属性; HTML: <th> axis 属性; HTML style scoped 属性; HTML: <time> datetime 属性; HTML: <ul> type 属性; HTML table width 属性; HTML table summary 属性; HTML table rules 属性; HTML: <ul> compact 属性; HTML style属性; HTML translate属性; HTML title属性; HTML tabindex属性; HTML spellcheck属性; HTML lang属性; HTML hidden属性; HTML dropzone属性; HTML draggable属性; HTML dir属性; HTML data; HTML contextmenu属性; HTML contenteditable属性; HTML class属性; HTML accesskey属性; HTML id属性; HTML: <a> type 属性; HTML: <a> shape 属性; HTML: <a> target 属性; HTML: <a> rel 属性; HTML: <a> ping 属性; HTML: <a> rev 属性; HTML: <a> media 属性; HTML: <a> name 属性; HTML: <a> hreflang 属性; HTML: <a> href 属性; HTML: <a> coords 属性; HTML: <a> download 属性; HTML: <area> type 属性; HTML: <a> charset 属性; HTML: <area> target 属性; HTML: <area> shape 属性; HTML: <area> media 属性; HTML: <area> nohref 属性; HTML: <area> rel 属性; HTML: <area> download 属性; HTML: <area> coords 属性; HTML: <area> href 属性; HTML: <area> hreflang 属性; HTML: <area> alt 属性; HTML: <audio> src 属性; HTML: <audio> preload 属性; HTML: <audio> muted 属性; HTML: <audio> loop 属性; HTML: <audio> controls 属性; HTML: <audio> autoplay 属性; HTML: <basefont> size 属性; HTML: <basefont> face 属性; HTML: <basefont> color 属性; HTML: <base> target 属性; HTML: <base> href 属性; HTML: <body> text 属性; HTML: <body> vlink 属性; HTML caption align 属性; HTML: <blockquote> cite 属性; HTML: <body> link 属性; HTML: <body> bgcolor 属性; HTML: <col> valign 属性; HTML: <col> span 属性; HTML: <body> alink 属性; HTML: <col> width 属性; HTML: <body> background 属性; HTML: <col> charoff 属性; HTML: <col> char 属性; HTML: <col> align 属性; HTML canvas height 属性; HTML: <button> type 属性; HTML details open 属性; HTML canvas width 属性; HTML: <button> value 属性; HTML: <button> formnovalidate 属性; HTML: <button> formtarget 属性; HTML: <button> name 属性; HTML: <button> form 属性; HTML: <button> formenctype 属性; HTML: <button> formaction 属性; HTML: <button> formmethod 属性; HTML: <button> disabled 属性; HTML: <button> autofocus 属性; HTML dialog open 属性; HTML: <colgroup> width 属性; HTML: <embed> src 属性; HTML: <embed> height 属性; HTML: <colgroup> span 属性; HTML: <embed> width 属性; HTML: <embed> type 属性; HTML: <colgroup> valign 属性; HTML: <colgroup> charoff 属性; HTML: <command> type 属性; HTML: <command> radiogroup 属性; HTML: <colgroup> char 属性; HTML: <command> label 属性; HTML: <command> icon 属性; HTML: <colgroup> align 属性; HTML: <command> disabled 属性; HTML: <command> checked 属性; HTML dir compact 属性; HTML: <frameset> rows 属性; HTML: <frameset> cols 属性; HTML div align 属性; HTML del datetime 属性; HTML del cite 属性; HTML: <form> target 属性; HTML: <fieldset> name 属性; HTML: <fieldset> form 属性; HTML: <fieldset> disabled 属性; HTML: <form> method 属性; HTML: <form> enctype 属性; HTML: <form> action 属性; HTML: <form> autocomplete 属性; HTML: <form> name 属性; HTML: <form> novalidate 属性; HTML: <font> face 属性; HTML: <font> size 属性; HTML: <form> accept; HTML: <form> accept 属性; HTML: <frame> src 属性; HTML: <font> color 属性; HTML: <frame> marginwidth 属性; HTML: <frame> noresize 属性; HTML: <frame> longdesc 属性; HTML: <frame> name 属性; HTML: <frame> scrolling 属性; HTML: <frame> marginheight 属性; HTML: <frame> frameborder 属性; HTML: <iframe> width 属性; HTML: <iframe> seamless 属性; HTML: <iframe> srcdoc 属性; HTML: <iframe> scrolling 属性; HTML: <iframe> sandbox 属性; HTML: <iframe> marginwidth 属性; HTML: <iframe> marginheight 属性; HTML: <iframe> name 属性; HTML: <iframe> src 属性; HTML: <iframe> longdesc 属性; HTML: <hr> width 属性; HTML: <iframe> frameborder 属性; HTML: <iframe> height 属性; HTML: <iframe> align 属性; HTML: <hr> size 属性; HTML: <hr> noshade 属性; HTML: <hr> align 属性; HTML html xmlns 属性; HTML ins cite 属性; HTML:h1 – h6 align 属性; HTML html manifest 属性; HTML ins datetime 属性; HTML: <img> width 属性; HTML: <img> vspace 属性; HTML: <img> longdesc 属性; HTML: <img> usemap 属性; HTML: <img> src 属性; HTML: <img> ismap 属性; HTML: <img> hspace 属性; HTML: <img> height 属性; HTML: <input> width 属性; HTML: <input> value 属性; HTML: <img> border 属性; HTML: <img> alt 属性; HTML: <input> step 属性; HTML: <img> align 属性; HTML: <input> src 属性; HTML: <input> type 属性; HTML: <input> size 属性; HTML: <input> required 属性; HTML: <input> readonly 属性; HTML: <input> name 属性; HTML: <input> min 属性; HTML: <input> placeholder 属性; HTML: <input> pattern 属性; HTML: <input> multiple 属性; HTML: <input> maxlength 属性; HTML: <input> max 属性; HTML: <input> list 属性; HTML: <input> formtarget 属性; HTML: <input> formnovalidate 属性; HTML: <input> formmethod 属性; HTML: <input> height 属性; HTML: <input> formenctype 属性; HTML: <input> formaction 属性; HTML: <input> checked 属性; HTML: <input> align 属性; HTML: <input> form 属性; HTML: <input> disabled 属性; html input dirname 属性; HTML: <input> autofocus 属性; HTML: <input> autocomplete 属性; HTML: <input> alt 属性; HTML label form 属性; HTML keygen form 属性; HTML label for 属性; HTML keygen disabled 属性; HTML: <input> accept 属性; HTML keygen name 属性; HTML keygen keytype 属性; HTML legend align 属性; HTML keygen autofocus 属性; HTML li type 属性; HTML li value 属性; HTML link rev 属性; HTML link target 属性; HTML link type 属性; HTML link sizes 属性; HTML map name 属性; HTML link rel 属性; HTML link media 属性; HTML link hreflang 属性; HTML link href 属性; HTML link charset 属性; HTML menu type 属性; HTML menu label 属性; HTML meter value 属性; HTML meter optimum 属性; HTML meter min 属性; HTML meter max 属性; HTML meter low 属性; HTML meter high 属性; HTML ol type 属性; HTML ol start 属性; HTML meter form 属性; HTML ol reversed 属性; HTML ol compact 属性; HTML meta scheme 属性; HTML meta name 属性; HTML meta content 属性; HTML option selected 属性; HTML meta charset 属性; HTML option value 属性; HTML option label 属性; HTML option disabled 属性; HTML object width 属性; HTML object vspace 属性; HTML object name 属性; HTML object form 属性; HTML object usemap 属性; HTML object type 属性; HTML object data 属性; HTML object hspace 属性; HTML object height 属性; HTML object border 属性; HTML object align 属性; HTML optgroup label 属性; HTML progress max 属性; HTML param value 属性; HTML: <script> type 属性; HTML optgroup disabled 属性; HTML progress value 属性; HTML: <script> src 属性; HTML param name 属性; HTML: <script> defer 属性; HTML: <script> async 属性; HTML p align 属性; HTML: <script> charset 属性; HTML output form 属性; HTML pre width 属性; HTML q cite 属性; HTML output name 属性; HTML output for 属性; HTML select required 属性; HTML select name 属性; HTML select size 属性; HTML: <select> disabled 属性; HTML: <select> autofocus 属性; HTML select multiple 属性; HTML source type 属性; HTML select form 属性; HTML source src 属性; HTML source media 属性; HTML: <th> width 属性; HTML: <th> valign 属性; HTML: <th> scope 属性; HTML: <th> rowspan 属性; HTML: <th> nowrap 属性; HTML: <th> headers 属性; HTML: <th> colspan 属性; HTML table frame 属性; HTML: <th> height 属性; HTML table cellpadding 属性; HTML tbody valign 属性; HTML table cellspacing 属性; HTML table border 属性; HTML table align 属性; HTML tbody charoff 属性; HTML tbody char 属性; HTML table bgcolor 属性; HTML td width 属性; HTML td rowspan 属性; HTML td valign 属性; HTML td height 属性; HTML tbody align 属性; HTML td scope 属性; HTML td bgcolor 属性; HTML td axis 属性; HTML td headers 属性; HTML: <textarea> wrap 属性; HTML td abbr 属性; HTML td colspan 属性; HTML td charoff 属性; HTML: <textarea> readonly 属性; HTML td nowrap 属性; HTML: <textarea> placeholder 属性; HTML td char 属性; HTML: <textarea> name 属性; HTML: <textarea> form 属性; HTML: <textarea> disabled 属性; HTML: <textarea> cols 属性; HTML td align 属性; HTML: <textarea> autofocus 属性; HTML: <tfoot> valign 属性; HTML: <textarea> rows 属性; HTML: <tfoot> align 属性; HTML: <textarea> required 属性; HTML: <thead> charoff 属性; HTML: <thead> align 属性; HTML: <thead> char 属性; HTML: <textarea> maxlength 属性; HTML: <tr> valign 属性; HTML: <tfoot> char 属性; HTML: <tr> char 属性; HTML: <tr> align 属性; HTML: <track> srclang 属性; HTML: <tfoot> charoff 属性; HTML: <track> label 属性; HTML: <track> default 属性; HTML: <thead> valign 属性; HTML: <video> width 属性; HTML: <tr> charoff 属性; HTML: <video> src 属性; HTML: <video> poster 属性; HTML: <tr> bgcolor 属性; HTML: <video> muted 属性; HTML: <video> height 属性; HTML: <track> src 属性; HTML: <video> autoplay 属性; HTML: <track> kind 属性; HTML: <video> preload 属性; HTML: <video> loop 属性; HTML: <video> controls 属性; CSS :visited 选择器; CSS :link 选择器

HTML 画布: HTML canvas globalCompositeOperation 属性; HTML canvas globalAlpha 属性; HTML canvas putImageData() 方法; HTML canvas getImageData() 方法; HTML canvas createImageData() 方法; HTML canvas ImageData.data 属性; HTML canvas ImageData.height 属性; HTML canvas ImageData.width 属性; HTML canvas drawImage() 方法; HTML canvas measureText() 方法; HTML canvas strokeText() 方法; HTML canvas fillText() 方法; HTML canvas textBaseline 属性; HTML canvas textAlign 属性; HTML canvas font 属性; HTML canvas setTransform() 方法; HTML canvas transform() 方法; HTML canvas translate() 方法; HTML canvas rotate() 方法; HTML canvas scale() 方法; HTML canvas isPointInPath() 方法; HTML canvas quadraticCurveTo() 方法; HTML canvas arcTo() 方法; HTML canvas arc() 方法; HTML canvas bezierCurveTo() 方法; HTML canvas clip() 方法; HTML canvas lineTo() 方法; HTML canvas closePath() 方法; HTML canvas beginPath() 方法; HTML canvas stroke() 方法; HTML canvas fill() 方法; HTML canvas moveTo() 方法; HTML canvas clearRect() 方法; HTML canvas fillRect() 方法; HTML canvas rect() 方法; HTML canvas miterLimit 属性; HTML canvas lineWidth 属性; HTML canvas strokeRect() 方法; HTML canvas lineJoin 属性; HTML canvas createRadialGradient() 方法; HTML canvas createPattern() 方法; HTML canvas lineCap 属性; HTML canvas addColorStop() 方法; HTML canvas createLinearGradient() 方法; HTML canvas shadowOffsetY 属性; HTML canvas shadowOffsetX 属性; HTML canvas shadowBlur 属性; HTML canvas shadowColor 属性; HTML canvas fillStyle属性; HTML canvas strokeStyle 属性

当前位置：首页 HTML/CSS HTML参考手册 HTML 属性

HTML: <area> shape 属性

发布时间：2016-02-20 修改时间：2023-02-20 由网友大卫发布阅读 6

HTML: <area> shape 属性

shape 属性指定区域的形状，shape 属性与 coords 属性配合，以指定区域的大小，形状和位置。

HTML <area> 标签

在线示例

具有可点击区域的图像地图：

示例

<!DOCTYPE html>
<html>
<title>HTML:<area> shape 属性 - 大卫编程网 div.cn</title>
<body>
<p>单击太阳或其他行星以近距离观察它：</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="/tags/sun.html" alt="Sun">
  <area shape="circle" coords="90,58,3" href="/tags/mercur.html" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="/tags/venus.html" alt="Venus">
</map>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 shape 属性

定义和用法

shape 属性指定区域的形状。

shape 属性与 coords 属性配合，以指定区域的大小，形状和位置。

HTML 4.01 与 HTML5之间的差异

无.

语法

<area shape="default|rect|circle|poly">

属性值

值	描述
default	规定全部区域。
rect	定义矩形区域。
circle	定义圆形。
poly	定义多边形区域。

HTML <area> 标签

HTML: <area> target 属性 HTML: <area> media 属性