HTML5是現代Web開發的基石之一，許多網站都采用HTML5來呈現網頁內容。在HTML5中，方框是一種常見的UI元素，通常被用來顯示圖像、文本和其他內容。使用HTML5的pre標簽可以方便地編寫方框代碼。

要創建一個簡單的方框，可以使用HTML5的div標簽和CSS樣式。

<div style="width: 200px; height: 100px; border: 1px solid black;"></div>

上面的代碼創建了一個200像素寬、100像素高的方框，邊框為黑色。要添加內容到方框中，只需在div標簽內添加其他HTML標記即可。

<div style="width: 200px; height: 100px; border: 1px solid black;">
<h1>這是標題</h1>
<p>這是內容。</p>
</div>

上面的代碼在方框中添加了一個標題和一些內容。可以使用CSS樣式來自定義方框的顏色、字體、大小等。

在HTML5中，還有一些其他的標記可以用來創建方框，如article、section和aside，可以根據需要選擇使用不同的標記。

總之，HTML5是一個豐富的工具集，在Web開發中發揮著重要作用。使用HTML5的pre標簽來編寫方框代碼可以方便地創建自己想要的方框。