HTML5可以讓開(kāi)發(fā)者更方便地控制頁(yè)面元素的位置和布局。 在HTML5中，可以通過(guò)以下代碼將一個(gè)元素放置在頁(yè)面中心位置：

<div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
<p>這個(gè)元素在頁(yè)面中心位置</p>
</div>

這段代碼首先設(shè)置了該元素的定位方式為絕對(duì)定位（position: absolute），然后將其左側(cè)和頂部分別設(shè)為頁(yè)面寬度和高度的50%（left: 50%; top: 50%）。 接著，通過(guò)transform屬性的translate函數(shù)將元素向左和向上移動(dòng)了自身寬度和高度的50%（transform: translate(-50%, -50%)），即讓元素的中心點(diǎn)與頁(yè)面中心點(diǎn)重合。 此方法在實(shí)現(xiàn)網(wǎng)頁(yè)布局時(shí)非常實(shí)用，讓頁(yè)面更美觀，也讓閱讀更加舒適。同時(shí)，學(xué)會(huì)利用HTML5的技巧，布局更加輕松愉快。