HTML 的豎線符號（|）是一個重要的符號，它在 Web 設計中經常被用來分隔不同的菜單項或導航鏈接，使得頁面結構更加清晰。下面就讓我們來看看如何在 HTML 中使用豎線符號的代碼。

在 HTML 中，豎線符號的代碼是

|

。如果我們想在頁面中使用豎線符號來分隔不同的導航鏈接，可以像下面這樣書寫代碼：

<nav>
<a href="#">Home</a>
<span>|</span>
<a href="#">About Us</a>
<span>|</span>
<a href="#">Contact Us</a>
</nav>

在上面的代碼中，我們使用了

<nav>

標簽來包裹導航鏈接，并在每兩個鏈接之間添加了一個

<span>

標簽，其中包含了豎線符號的代碼。

另外，我們還可以通過 CSS 樣式來進一步美化豎線符號，比如可以調整豎線符號的寬度或顏色：

nav span {
width: 1px;
height: 20px;
background-color: #ccc;
margin: 0 10px;
display: inline-block;
}

在上面的 CSS 樣式中，我們設置了豎線符號的寬度為 1 像素，高度為 20 像素，并將顏色設置為灰色。同時，我們還為

<span>

標簽添加了一些額外的樣式，比如設置了左右的外邊距，以及將它設為

inline-block

屬性，使得符號可以與鏈接排在同一行。

總的來說，HTML 的豎線符號是一個簡單但功能強大的字符，它可以幫助我們在 Web 設計中更好地組織頁面結構，從而提升用戶體驗。