图片元素
img元素
alt 图片说明
map属性(地图)
子元素 area
左上角为原点
circle圆形
取点:长宽(上左),半径
rect矩形
取点:左上角,右下角
poly多边形
取点:所有点
用name配合使用,usemap连接主地图,用法和锚点一致
figure和元素
figcaption标题
例子:
<figure>
<figcaption>
<h1>太阳系</h1>
</figcaption>
<img usemap="#slMpo" src="./img/solar.jpg" alt="太阳系">
</figure>
<map name="slMpo">
<area shape="circle" coords="362,202,50" href="https://baike.baidu.com/item/%E6%9C%A8%E6%98%9F/222105?fr=ge_ala" alt="木星">
<area shape="rect" coords="762,192,846,231" href="https://baike.baidu.com/item/%E8%A1%8C%E6%98%9F/15991" alt="">
<area shape="poly" coords="260,370,288,325321,347,292,326" href="https://baike.baidu.com/item/%E6%9C%88%E7%90%83/30767?fromtitle=%E6%9C%88%E4%BA%AE&fromid=5557" alt="">
</map>
掌握以上常用的就行