HTML5代碼模塊化是指將大型的HTML文檔拆分成小模塊，并將每個模塊的代碼塊獨立編寫，從而提高代碼復用性和維護性。

使用模塊化HTML可以帶來以下幾點好處：

模塊化代碼示例：
<div class="header">
<h1>模塊一</h1>
<p>模塊一的說明文字</p>
</div>
<div class="content">
<h2>模塊二</h2>
<p>模塊二的說明文字</p>
</div>
<div class="footer">
<p>版權所有 ? 2021 HTML5.com.</p>
</div>

1. 代碼重用：隨著項目規模的增長，重復書寫一些相同的代碼是不可避免的。如果將這些代碼封裝為模塊，則可以大大減少代碼的書寫量，避免出現重復的部分，提高代碼重用性。

2. 代碼維護：代碼分散在多個HTML頁面中，如果需要修改其中的一個代碼塊，就需要打開多個HTML文檔進行查找和修改。而模塊化的代碼可以單獨維護一個代碼塊，輕松進行修改，從而提高代碼的可維護性。

3. 提高代碼可讀性：通過模塊化的代碼，可以使HTML文檔更加清晰明了。代碼塊分離出來，易于閱讀，可以更容易地理解HTML文檔的結構和布局。

HTML5通過使用<template>標簽來實現模塊化HTML。<template>標簽定義了一個HTML模板，其中可以包含各種HTML元素，但是不會被瀏覽器渲染。<template>標簽內的代碼可通過JavaScript調用，從而進行模塊的復用。

模塊化<template>標簽示例：
<template id="模塊一">
<div class="header">
<h1>模塊一</h1>
<p>模塊一的說明文字</p>
</div>
</template>
<template id="模塊二">
<div class="content">
<h2>模塊二</h2>
<p>模塊二的說明文字</p>
</div>
</template>
<template id="版權信息">
<div class="footer">
<p>版權所有 ? 2021 HTML5.com.</p>
</div>
</template>

通過這種方式，我們可以使用JavaScript將相同的HTML代碼塊在不同的HTML文檔中進行調用和復用，提高代碼重用性和維護性。