该文章存在的意义只为自我监督,勿喷,因英文底子差,虽入行一年有余,但很多单词口语令人吐槽,每次交流,别人说的专业术语都似懂非懂,很是尴尬,所以希望能学习起来,自信起来!!加油
html标签
<area>
用法
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
<area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
<area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>
- 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)
- area 元素总是嵌套在
<map>
标签中 <img>
标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系- 中的 usemap 属性可引用
<map>
中的 id 或 name 属性(由浏览器决定),所以我们需要同时向<map>
添加 id 和 name 两个属性。
其中target
属性有四个属性值
_blank
_parent
_self
_top
其中涉及到的单词
- area 区域 在这里做映射区域
- map 地图 在这里是把img当地图包裹
<area>
的作用 - name 名字 在这是做一个锚点,可以获取到一个集合
- border 边框 就是边框的意思
- usemap 映像地图 在这里做关联地图
- alt 定义此区域的替换文本。 搜索引擎优化
- shape 形状 定义区域的形状。
- coords
- href
- default 默认 默认
- circle 圆
- rect rectangle长方形
- poly
- target 目标 指链接的目标页面
- blank 空白的 空白页面打开
- parent 父亲 父框架中打开
- self 自己 在自身页面打开
- top 顶部 在顶部页面中打开