HTML不常用但是好用的标签

**HTML 不常用但是好用的标签**

虽然 HTML 有很多常用的标签，但是也有许多不常用的标签，它们可能不是那么常见，但却有着特殊的作用。这些标签可以帮助我们实现一些特定的功能，例如创建表格、定义样式等。在本文中，我们将介绍一些 HTML 不常用但是好用的标签。

###1. `` 标签`` 标签用于绘制图形和动画。它允许我们使用 JavaScript 来绘制各种类型的图形，例如直线、曲线、圆等。

**示例代码**

html<canvas id="myCanvas" width="400" height="200"></canvas>
<script>
 var canvas = document.getElementById("myCanvas");
 var ctx = canvas.getContext("2d");

 // 绘制一个红色的圆 ctx.fillStyle = "red";
 ctx.beginPath();
 ctx.arc(100,100,50,0, Math.PI *2);
 ctx.fill();

 // 绘制一条蓝色线 ctx.strokeStyle = "blue";
 ctx.lineWidth =5;
 ctx.beginPath();
 ctx.moveTo(200,100);
 ctx.lineTo(300,100);
 ctx.stroke();
</script>

html<details>
 <summary>点击这里查看更多信息</summary>
 <p>这是一个可折叠的区域。</p>
 <p>您可以在这里添加更多的内容。</p>
</details>

html

html<progress value="50" max="100"></progress>

html<p>该文章于 <time datetime="2022-01-01">2022 年1 月1 日</time> 发布。</p>