在HTML中，可以通过使用CSS的float属性和z-index属性来实现三列布局，并确保中间栏可以先加载。具体步骤如下：

1. 设置三列布局： 首先，设置display为flex，在其中设置flex-direction为column，这样三列就会自动排列。然后，设置justify-content为flex-start，这样中间栏就会放在最前端。

```html

```

1. 确保中间栏先加载： 为了确保中间栏可以先加载，需要在CSS中设置z-index属性。具体来说，可以设置中间栏的z-index值比其他列的z-index值高。这样，即使其他列的z-index值更高，中间栏也不会被覆盖，从而确保它先加载。

```css .column { flex-basis: 50%; height: 100%; position: relative; z-index: 1; }

.column::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f00; z-index: 2; } ```

在上述CSS中，设置column::before为z-index: 2，这样中间栏就会在其他列的z-index值之上，从而确保它先加载。