HTML5是Web開發的重要標準之一，它提供了許多新的有用特性，其中包括多個塊自適應。多個塊自適應是一種可以讓你在Web頁面上創建多個塊，同時這些塊可以根據頁面寬度自適應的技術。下面是一個HTML5多個塊自適應的簡單樣例代碼：

<div class="wrapper">
<div id="block1">
<p>這是塊1的內容</p>
</div>
<div id="block2">
<p>這是塊2的內容</p>
</div>
<div id="block3">
<p>這是塊3的內容</p>
</div>
</div>
<style>
.wrapper {
display: flex;
flex-wrap: wrap;
}
#block1 {
width: 300px;
min-width: 100px;
order: 1;
}
#block2 {
width: 500px;
min-width: 200px;
order: 2;
}
#block3 {
width: 200px;
min-width: 50px;
order: 3;
}
</style>

以上代碼中，我們首先創建了一個類名為"wrapper"的div，用于包含所有的塊。然后我們創建了三個塊，即id為"block1"、"block2"和"block3"的div，它們都放在了wrapper內。 現在我們來看看style部分的代碼。我們使用flexbox布局來處理多個塊自適應的問題。具體來說，我們為wrapper指定了"display: flex;"，這樣wrapper內的所有塊都會使用flexbox布局。接下來，我們將"flex-wrap"屬性設置為"wrap"，這樣當塊的寬度超過wrapper的寬度時，它們會自動換行。 最后，我們為每個塊指定了自己的寬度和最小寬度。例如，塊1的寬度為300px，最小寬度為100px。塊2的寬度為500px，最小寬度為200px。塊3的寬度為200px，最小寬度為50px。這些值可根據你實際想要的效果進行調整。 在以上代碼中，我們還使用了"order"屬性來控制塊的排列順序。例如，我們將塊1設為"order: 1;"，這樣它會排在塊2和塊3的前面。你可以根據需要更改這個屬性。 總的來說，HTML5多個塊自適應是一個非常有用的技術，它可以讓你在Web頁面上快速創建多個塊，并自動適應頁面寬度。在實際應用中，你可以根據需要調整塊的尺寸和順序，以達到最佳的布局效果。