HTML5是一種新一代的網(wǎng)頁(yè)標(biāo)準(zhǔn)，它引入了許多新的標(biāo)簽和功能，其中包括畫矩形的功能。

<canvas id="myCanvas" width="200" height="100"></canvas>

上面的代碼實(shí)現(xiàn)了在一個(gè)200*100大小的畫布上畫一個(gè)紅色的矩形，其中canvas標(biāo)簽定義了畫布，width和height屬性定義了畫布的大小。在JavaScript中，我們首先要獲取到這個(gè)畫布，并通過它的getContext()方法獲取到一個(gè)用于繪制的上下文對(duì)象（ctx），然后設(shè)置填充顏色（fillStyle），最后繪制矩形（fillRect方法接受四個(gè)參數(shù)：起始點(diǎn)的x坐標(biāo)、y坐標(biāo)、矩形的寬度和高度）。

HTML5的畫矩形功能極為強(qiáng)大，可以通過各種屬性控制矩形的樣式，如線條顏色、寬度、邊框樣式等等，可以通過繪制多個(gè)矩形來實(shí)現(xiàn)各種復(fù)雜的圖形。如果想深入學(xué)習(xí)HTML5的畫圖功能，建議深入學(xué)習(xí)canvas和JavaScript。