一、详情标签 该`<details>`标签向用户提供按需详细信息。如果您需要按需向用户显示内容，请使用此标签。默认情况下，小部件是关闭的。打开时，它会展开并显示其中的内容。 该`<summary>`标签用于`<details>`为它指定一个可见的标题。  二、内容可编辑 contenteditable是可以在元素上设置以使内容可编辑的属性。(设置true/false)  三、标记内容 使用`<mark>`标签突出显示任何文本内容。  mark { background-color: green; color: #FFFFFF; } 四、范围（滑块） `range`是给定滑块类型范围选择器的输入类型。 <form method="post"> <input type="range" name="range" min="0" max="100" step="1" value="" onchange="changeValue(event)"/> </form> <div class="range"> <output id="output" name="result"> </output> </div>  五、地图 `<map>`标签有助于定义图像映射。图像映射是其中包含一个或多个可点击区域的图像。地图标签带有一个`<area>`标签来确定可点击区域。可点击区域可以是这些形状、矩形、圆形或多边形区域之一。如果您不指定任何形状，它会考虑整个图像。 ``` <div> <img src="circus.jpg" width="500" height="500" alt="Circus" usemap="#circusmap"> <map name="circusmap"> //shape=形状 ；coords=区域座标列表 href="URL资源地址" <area shape="rect" coords="67,114,207,254" href="elephant.htm"> <area shape="rect" coords="222,141,318, 256" href="lion.htm"> <area shape="rect" coords="343,111,455, 267" href="horse.htm"> <area shape="rect" coords="35,328,143,500" href="clown.htm"> <area shape="circle" coords="426,409,100" href="clown.htm"> </map> ``` </div> [https://wanghao221.github.io/html-tips-tricks/map/](https://wanghao221.github.io/html-tips-tricks/map/)