HTML5導航欄居中是前端開發中經常涉及的技術之一，它可以使頁面更加美觀和易于使用。以下是一個基本的HTML5導航欄居中代碼示例：

<nav>
<ul class="main-menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

在這個示例中，我們使用了<nav>元素來定義導航欄，<ul>和<li>元素用于創建一個非排序列表，<a>元素用于定義鏈接。其中，class="main-menu"用于給ul元素添加一個類，以便在CSS中進行樣式設置。 接下來，我們可以使用CSS來使這個導航欄居中顯示。下面是一個簡單的CSS代碼示例：

.main-menu {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
}
.main-menu li {
margin-right: 20px;
}
.main-menu li:last-child {
margin-right: 0;
}
.main-menu a {
color: #333;
text-decoration: none;
font-weight: bold;
}

在這個示例中，我們使用了display:flex來將列表項橫向排列，同時使用justify-content:center來將其居中顯示。此外，我們還去除了列表樣式，設置了列表項之間的間距和鏈接的樣式。 總之，HTML5導航欄居中是一個基本的前端開發技術，通過使用上述代碼，我們可以快速創建一個美觀且易于使用的導航欄。