HTML5的發(fā)展給我們帶來了很多新的特性和標(biāo)簽，其中之一就是三角下拉按鈕。三角下拉按鈕非常適合用于展開或隱藏呈現(xiàn)的區(qū)域。

<button class="dropdown">展開 <i class="fa fa-caret-down"></i></button>
<div class="dropdown-content">
<p>這是一個下拉框。</p>
</div>

上述代碼中，我們使用了button和div兩個標(biāo)簽來分別定義三角下拉按鈕和下拉內(nèi)容。button標(biāo)簽的class屬性被設(shè)置為dropdown，這個class會在CSS樣式表中被使用，用于顯示三角下拉按鈕的樣式。在button標(biāo)簽中，我們使用標(biāo)簽來放置下拉箭頭。這里我們使用了Font Awesome提供的圖標(biāo)，可以到官網(wǎng)https://fontawesome.com/獲取更多的圖標(biāo)樣式。

而下拉內(nèi)容則在div標(biāo)簽中定義，將內(nèi)容放在這個標(biāo)簽內(nèi)部即可。我們同樣為這個標(biāo)簽設(shè)置了一個class屬性，其值為dropdown-content。在CSS樣式表中，我們將會根據(jù)這個class來設(shè)置下拉內(nèi)容的顯示位置、顏色等樣式。

總之，三角下拉按鈕是一個十分實用的按鈕樣式，通過HTML5的代碼實現(xiàn)非常簡單。我們只需要定義一個button標(biāo)簽作為按鈕，同時放置下拉箭頭的標(biāo)簽，再通過一個div標(biāo)簽來定義下拉框的內(nèi)容即可。