在HTML5中，我们可以使用CSS样式来控制标题的居中显示，有多种方法可以实现标题的居中，以下是一些常见的方法：
1、使用内联样式
最简单的方法是使用内联样式，直接在HTML标签中添加style属性，设置标题的文本对齐方式为居中。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>居中的标题</title> </head> <body> <h1 style="text-align:center;">这是一个居中的标题</h1> </body> </html>
2、使用内部样式表
在HTML文档的<head>标签内，可以添加一个<style>标签，用于编写CSS样式。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>居中的标题</title>
<style>
h1 {
text-align: center;
}
</style>
</head>
<body>
<h1>这是一个居中的标题</h1>
</body>
</html>
3、使用外部样式表
可以将CSS样式编写在一个单独的文件中，然后在HTML文档中使用<link>标签引入该文件，创建一个名为style.css的文件，内容如下：
h1 {
text-align: center;
}
然后在HTML文档中引入该样式表：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>居中的标题</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>这是一个居中的标题</h1> </body> </html>
4、使用flex布局
可以使用flex布局来实现标题的居中，需要将包含标题的容器设置为flex容器，然后设置容器的justify-content属性为center。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>居中的标题</title>
<style>
.container {
display: flex;
justify-content: center;
}
</style>
</head>
<body>
<div class="container">
<h1>这是一个居中的标题</h1>
</div>
</body>
</html>
5、使用grid布局（适用于响应式设计）
如果需要实现更复杂的响应式布局，可以使用grid布局，需要将包含标题的容器设置为grid容器，然后设置容器的justify-items和align-items属性为center。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>居中的标题</title>
<style>
.container {
display: grid;
justify-items: center;
align-items: center;
}
</style>
</head>
<body>
<div class="container">
<h1>这是一个居中的标题</h1>
</div>
</body>
</html>
在HTML5中，有多种方法可以实现标题的居中显示，包括使用内联样式、内部样式表、外部样式表、flex布局和grid布局，根据实际需求和场景，可以选择合适的方法来实现标题的居中。