在HTML5中，有两种常用的方法可以实现垂直居中对齐。一种方法是使用Flexbox布局，另一种方法是使用绝对定位和transform属性。以下是这两种方法的详细介绍：

1. 使用Flexbox布局实现垂直居中对齐：

首先，我们需要将父元素的display属性设置为flex,并设置justify-content和align-items属性为center。这样，子元素就会在父元素内部垂直居中对齐。例如：

```html

Document

居中对齐的内容

```

在这个例子中，我们将父元素的display属性设置为flex,并设置justify-content和align-items属性为center。这样，子元素就会在父元素内部垂直居中对齐。与第一种方法类似，我们在父元素中添加要居中对齐的子元素。这种方法简单易用，适用于大多数情况。